Design System

Style Guide

Color Brand

Brand 1
#ffcda3
Brand 2
#fce2ce
Brand 3
#ffede5
Brand 4
#fff5ef

Color System

Color primary
#87c6e3
Color success
#76e1c6
Color info
#58c1c8
Color danger
#f0a9a9
Color warning
#e6bf7e

Grey Scale

Color dark
#111111
Grey 900
#101010
Grey 700
#484848
Grey 400
#999999
Grey 100
#9c9c9c
Mutted
#9b9b9b

Buttons

Typography

When creating a header, all you need to do is add a # before your header or use the contextual toolbar. You can keep adding up to six # in a row to make the headers smaller. User .font-heading class for Heading font family

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Quote

Integer eu faucibus dolor[5]. Ut venenatis tincidunt diam elementum imperdiet. Etiam accumsan semper nisl eu congue. Sed aliquam magna erat, ac eleifend lacus rhoncus in.