Style Guide

Colors
White
#fefefd
Black
#020014
Gainsboro
#dfdfdf
Dark Grey
#1e232e
Grey
#9fa5b3
Medium Purple
#947eff
Midnight Blue
#7ce8ff
Black Green
#0f1c21
Black Purple
#1a1726
Gradient Dark
######
Gradient Lite
########
########
Typography

The bright sun cast long shadows across the deserted street

Heading XXLarge - 3.5rem / 1.2

The bright sun cast long shadows across the deserted street

Heading XLarge - 3rem / 1.2

The bright sun cast long shadows across the deserted street

Heading Large - 2.5rem / 1.2

The bright sun cast long shadows across the deserted street

Heading Medium - 2rem / 1.3
The bright sun cast long shadows across the deserted street
Heading Small - 1.5rem / 1.4
The bright sun cast long shadows across the deserted street
Heading XSmall - 1.25rem / 1.4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean enim nunc, efficitur eget sem at, fringilla euismod elit. In hac habitasse platea dictumst. Curabitur nisl lacus, sagittis ut consectetur sed, congue vel felis. Vivamus id ante enim. Curabitur porta pellentesque tortor ut molestie.
Body text Large - 1.25rem / 1.5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean enim nunc, efficitur eget sem at, fringilla euismod elit. In hac habitasse platea dictumst. Curabitur nisl lacus, sagittis ut consectetur sed, congue vel felis. Vivamus id ante enim. Curabitur porta pellentesque tortor ut molestie.
Body text Medium - 1.125rem / 1.5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean enim nunc, efficitur eget sem at, fringilla euismod elit. In hac habitasse platea dictumst. Curabitur nisl lacus, sagittis ut consectetur sed, congue vel felis. Vivamus id ante enim. Curabitur porta pellentesque tortor ut molestie.
Body text Regular - 1rem / 1.5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean enim nunc, efficitur eget sem at, fringilla euismod elit. In hac habitasse platea dictumst. Curabitur nisl lacus, sagittis ut consectetur sed, congue vel felis. Vivamus id ante enim. Curabitur porta pellentesque tortor ut molestie.
Body text Small - 0.875rem / 1.5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean enim nunc, efficitur eget sem at, fringilla euismod elit. In hac habitasse platea dictumst. Curabitur nisl lacus, sagittis ut consectetur sed, congue vel felis. Vivamus id ante enim. Curabitur porta pellentesque tortor ut molestie.
Body text Tiny - 0.75rem / 1.5

Heading Style H1

Heading Style H2

Heading Style H3

Heading Style H4

Heading Style H5

Heading Style H6

Buttons
Primary Large
Secondary Large
Primary Small
Secondary Small
Forms
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Rich Text

The white water rafting trip was suddenly halted by the unexpected brick wall

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean enim nunc, efficitur eget sem at, fringilla euismod elit. In hac habitasse platea dictumst. Curabitur nisl lacus, sagittis ut consectetur sed, congue vel felis. Vivamus id ante enim. Curabitur porta pellentesque tortor ut molestie.

  1. Lorem ipsum dolor sit amet
  2. Nam ut faucibus leo
  3. Orci varius natoque penatibus
  4. et magnis dis parturient montes

The tree fell unexpectedly short

Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Vivamus euismod turpis sit amet finibus facilisis. Donec id ornare lorem, id pulvinar sem. Pellentesque eget sapien nisl. Fusce accumsan justo non massa commodo, at sollicitudin lectus accumsan. Vestibulum porta lorem sed elit tempus rhoncus. Praesent feugiat nibh at nibh vehicula, sed rhoncus arcu porttitor. Phasellus magna est, gravida at ornare vel, tempus vel sapien. Sed aliquet ipsum mollis tincidunt consequat. Nullam pharetra est est, nec mattis nulla pharetra vel. Duis nec efficitur enim.

tempus vel sapien. Sed aliquet ipsum mollis tincidunt consequat. Nullam pharetra est est, nec mattis nulla pharetra vel. Duis nec efficitur enim.

How to customize formatting for each rich text

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.

Group Chat
Nam ut faucibus leo.
The old apple revels in its authority

Phasellus magna est, gravida at ornare vel, tempus vel sapien. Sed aliquet ipsum mollis tincidunt consequat. Nullam pharetra est est, nec mattis nulla pharetra vel. Duis nec efficitur enim.

  • Lorem ipsum dolor sit amet
  • Nam ut faucibus leo
  • Orci varius natoque penatibus
  • et magnis dis parturient montes

A glittering gem is not enough

Phasellus magna est, gravida at ornare vel, tempus vel sapien. Sed aliquet ipsum mollis tincidunt consequat. Nullam pharetra est est, nec mattis nulla pharetra vel. Duis nec efficitur enim.