Get Started
Typography
Two typefaces in every GloBird product: Rubik for headlines and Inter for body copy. Use the styles below for everything from headings to fine print.
h1
rubik 800 · text-4xl/text-5xl · leading-10 · tracking-tight
The foundation for your design system
h2
rubik 600 · text-3xl · leading-9 · tracking-tight
The People of the Kingdom
h3
rubik 600 · text-2xl · leading-8 · tracking-tight
The Joke Tax
h4
rubik 600 · text-xl · leading-7 · tracking-tight
People stopped telling jokes
p
Inter 400 · text-base · leading-7
The king, seeing how much happier his subjects were, realised the error of his ways and repealed the joke tax. Jokester was declared a hero, and the kingdom lived happily ever after.
blockquote
rubik 400 italic · text-base · leading-6
“After all,” he said, “everyone enjoys a good joke, so it's only fair that they should pay for the privilege.”
list
Inter 400 · text-base · leading-7
- 1st level of puns: 5 gold coins
- 2nd level of jokes: 10 gold coins
- 3rd level of one-liners: 20 gold coins
inline code
JetBrains Mono 600 · text-sm
Install via npx shadcn add from any GloBird project.
lead
Inter 400 · text-xl · leading-7
A modal dialog that interrupts the user with important content and expects a response.
large
Inter 600 · text-lg · leading-7
small
Inter 500 · text-sm
muted
Inter 400 · text-sm · text-muted-foreground
Enter your email address.