Chrona Style Guide
This page will be where you centralize and update all your styles to align with your brand identity. Any changes you do here will effect your entire theme. Avoid making changes directly on other pages to prevent design inconsistencies.
Typography
This is the sample text of Heading 1
Heading / H1 - 3.2 Rem - 120% Height - 0,01 Em Spacing
This is the sample text of Heading 2
Heading / H2 - 2.375 Rem - 140% Height - 0,01 Em Spacing
This is the sample text of Heading 3
Heading / H3 - 1.875 Rem - 130% Height - 0,01 Em Spacing
This is the sample text of Heading 4
Heading / H4 - 1.4 Rem - 120% Height - 0 Em Spacing
This is the sample text of Heading 5
Heading / H5 - 1 Rem - 120% Height - 0 Em Spacing
This is the sample text of Heading 6
Heading / H6 - 0.875 Rem - 130% Height - 0 Em Spacing
All Paragraphs
All paragraph - 1.125 Rem - 130% Height - 0 Em Spacing
Medium Body Text
Medium Text - 1 Rem - 130% Height - 0,01 Em Spacing
Small Body Text
Small Text - 0.9 Rem - 130% Height - 0 Em Spacing
Link
All Links
Heading Style H1
Heading / H1 - 3.2 Rem - 120% Height - 0,01 Em Spacing
Heading Style H2
Heading / H2 - 2.375 Rem - 140% Height - 0,01 Em Spacing
Heading Style H3
Heading / H3 - 1.875 Rem - 130% Height - 0,01 Em Spacing
Heading Style H4
Heading / H4 - 1.4 Rem - 120% Height - 0 Em Spacing
Heading Style H5
Heading / H5 - 1 Rem - 120% Height - 0 Em Spacing
Heading Style H6
Heading / H6 - 0.875 Rem - 130% Height - 0 Em Spacing
Rich Text
Sed posuere consectetur est at lobortis. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
All Paragraphs
This is a link inside the rich text- List item
- List item
- List item
- List item
- List item
- List item
This is a block quote
Caption goes here
Color Scheme
Text Color
Primary Dark - #0D0D0D
Neutral 01 - #818181
Primary Light - #CCCCCC
Neutral 02 - #7A7A7A
Accent - #FF5A65
Neutral 03 - #4F4F4F
Gradient Color
Gradient Monochrome
Gradient Accent
White - #f1f5fb
Black - #181818
UI Kits
Buttons
Button - Secondary - Tertiary
Button - Rounded
Signup Form
Contact Form
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.