Edward EG

Last modified on November 19, 2024

Visual Language

--serif

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

123456789

--sans

Noto Sans

Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz

123456789

Preview Token
--eg-brand
--eg-brand-dark
--eg-brand-tint
--eg-secondary
--eg-secondary-focus
--eg-secondary-accent
Preview Token

Aa

 h1 + display + --serif

Aa

 h1

Aa

 h2

Aa

 h3

Aa

 h4
Aa
 h5
Aa
 h6

Aa

 h1 + --serif

Aa

 h2 + --serif

Aa

 h3 + --serif

Aa

 h4 + --serif
Aa
 h5 + --serif
Aa
 h6 + --serif
Aa body
Preview Token
--size-50
--size-100
--size-150
--size-200
--size-300
--size-400
--size-500
--size-600
--radium-sm
--radium-md
--radium-lg

Column Start

1
Span-11
2
Span-10
3
Span-9
4
Span-8
5
Span-7
6
Span-6

Column Span

Span-12
Span-6
Span-6
Span-4
Span-4
Span-4
Span-3
Span-3
Span-3
Span-3
Span-7
Span-5
Span-8
Span-4
Span-9
Span-3
Span-10
Span-2
Span-11
Span-1

Row Span

Span-1
Span-6
Span-2
Span-6
Span-6
Span-3
Span-6
Span-6
Span-6
Span-4
Span-6
Span-6
Span-6
Span-6
Span-5
Span-6
Span-6
Span-6
Span-6
Span-6
Button primary
Button secondary
Default Hover Focus
Button tertiary
Default Hover Focus
List
  • This is a default bullet.
  • This is a check bullet.
  • This is a thumbs-up bullet.
  • This is a thumbs-down bullet.
Radio
Message
Title: Text
Industry

Title

How might we statement

Call to action
Industry

Title

How might we statement

Call to action
Industry

Title

How might we statement

Call to action
card
__shadow
card
__block
card__offset
card
__vector--lines
card
__vector--shape
card
__vector--shapes
card
__shadow
card
__block
card__offset
card
__vector--lines
card
__vector--shape
card
__vector--shapes
card
__shadow
card
__block
card__offset
card
__vector--lines
card
__vector--shape
card
__vector--shapes