Brand & styles
Typography
A clear hierarchy, built with Inter Variable.
Inter Variable
One type family, with weight and size doing the work. Use a readable line length and a clear heading hierarchy.
Aa Bb Cc
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ ! ?
View code
<h1 className="text-5xl font-semibold tracking-tight">A good foundation.</h1>
<p className="text-base leading-7 text-muted-foreground">Room for your ideas.</p>A good foundation.
Display · text-5xlA good foundation.
Heading · text-3xlA good foundation.
Subheading · text-xlA good foundation.
Body · text-baseA good foundation.
Caption · text-xs