Foundations

Typekit

The Typekit covers all typography styles designed specifically to work with the Plasma ecosystem.

Hello World!

1
const Demo = () => <h1>Hello World!</h1>;
2
export default Demo;
Code
UsagePreview
.codeDeliver breakthrough digital experiences
Caption
UsagePreview
.caption
Deliver breakthrough digital experiences
.caption-book
Deliver breakthrough digital experiences
.caption-subdued
Deliver breakthrough digital experiences
.caption-book-subdued
Deliver breakthrough digital experiences
Body small
UsagePreview
.body-s
Deliver breakthrough digital experiences
.body-s-book
Deliver breakthrough digital experiences
.body-s-book-italic
Deliver breakthrough digital experiences
.body-s-subdued
Deliver breakthrough digital experiences
.body-s-book-subdued
Deliver breakthrough digital experiences
.body-s-book-italic-subdued
Deliver breakthrough digital experiences
Body medium
UsagePreview
.body-m
Deliver breakthrough digital experiences
p.p.body-m-book

Deliver breakthrough digital experiences

.body-m-book-italic
Deliver breakthrough digital experiences
.body-m-subdued
Deliver breakthrough digital experiences
.body-m-book-subdued
Deliver breakthrough digital experiences
.body-m-book-italic-subdued
Deliver breakthrough digital experiences
Body large
UsagePreview
.body-l
Deliver breakthrough digital experiences
.body-l-book
Deliver breakthrough digital experiences
.body-l-book-italic
Deliver breakthrough digital experiences
.body-l-subdued
Deliver breakthrough digital experiences
.body-l-book-subdued
Deliver breakthrough digital experiences
.body-l-book-italic-subdued
Deliver breakthrough digital experiences
Heading 6
UsagePreview
h6.h6
Deliver breakthrough digital experiences
.h6-subdued
Deliver breakthrough digital experiences
Heading 5
UsagePreview
h5.h5
Deliver breakthrough digital experiences
.h5-subdued
Deliver breakthrough digital experiences
Heading 4
UsagePreview
h4.h4

Deliver breakthrough digital experiences

.h4-subdued

Deliver breakthrough digital experiences

.h4-book

Deliver breakthrough digital experiences

.h4-book-subdued

Deliver breakthrough digital experiences

Heading 3
UsagePreview
h3.h3

Deliver breakthrough digital experiences

.h3-subdued

Deliver breakthrough digital experiences

.h3-book

Deliver breakthrough digital experiences

.h3-book-subdued

Deliver breakthrough digital experiences

Heading 2
UsagePreview
h2.h2

Deliver breakthrough digital experiences

.h2-subdued

Deliver breakthrough digital experiences

.h2-book

Deliver breakthrough digital experiences

.h2-book-subdued

Deliver breakthrough digital experiences

Heading 1
UsagePreview
h1.h1

Deliver breakthrough digital experiences

.h1-subdued

Deliver breakthrough digital experiences

.h1-light

Deliver breakthrough digital experiences

.h1-light-subdued

Deliver breakthrough digital experiences

Hero
UsagePreview
.hero
Deliver breakthrough digital experiences
.hero-light
Deliver breakthrough digital experiences
.hero-subdued
Deliver breakthrough digital experiences
.hero-light-subdued
Deliver breakthrough digital experiences

No guidelines exist for Typekit yet.

Create guidelines