Style Guide

TEXT STYLES

Note : Any modifications to the Text Styles will be universally applied to all corresponding elements throughout the website.

Note : Any modifications to the Text Styles will be universally applied to all corresponding elements throughout the website.

Note : Any modifications to the Text Styles will be universally applied to all corresponding elements throughout the website.

Note : Any modifications to the Text Styles will be universally applied to all corresponding elements throughout the website.

This is a Display Text

This is a heading 1

This is a heading 2

This is a heading 3

This is a heading 4

This is a heading 5

This is a large paragraph text. Welcome to our website, where innovation and elegance converge to provide you with a seamless digital experience. Our design philosophy revolves around clean lines, vibrant imagery, and intuitive navigation, ensuring that every click leads you on a journey of discovery.

This is a medium paragraph text. Welcome to our website, where innovation and elegance converge to provide you with a seamless digital experience. Our design philosophy revolves around clean lines, vibrant imagery, and intuitive navigation, ensuring that every click leads you on a journey of discovery.

This is a small paragraph text. Welcome to our website, where innovation and elegance converge to provide you with a seamless digital experience. Our design philosophy revolves around clean lines, vibrant imagery, and intuitive navigation, ensuring that every click leads you on a journey of discovery.

This is an extra small paragraph text. Welcome to our website, where innovation and elegance converge to provide you with a seamless digital experience. Our design philosophy revolves around clean lines, vibrant imagery, and intuitive navigation, ensuring that every click leads you on a journey of discovery.

This is a quote

This is an uppercase label text

This is a Footer LINK

Color Styles

Note : Alterations to colors can be made within the Shared Colors section, which is located in the property panel on the right side of the canvas. Whenever you make a modification to a shared color, it will be reflected throughout your entire canvas.

Note : Alterations to colors can be made within the Shared Colors section, which is located in the property panel on the right side of the canvas. Whenever you make a modification to a shared color, it will be reflected throughout your entire canvas.

Note : Alterations to colors can be made within the Shared Colors section, which is located in the property panel on the right side of the canvas. Whenever you make a modification to a shared color, it will be reflected throughout your entire canvas.

Note : Alterations to colors can be made within the Shared Colors section, which is located in the property panel on the right side of the canvas. Whenever you make a modification to a shared color, it will be reflected throughout your entire canvas.

Orange

#FF7A3B

#FF7A3B

#FF7A3B

#FF7A3B

100%

100%

100%

100%

Yellow

#ED991D

#ED991D

#ED991D

#ED991D

100%

100%

100%

100%

Teal

#095D5D

#095D5D

#095D5D

#095D5D

100%

100%

100%

100%

Black

#0D0D0D

#0D0D0D

#0D0D0D

#0D0D0D

100%

100%

100%

100%

White 10%

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

10%

10%

10%

10%

White 15%

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

15%

15%

15%

15%

White 30%

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

30%

30%

30%

30%

White 50%

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

50%

50%

50%

50%

White 80%

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

80%

80%

80%

80%

White 100%

#FFFFFF

#FFFFFF

#FFFFFF

#FFFFFF

100%

100%

100%

100%

Not limited to video,

we're your creative comrades.

Got questions, porject ideas, or just want to say hi? We're all ears!

Address: No 32 Sarasavi Lane, Colombo 08, Sri Lanka

Email: hello@tonesandcolours.com

Phone: (+94) 76 962 0099

Business Hours: Monday - Saturday : 10am to 7pm

Not limited to video,

we're your creative comrades.

Got questions, porject ideas, or just want to say hi? We're all ears!

Address: No 32 Sarasavi Lane, Colombo 08, Sri Lanka

Email: hello@tonesandcolours.com

Phone: (+94) 76 962 0099

Business Hours: Monday - Saturday : 10am to 7pm

Not limited to video,

we're your creative comrades.

Got questions, porject ideas, or just want to say hi? We're all ears!

Address: No 32 Sarasavi Lane, Colombo 08, Sri Lanka

Email: hello@tonesandcolours.com

Phone: (+94) 76 962 0099

Business Hours: Monday - Saturday : 10am to 7pm

Not limited to video,

we're your creative comrades.

Got questions, porject ideas, or just want to say hi? We're all ears!

Address: No 32 Sarasavi Lane, Colombo 08, Sri Lanka

Email: hello@tonesandcolours.com

Phone: (+94) 76 962 0099

Business Hours: Monday - Saturday : 10am to 7pm