Pathfinders Foundations

BG Colors

Primary

bg-green
#2DF97F
bg-black
#12171D
bg-white
#FFFFFF

Complementary

bg-green-01
#24D96D
bg-green-02
#26AF5F

Neutral Colors

bg-grey-01
#1F252C
bg-grey-02
#273039
bg-grey-03
#626466
bg-grey-04
#E9EBEE

Gradients

bg-gradient-01
#24D96D » #26AF5F
bg-gradient-02
#12171D » #1A2026

Text Colors

Primary

Green
Black
White

Complementary

Green-01
Green-02

Neutral

Grey-01
Grey-02
Grey-03
Grey-04

Iconography

Embed Icons v2

Embed Icons v1

Svg Icons v2

Svg Icons v1

Illustrations

Typography

Font sizes

09-XXXL-Black
80px/110%
09-XXXL-Semibold
80px/110%
09-XXXL-Light
80px/110%
08-XXL-Black
64px/110%
08-XXL-Semibold
64px/110%
08-XXL-Light
64px/110%
07-XL-Black
48px/120%
07-XL-Semibold
48px/120%
07-XL-Light
48px/120%
06-L-Black
32px/120%
06-L-Semibold
32px/120%
06-L-Light
32px/120%
05-M-Black
24px/130%
05-M-Semibold
24px/130%
05-M-Light
24px/130%
04-S-Black
18px/140%
04-S-Semibold
18px/140%
04-S-Light
18px/140%
03-XS-Black
16px/150%
03-XS-Semibold
16px/150%
03-XS-Light
16px/150%
02-XXS-Black
14px/150%
02-XXS-Semibold
14px/150%
02-XXS-Light
14px/150%
01-XXXS-Black
12px/150%
01-XXXS-Semibold
12px/150%
01-XXXS-Light
12px/150%

Headings sizes

Heading H1

48px/120%

Heading H2

32px/120%

Heading H3

24px/130%

Heading H4

22px/130%
Heading H5
20px/130%
Heading H6
18px/130%

Link styles

LIstS

  • Unordered item one
  • Unordered item two
  1. Ordered item one
  2. Ordered item two

Rich Text

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Link

Quote

  • Item number one
  • Item number two

  1. Item number one
  2. Item number two

Pathfinders logo
Figure Caption

Other Styles

Text

text-left
text-right
text-center
caps
no-caps
900-Black
italic
no-decoration
underline

Display

Block
flex-h-center
flex-h-top
flex-h-bottom
flex-h-sb
flex-v-center
flex-v-left
flex-v-right
flex-v-sb
inline-block
inline
none
hidden

Size

width-auto
width-100%
width-100vh
height-auto
height-100%
height-100vh

Position - Float

float-left
float-right

Spacing - Margins

no-margin
no-side-margin
no-upper-margin
margin-side-auto
margin-upper-auto
mt-0
mt-4
mt-8
mt-16
mt-24
mt-32
mt-40
mr-0
mr-4
mr-8
mr-16
mr-24
mr-32
mr-40
mb-0
mb-4
mb-8
mb-16
mb-24
mb-32
mb-40
ml-0
ml-4
ml-8
ml-16
ml-24
ml-32
ml-40

Spacing - Paddings

no-padding
no-side-padding
no-upper-padding
pt-0
pt-4
pt-8
pt-16
pt-24
pt-32
pt-40
pr-0
pr-4
pr-8
pr-16
pr-24
pr-32
pr-40
pb-0
pb-4
pb-8
pb-16
pb-24
pb-32
pb-40
pl-0
pl-4
pl-8
pl-16
pl-24
pl-32
pl-40