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