top of page

Style Guide

FONTS

Heading 1, 5 ,6
DM Sans (Bold)

- Use for large headers or splashes (like page title and carousel text). Pick between them depending on size.

Heading 2, 3, 4
Source Sans Pro

- I would use this for subheaders. Pick between them depending on size.

Paragraph 1

Roboto 

Used for: Paragraph body, Filter details, & pagination selection details

Paragraph 2,3

Ubuntu

Used for: Navigation, Buttons, All card texts (title, tags, etc)

COLORS

#c57a4a

#28482d

-  Highlight colors 

C4D6D1

- "white" colored paragraph text to use over a dark green background 

2C3639

#424B5A

A1AEB7

#C2D1D9

- Dark colored paragraph text (ie "sort by" or "search and filter

- Dark colored titles (like organization card title)

- light colored icons (ie bookmark icon)

-method tag's background on figma

#868A92

#C3C3C3

#F5F5F5

- greys used in Figma (ie footer, box borders, time/political bar, back to top button)

ICONS

Color: #FFFFFF

Color: #A1AEB7

Color: BBBBBB

bottom of page