Tag · design-foundations
Posts on design-foundations.
4 posts filed under this topic.
Dark mode is a design decision, not a CSS variable
Why most dark modes look broken, and the contrast, depth, and color rules that separate good dark UI from inverted light UI.
- dark-mode
- design-foundations
- tutorial
Typography for product UI is mostly about restraint
Two fonts, four sizes, and the tracking, leading, and weight choices that make product type feel premium.
- typography
- design-foundations
- tutorial
Spacing systems that scale past the first screen
The 4px / 8px debate, the cases for both, and how to keep spacing consistent when your product grows to 200 screens.
- spacing
- design-foundations
- tutorial
Color systems for product teams that aren't design teams
Primary, neutrals, semantic colors, and how to ship a usable palette without hiring a brand consultant.
- color
- design-foundations
- tutorial