Skip to content

Theme Colors

Primary
#b86d23
Secondary
#5e6d87
Tertiary
#7e8548
Accent
#866852
Dark
#1f1f1f
Light
#ebe6de

Theme Variants Colors

Primary Subtle
#e0954b
Secondary
#8695af
Tertiary
#a6ad70
Accent
#ae907a

System Colors

Success
#7e8548
Warning
#E6DC24
Error
#E03131
Focus
#00949E

Root CSS Variables

--primary_color :#b86d23 ;
--secondary_color :#5e6d87 ;
--tertiary_color :#7e8548 ;
--accent_color :#866852 ;

--primary_color-subtle :#e0954b ;
--secondary_color-subtle :#8695af ;
--tertiary_color-subtle :#a6ad70 ;
--accent_color-subtle :#ae907a ;

--text-color--dark :#1f1f1f ;
--text-color--light :#ebe6de ;

--success_color :#7e8548 ;
--warning_color :#E6DC24 ;
--error_color :#E03131 ;
--focus_color :#00949E ;
--base_font_size :16px

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porttitor, quam vel dignissim tincidunt, odio libero porta ligula, vitae fermentum lacus libero vel risus. Aenean pulvinar nisl et vestibulum commodo. Quisque euismod tempus dignissim. Quisque dictum luctus velit, eu viverra urna tristique non. Vivamus at dolor tellus. Cras congue sapien non turpis dapibus, et vestibulum ante ultrices. Mauris eu nisi non sapien fermentum fermentum in eu odio. Fusce congue elit et tortor sagittis, sit amet auctor risus sagittis.

This line contains subscript text.

This line contains superscript text.

This line contains code.

This line contains small text.

This line contains highlighted text

.preformatted-code { background-color: #FFF; }
  • Unordered list item
  • Unordered list item
  • Unordered list item
  • Unordered list item
  1. First ordered list item
  2. Second ordered list item
  3. Third ordered list item
  4. Fourth ordered list item
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis porttitor, quam vel dignissim tincidunt, odio libero porta ligula, vitae fermentum lacus libero vel risus. Aenean pulvinar nisl et vestibulum commodo. Quisque euismod tempus dignissim.
Header column one Header column two Header column three
Row one column one Row one column two Row one column three
Row two column one Row two column two Row two column three
Row three column one Row three column two Row three column three
Row four column one Row four column two Row four column three
Footer column one Footer column two Footer column three