Text Styles

This is h1

This is h2

This is h3

This is h4

This is a h5
This is a h6

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

Dark

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

900

#0F0F10

800

#131316

700

#1A1C1E

600

#2C2D30

500

#404245

400

#5A616E

300

#80858F

200

#B9BBC1

100

#B9BBC1

50

#EBECED

25

#F7F7F8

0

#FFFFFF

Primary

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

900

#252164

800

#312B83

700

#3F38A9

600

#5148D9

500

#594FEE

400

#7A72F1

300

#9089F4

200

#B3AEF7

100

#CCC8FA

50

#EEEDFD

25

#F6F6FE

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

Small

Medium

Large

Extra Large