Typeset
These docs are set in Geist (Sans + Mono), scoped to the documentation section. The admin app keeps its own brand typography. Below is the type scale used here.
Type scale
Display / 5xl
The quick brown fox jumps over the lazy dog
Heading 1 / 3xl
The quick brown fox jumps over the lazy dog
Heading 2 / xl
The quick brown fox jumps over the lazy dog
Heading 3 / base medium
The quick brown fox jumps over the lazy dog
Body / sm muted
The quick brown fox jumps over the lazy dog
Weights
Regular (400)
Medium (500)
Semibold (600)
Bold (700)
Monospace
Code uses Geist Mono. Inline: @viliha/vui-ui.
import { Button } from "@viliha/vui-ui/button";
export function Save() {
return <Button variant="primary">Save</Button>;
}