Style Guide

For most common design needs

Colors

Color 1
#EFF5F8
Color 2
#D4DBE0
Color 3
#C3CDD2
Button
#121414
Accent 1
#E5D8AC
Accent 2
#B3A886
Light BG Text
#333333
Dark BG Text
#FFFFFF
Accent 4
#1D3F63

Gradients

Gradient 1
#EFF5F8
#D4DBE0
Gradient 2
#D4DBE0
#C3CDD2
Gradient 3
#424242
#262626

Images

Assets

Examples for Vibe and Feel (Social Media)

Buttons

Buttons receive a Border Radius for rounded ("pill") edges

Global Font: Inter

Headings

UN Heading 1

UN Heading 2

UN Heading 3

UN Heading 4

UN Heading 5
UN Heading 6

Paragraph

Im a Big Paragraph ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Im a Small Paragraph ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Blog Post Styling

We love design beautiful things!

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Static and dynamic content editing

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing.

Static and dynamic content editing

  • Etiam sollicitudin ipsum

  • Fusce ac felis

  • Nunc nec neque

Static and dynamic content editing

  1. Etiam sollicitudin ipsum

  2. Fusce ac felis

  3. Nunc nec neque

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system. A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing.