Text Styles

Text Styles

Text Styles

This is Display

This is h1

This is h2

This is h3

This is h4

This is a h5
This is a h6

This is Title This is Title This is Title This is Title This is Title This is Title This is Title This is Title This is Title This is Title This is Title This is Title This is Title This is Title

This is P1 text style. It's the foundation, the starting point. Like the first stroke of a painter on a blank canvas, it is simple yet profound. Sentences are short and crisp, delivering the essence of the idea in the most elementary way. The beauty of P1 lies in its minimalism, highlighting the significance of each word

This is P2 text style in longer sentences. It resembles the tale of the quick brown fox that leaps over the lazy dog, painting a vivid image with each word. Despite the increased length, each sentence retains its clarity, ensuring that the message remains comprehensible. The P2 text style embraces complexity without compromising simplicity, allowing for a diverse range of expressions and narratives.

This is P3 text style. Imagine a rhythm, a dance of words creating a harmonious flow. Sentences are longer and more complex, weaving an intricate pattern of ideas and thoughts. P3 maintains its clarity despite the increasing complexity, showcasing the elegance of well-structured narratives

This is P4 text style. It's like a river, its sentences ebbing and flowing with thoughtful transitions and deliberate pace. This style is rich in detail and full of vibrant expressions. P4 delves deeper into complexity, yet every sentence remains a clear stream of thought, guiding the reader through the labyrinth of its narratives

Color Styles

Color Styles

Color Styles

Dark

This is a neutral colour that will be used for texts, borders, fills and other generic elements

900

800

700

600

500

400

300

200

100

50

25

0

Primary

This is your brand color that will shape alot of the accents around the website

900

800

700

600

500

400

300

200

100

50

25

Animations

Animations

Animations

Layer in View

Eased move up animation when layer is in view. right click and copy effects and paste on desired element

Slow

Medium

Fast

Loop

Animation played in loop. Right click and copy effects and paste on desired element

Slow

Medium

Fast

Shadows

Shadows

Shadows

Small

Medium

Large

Extra Large