Stylesheet
Headings global
We use Clash Display for all text
We create tings
We want to give back control over your website’s aesthetics
Enough talk,
let’s get to work.
CleverMellow
CleverMellow
CleverMellow
Heading classes
Use the heading classes if you want to apply an h1 style to an h2 tag and vice versa. This way the semantic structure stays correct.
heading-display
heading-large
heading-medium
heading-small
heading-xsmall
Text classes
All text sizes, styles and classes
All Paragraphs
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis auctor odio at suscipit maximus. Etiam sed ex a enim finibus tincidunt. Aliquam erat volutpat. Integer vel ligula quis lorem scelerisque tincidunt ac id purus. Proin lacinia blandit ex eu lobortis. Vivamus fringilla cursus dictum. Suspendisse ac pharetra orci, nec dignissim turpis.
All Quotes
"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis auctor odio at suscipit maximus. Etiam sed ex a enim finibus tincidunt. Aliquam erat volutpat. Integer vel ligula quis lorem scelerisque tincidunt ac id purus. Proin lacinia blandit ex eu lobortis."
text-size-large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis auctor odio at suscipit maximus. Etiam sed ex a enim finibus tincidunt. Aliquam erat volutpat. Integer vel ligula quis lorem scelerisque tincidunt ac id purus.
text-size-regular
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis auctor odio at suscipit maximus. Etiam sed ex a enim finibus tincidunt. Aliquam erat volutpat. Integer vel ligula quis lorem scelerisque tincidunt ac id purus. Proin lacinia blandit ex eu lobortis. Vivamus fringilla cursus dictum. Suspendisse ac pharetra orci, nec dignissim turpis.
text-size-small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis auctor odio at suscipit maximus. Etiam sed ex a enim finibus tincidunt. Aliquam erat volutpat. Integer vel ligula quis lorem scelerisque tincidunt ac id purus. Proin lacinia blandit ex eu lobortis. Vivamus fringilla cursus dictum. Suspendisse ac pharetra orci, nec dignissim turpis.
text-style-strikethrough
text-style-italic
text-style-quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis auctor odio at suscipit maximus. Etiam sed ex a enim finibus tincidunt. Aliquam erat volutpat. Integer vel ligula quis lorem scelerisque tincidunt ac id purus. Proin lacinia blandit ex eu lobortis.
text-style--2lines
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis auctor odio at suscipit maximus. Etiam sed ex a enim finibus tincidunt. Aliquam erat volutpat. Integer vel ligula quis lorem scelerisque tincidunt ac id purus. Proin lacinia blandit ex eu lobortis. Vivamus fringilla cursus dictum. Suspendisse ac pharetra orci, nec dignissim turpis.
text-style--3lines
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis auctor odio at suscipit maximus. Etiam sed ex a enim finibus tincidunt. Aliquam erat volutpat. Integer vel ligula quis lorem scelerisque tincidunt ac id purus. Proin lacinia blandit ex eu lobortis. Vivamus fringilla cursus dictum. Suspendisse ac pharetra orci, nec dignissim turpis.
Alignments
Text colors
Rich text
Add the class .text-richt-text when adding a richt text element on a page
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
- The rich text element allows you to create and format headings,
- The rich text element allows you to create and format headings,
- The rich text element allows you to create and format headings,
-
Sample text is being used as a placeholder for real text that is normally present. Sample text helps you understand how real text may look on your website. Sample text is being used as a placeholder for real text.
brand colors
Our brand colours distinguish our brand and help us create consistent communication.
green
#87FF87
blue
#8BC3DE
blue grey
#486076
dark blue
#202F45
almost black
#121D2D
black
#0B1626
white
#FBFBFB
Buttons
Cursor
Design elements
Webflow elements
List
- Sample text is being used as a placeholder for real text that is normally present.
- Sample text is being used as a placeholder for real text that is normally present.
- Sample text is being used as a placeholder for real text that is normally present.
