Information architecture for operator consoles
An operator console is a queue plus a detail pane, not a dashboard collage. IA, selected state, and a mobile back path matter more than charts.
Kiwi Blog 11 articles · Page 1 of 2
Design Systems articles
Practical articles on websites, client portals, SaaS, and technical SEO. Understand the trade-offs before you invest in the build.
Search all articles, or browse by topic below.
Browse by topic Design Systems
CSS view transitions on B2B marketing sites: when they help
View Transitions can make route changes feel continuous. They are optional, must respect reduced motion, and should never delay LCP. A 2026 implementation note from the W3C module.
What to do when you have 14 buttons and no system
Button sprawl is how CSS and Figma diverge. Collapse to a few roles: primary, secondary, destructive, ghost. A practical sequence, common mistakes, and what to prepare before you brief a studio.
The component states most kits forget
Default is not a system. Hover, focus, active, disabled, loading, empty, and error are. A practical sequence, common mistakes, and what to prepare before you brief a studio.
A design-system adoption plan engineers will follow
Adoption fails when the kit is prettier than the product. Start by replacing the top five components in the main app. A practical sequence, common mistakes, and what to prepare before you brief a studio.
The cost of UI inconsistency (without fake ROI multipliers)
Inconsistency costs review time and defects. You do not need a 4× myth to justify a small system. A practical sequence, common mistakes, and what to prepare before you brief a studio.
Design-system governance without a committee
Governance is SemVer, a changelog, and a named owner — not a monthly two-hour ritual. A practical sequence, common mistakes, and what to prepare before you brief a studio.
When you actually need a design system
You need a system when the same component is invented weekly. You do not need one to ship a five-page marketing site. A practical sequence, common mistakes, and what to prepare before you brief a studio.
Design tokens that exist in code, not only in Figma
A token file nobody imports is a brochure. Tokens earn their keep when CSS or components consume them. A practical sequence, common mistakes, and what to prepare before you brief a studio.
Put the thinking to work
A useful read.
An even better next step.
Tell us about your website or product. We’ll help you identify the problem worth solving first, with a clear path to a scoped project.
Start a project