Once UI Blog
Posts
Once UI
Space comes from gaps
What made Once UI 2.0 possible
Once UI 2.0 alpha: Measured, not assumed
Colour arrives in pairs
Once UI 1.8: Polish as a feature
Once UI 1.7: Form with Intent
From products to systems: a new service model
Magic Journal: A different medium for long-form writing
Supa Social: The next milestone of our journey
Once UI is open source. Here's how we plan to keep it that way.
Designing a timeless, AI-native brand
Once UI 1.5: Curiosity in code
Once UI 1.4 migration guide: The breakpoint object
Launching in the AI-native era: A guide for indie builders
The first design system for indie builders
Builder Stories
SatisPro and Once UI: Scaling smarter review management
IQON and Once UI: Scaling with a design system
OsmyReal: Launching a platform for mobile gaming with minimal coding
JExcellence and Once UI: Turning experiments into enterprise apps
Dev: Blending science and code with Once UI
TrademarkTrademark
Ctrl k
Search…
Sign up
Once UI Blog
Posts
Once UI
Space comes from gaps
What made Once UI 2.0 possible
Once UI 2.0 alpha: Measured, not assumed
Colour arrives in pairs
Once UI 1.8: Polish as a feature
Once UI 1.7: Form with Intent
From products to systems: a new service model
Magic Journal: A different medium for long-form writing
Supa Social: The next milestone of our journey
Once UI is open source. Here's how we plan to keep it that way.
Designing a timeless, AI-native brand
Once UI 1.5: Curiosity in code
Once UI 1.4 migration guide: The breakpoint object
Launching in the AI-native era: A guide for indie builders
The first design system for indie builders
Builder Stories
SatisPro and Once UI: Scaling smarter review management
IQON and Once UI: Scaling with a design system
OsmyReal: Launching a platform for mobile gaming with minimal coding
JExcellence and Once UI: Turning experiments into enterprise apps
Dev: Blending science and code with Once UI
Guides

Space comes from gaps

In Once UI, space between siblings is gap on the parent, and space inside a box is padding. Prefer both over margin so the layout stays correct when children move. Static tokens for fixed rhythm; T-shirt sizes when the page should breathe on smaller screens.
Updated 1h ago
What made Once UI 2.0 possible
Sponsored
Aveiro
aveiro.app
Sponsored
Aveiro
aveiro.app
TrademarkTrademark
Once UIDocumentationBlog
© Once UI. All rights reserved.
Built with Aveiro