// typography

Type specimen

Three families, one job each: Instrument Sans carries display weight, Geist carries body copy, JetBrains Mono carries metadata and code.

01 · families

The three faces

font-display — Instrument Sans

a home for the things you build for fun

font-sans — Geist

connect github, pick the repos you love, give each one a page. free to browse, free to fork.

font-mono — JetBrains Mono

404: page not found // maybe it shipped, maybe it never existed

02 · scale

Sizes in use

Every text size found in the codebase, smallest to largest, with where it lives.

8pxsite-footer✦ separator between footer links

10.5pxavatar-stack+N overflow chip

10.5pxproject-cardfeatured label bar ("pick of the week")

11pxavatar-stackinitials inside the avatar circle

11pxproject-cardauthor @handle in the card footer

11.5pxcopy-button"copy" / "copied" button label

11.5pxsection-header"// " mono kicker

12pxtailwind defaultmetadata rows, badges, hints (most-used size)

12.5pxrepo-stats-rowlanguage · stars · forks · updated

12.5pxstat-buttonlike / save label + count

12.5pxprofile-headerprojects · followers stat row

13pxfollow-buttonfollow / following label

13.5pxproject-cardtagline

14pxtailwind defaultbody copy, nav links, form labels

14.5pxcallout / empty-statepull-quote body / invitation message

15pxprofile-headerbio

15.5pxupdate-postupdate title

16pxtailwind defaultui/input, ui/textarea

16.5pxproject-cardfeed-variant project title

19pxsite-headerdorkhub_ wordmark

24pxhome pagelogo lockup

26pxprofile-headerdisplay name

27pxsection-headersection title (this page uses it)

30pxdesign overview"Living styleguide" h1

30pxprofile-headeravatar initial

48pxhome pagehero headline

03 · weight

Weights

font-display at each weight in use.

400 · normal — tinysynth

500 · medium — tinysynth

600 · semibold — tinysynth

700 · bold — tinysynth

800 · extrabold — tinysynth

04 · tabular-nums

Numeric alignment

Every metadata number in the system gets tabular-nums so columns of stats line up.

without tabular-nums

★ 214

★ 1200

with tabular-nums

★ 214

★ 1200

Type specimen

search