Bearest Style Guide V.1
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 - 2.7 Rem - 130% Height - 0% Spacing
This is the sample text of Heading 2
Heading / H2 - 2 Rem - 130% Height - 0% Spacing
This is the sample text of Heading 3
Heading / H3 - 1.9 Rem - 130% Height - 0% Spacing
This is the sample text of Heading 4
Heading / H4 - 1.2 Rem - 130% Height - 0% Spacing
This is the sample text of Heading 5
Heading / H5 - 1.125 Rem - 130% Height - 0% Spacing
This is the sample text of Heading 6
Heading / H6 - 1 Rem - 130% Height - 0% Spacing
All Paragraphs
All paragraph - 1 Rem - 130% Height - 0,01 Spacing
Small Body Text
Small Text - 0.875 Rem - 130% Height - 0,01 Spacing
Medium Body Text
Medium Text - 0.9375 Rem - 130% Height - 0,01 Spacing
Link
All Links
Heading Style H1
Heading / H1 - 2.7 Rem - 130% Height - 0% Spacing
Heading Style H2
Heading / H2 - 2 Rem - 130% Height - 0% Spacing
Heading Style H3
Heading / H3 - 1.9 Rem - 130% Height - 0% Spacing
Heading Style H4
Heading / H4 - 1.2 Rem - 130% Height - 0% Spacing
Heading Style H5
Heading / H5 - 1.125 Rem - 130% Height - 0% Spacing
Heading Style H6
Heading / H6 - 1 Rem - 130% Height - 0% 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 Black - #181818
Neutral 01 - #b0b0b0
Primary White - #ffffff
Neutral 02 - #9a9a9a
Accent - #6d56f7
Neutral 03 - #757a81
Background Color
Background Light - #181818
Background Light Secondary - #fcfcfc
Background Light Tertiary - #f1f5fb
Background Dark - #181818
UI Kits
Buttons
Button - Secondary - Tertiary
Button - Alternates
Button - Small