Typography
The distinct voice of our system comes from the interplay between condensed headlines and highly readable body text.
Typefaces
Headings / Display
Oswald
Structural and condensed. Used for impact.
--font-oswaldBody / UI
Inter
Neutral and legible. Used for everything else.
--font-interCode / Data
Geist Mono
Technical and precise. Used for numbers and code.
--font-geist-monoHierarchy
Article
Design Engineering
The intersection of code, craft, and chaos.
We believe that the best products are built when design and engineering share a common language. Tokens act as the translation layer, ensuring that intent is preserved from Figma to production.
$ pnpm add @wisihe/tokens
Scale
text-6xlAgtext-5xlAgtext-4xlAgtext-3xlAgtext-2xlAgtext-xlAgtext-lgAgtext-baseAgtext-smAgtext-xsAgWeights
InterLight
font-lightInterNormal
font-normalInterMedium
font-mediumInterSemi Bold
font-semiboldInterBold
font-bold