UI
9 issues tagged with this topic.
The designer's guide to earth tones in digital interfaces
Earth tones carry warmth and groundedness in physical materials, but translating that quality to screen-based interfaces requires deliberate adjustments to saturation, contrast, and context. This issue covers what works, what fails, and how to avoid the most common mistakes.
Monochrome color systems that do not look flat: contrast, texture, and role separation
Why single-hue systems collapse under real product conditions, how to create enough visual separation without introducing secondary hues, and where the Complete Archive token structure handles the layering work.
Color accessibility beyond WCAG minimums: what the numbers miss
Why passing WCAG contrast ratios does not guarantee a readable palette, what the numbers cannot measure, and how to audit a color system for real-world accessibility beyond the 4.5:1 threshold.
Color in data visualization: clarity over decoration
Why chart color systems fail when they prioritize beauty over function, how chroma control keeps categories readable, and where the Complete Archive provides a consistent categorical palette source.
Pairing type and color: how font weight changes what your palette needs
Why the same color reads differently under light and heavy type weights, how warm editorial palettes adapt to variable-weight type stacks, and where the Brand Starter Kit reduces the pairing guesswork.
SaaS color schemes that earn trust before they ask for attention
Why restrained website color systems convert better for software products, and how Nordic Frost plus a starter pack avoid the generic startup-blue trap.
Why dark mode colors need more saturation than you think
The most common mistake in dark mode color systems is lifting light-mode colors onto dark backgrounds without adjustment. Colors that look rich and saturated on white appear washed out and gray on dark surfaces. The physics of simultaneous contrast explains why, and the fix is systematic rather than case-by-case.
The 60-30-10 ratio is a heuristic, not a law — but it points at something real
Interior designers talk about color distribution as 60% dominant, 30% secondary, 10% accent. The specific numbers are not sacred, but the underlying logic — that a small high-saturation color should be balanced by a large neutral — applies cleanly to interface design.
Color transition strategy: how to animate between palette states without visual chaos
Animated transitions between color states — light to dark mode, hover effects, active states, loading overlays — can enhance an interface or make it feel unstable. The difference is usually in the transition strategy: which properties animate, over what duration, and along which perceptual path.