Typography
Typography classes that differs from the default Tailwind config
Headings classes
All headings use semibold (600) weight
heading-5xl (64px)
Build developer trust.
heading-4xl (48px)
Build developer trust.
heading-3xl (32px)
Build developer trust.
heading-2xl (24px)(h1)
Build developer trust.
heading-xl (20px)(h2)
Build developer trust.
heading-lg (18px)(h3)
Build developer trust.
heading-base (16px)(h4)
Build developer trust.
heading-sm (14px)(h5)
Build developer trust.
heading-xs (12px)(h6)
Build developer trust.
Text classes
text-2xl (24px, medium)
Build developer trust.
text-xl (20px, medium)
Build developer trust.
text-lg (18px)
Build developer trust.
text-base (16px)(p)
Build developer trust.
text-sm (14px)
Build developer trust.
text-xs (12px)
Build developer trust.
text-2xs (10px, medium)
Build developer trust.
Monospace
code (16px, JetBrains Mono)
Build developer trust.eyebrow (12px, uppercase)
Build developer trust.