Component & Typography Showcase

Color Schemes

.color-scheme-main

Primary bg + Secondary text

.color-scheme-secondary

Secondary bg + Primary text

.color-scheme-secondary-accent

Secondary bg + Accent text

.color-scheme-accent

Accent bg + Secondary text

.color-scheme-accented-primary

Primary darker bg + Secondary text

.color-scheme-accented-dark

Dark lighter bg + Dark text

Bella Rose — Accent Tattoo Large

.accent-tattoo-large-1

.accent-tattoo-large-2

.accent-tattoo-large-3

.accent-tattoo-large-4

.accent-tattoo-large-5

.accent-tattoo-large-6

Bella Rose — Accent Tattoo

.accent-tattoo-1

.accent-tattoo-2

.accent-tattoo-3

.accent-tattoo-4

Nikkei Line — Display Large

.display-large-1

.display-large-2

Nikkei Line — Display

.display-1

.display-2

.display-3

.display-4

.display-5

.display-6

.display-7

Nikkei Line — Display Small

.display-small-1

.display-small-2

.display-small-3

.display-small-4

.display-small-5

.display-small-6

.display-small-7

Helvetica — Body

.body-1

.body-2

.body-3

.body-4

.body-5

Palette Becker — Artistic Accent

.artistic-accent-1

.artistic-accent-2

AppButton — All Variants

Block Variants

Text Variants

Star Hover Only
Underline + Star Hover

Default Variant (no prop specified)

Hello world