Atom

Core Product System - Atom

Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Typography

Text
Text Lead @Medium - Graphik - Medium - FS 20 - LH 1,6 - LS -1%
Text @Medium - Graphik - Medium - FS 20 - LH 1,35 -
Text @Regular - Graphik - Regular - FS 20 - LH 1,35 -
Button - Roboto (btn) - Medium - FS 16px - LH 1,1875 -
Input Text - Graphik - Regular - FS 16 - LH 1,1,6875
Input Button - Graphik - Medium - FS 16 - LH 1,1,6875

Color

Greyscale
Black pearl
#030C21
Bright Gray
#373C45
Gull Gray
#9DA6B6
Alto
#DCDCDC
Mystic
#E7EBF0
Aqua Haze
#F4F6F9
White
#FFFFFF

Color

Utility
Red Orange
#FF3333
Burnt Sienna
#E85D48
Azalea
#FADBDB

Color

Gradient Color
Black Pearl
#030C21
Link Water
#DFE5F3
Science Blue
#0241D7
Malibu
#6CC6FF
Lavender
#D656E4
Mauve
#F4BCFB
Lightning Yellow
#FFCC19
Salomie
#FFE382

Color

Opac Gradient | Transparent Gradient
Type 1
Type 1 - Transparent
Type 2
Type 2 - Transparent
Type 3
Type 3 - Transparent
Type 4
Type 4 - Transparent
Type 5
Type 5 - Transparent
Type 6
Type 6 - Transparent
Type 7
Type 7 - Transparent
Type 8
Type 8 - Transparent
Type 9
Type 9 - Transparent
Type 10
Type 10 - Transparent
Type 11
Type 1 1 - Transparent

Shade

Window

Shade

Modal

Shade

Components

Shade

Buttons
Button Label

Button

Button - Click to action
Button Label
Button Label

Button

Button - Secondary action
Button Label

User Cursor

Corner A
Full Name
Position
NA
Full Name
Position
Full Name
Position
NA
Full Name
Position

User Cursor

Corner B
Full Name
Position
NA
Full Name
Position
Full Name
Position
NA
Full Name
Position

User Cursor

Corner C
Full Name
Position
NA
Full Name
Position
Full Name
Position
NA
Full Name
Position

User Cursor

Corner D
Full Name
Position
NA
Full Name
Position
Full Name
Position
NA
Full Name
Position

User Selection Tool

Rectangle Selection Tool
Full Name
Position
Full Name
Position
Full Name
Position
Full Name
Position