Getting Started

Overview

Styles

Typography

Suisse Intl
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890

Text Styles

H1 / Suisse Intl Book, 64/100%
H2 / Suisse Intl Book, 48/100%
H3 / Suisse Intl Book, 40/130%
H4 / Suisse Intl Book, 32/120
H5 / Suisse Intl Book, 28/120
H6 / Suisse Intl Book, 24/120
H7 / Suisse Intl Book, 20/120
H8 / Suisse Intl Book, 18/120
Book / Suisse Intl Book, 16/140
Light / Suisse Intl Light, 16/140
Regular / Suisse Intl Light, 14/140
Regular / Suisse Intl Light, 12/140
Styles

Colors

Basic
Spec
Black
#1D1A17
black
Black 20
#1D1A17, 0.20
black-20
Black 10
#1D1A17, 0.10
black-10
White
#FFFFFF
white
White 70
#FFFFFF, 0.70
white-70
White 50
#FFFFFF, 0.50
white-50
White 20
#FFFFFF, 0.20
white-20
Sandstone
#D9D7C1
sandstone
Flow Blue
#88A7A2
flow-blue
Ada Blue
#607B77
ada-blue
Deep Blue
#FFE6EE
deep-blue
Orange
#EC721E
orange
Ada Orange
#BC5610
ada-orange
Medium Gray
#BCBDC3
medium-gray
Light Pink
#FFE6EE
light-pink
Support
Spec
Passionfruit
#D546F5
passionfruit
Lemonade
#FFF56D
lemonade
Strawberry
#FF4A57
strawberry
Support
Spec
Success
#4A934A
success
Success 20
#4A934A, 0.20
success-20
Error
#C31414
error
Error 20
#C31414, 0.20
error-20
Styles

Spacing

Scale
rem
px
Spec
XXXSmall
.125
2
XXSmall
.25
4
XSmall
.5
8
Small
.75
12
Regular
1
16
Medium
2
24
Large
2.5
32
XLarge
2.5
40
XXLarge
2.5
48
XXXLarge
4
64
XXXXLarge
5
80
Styles

Iconography

Pause
icon-pause
Bag
icon-bag
Menu
icon-menu
Account
icon-account
Chevron Down
icon-chevron-down
Arrow
icon-arrow
Close
icon-close
Plus
icon-plus
Minus
icon-minus
Star Full
icon-star-full
Star Half
icon-star-half
Search
icon-search
Styles

Gradients

Styles

Buttons

Styles
Spec
ATB button
Regular Button
Disabled
Disabled
Button- loading
Button-icon
Styles

Form

Success Message

Close

Error Message

Close
Cancel
Getting Started

Product Cards

Star Full Star Full Star Full Star Full Star Full
5.0 (1 Review)

FINNSUL Blender Bottle

Cancel

Zero Sugar

Beer

5 Calories

Lightbulb

Focus

Energy:

Flavor:

Size:

Check Solid

Subscribe & Save 20%

$38
$24
$1.60 per pack
Box

Free shipping forever

Cancel Circle

Cancel, pause, or edit anytime

Sell Tag

Early access to promos and launches

Tumbler

FREE 24oz. FINNSUL Tumbler when you subscribe!

Choose Frequency

Most Popular Popular Popular

Buy Once

$29.99

Product card mini

FINNSUL Blender Bottle

FINNSUL Blender Bottle