Work in progress
Just the basics for now — shared colors, spacing, and a few components I can reuse. I'll add Storybook later when there's more to show.
The shared colors, spacing, and type I want the rest of the site to pull from.
Color
accent
#005b96
ink
#12181f
inkSoft
#3a4550
muted
#5c6b78
bg
#eef3f8
bgDeep
#d7e3ef
bone
#f5f8fb
success
#2e7d32
danger
#b42318
Space
Type
Syne for headings
Figtree for everything else. That's the pairing for now.
Corner radius: 0.375rem / 0.5rem / 0.75rem
Primary for the main thing, secondary when it's not, ghost when it should stay out of the way.
Label, hint, and error states — the usual stuff, hopefully a little nicer.
Shown on your public profile.
Enter a valid email address.
Tiny status labels. Easy to overuse, so I'm keeping these simple.