Style Guide (base)

go Home

go Page 2

I am a styled paragraph. I am a paragraph. I am a strong paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a light paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a paragraph.

I am a paragraph. I am a paragraph. I am a strong paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a light paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a paragraph.

I am a styled quote. I am a quote. I am a strong quote. I am a quote. I am a quote. I am a quote. I am a quote. I am a quote. I am a light quote. I am a quote. I am a quote. I am a quote. I am a quote.
I am a quote. I am a quote. I am a strong quote. I am a quote. I am a quote. I am a quote. I am a quote. I am a quote. I am a light quote. I am a quote. I am a quote. I am a quote. I am a quote.
ColorPalette:
text
background
primary
secondary
muted
TypeScale:
96px
64px
48px
32px
24px
20px
16px
14px
12px
TypeStyle 1:
Aa
TypeStyle 2:
Aa

Style Guide (MDX)

I am a paragraph. I am a paragraph. I am a strong paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a light paragraph. I am a paragraph. I am a paragraph. I am a paragraph. I am a paragraph.

I am another paragraph. I am another strong paragraph. I am another paragraph. I am another paragraph. I am another paragraph. I am another paragraph. I am another light paragraph. I am another paragraph. I am another paragraph. I am another paragraph.

I am a quote. I am a quote. I am a quote. I am a strong quote. I am a quote. I am a quote. I am a quote. I am a quote. I am a quote. I am a quote. I am a quote. I am a quote. I am a light quote. I am a quote. I am a quote. I am a quote. I am a quote.

I am a link alone.

  1. I am a link in an ordered list.
  2. I am a (nowhere) link in an ordered list.
  3. I am a link in an ordered list.
const foo = 'bar'
// bit of code...