Enterprise software is historically loud. Dashboards are cluttered with notifications, sidebars are overflowing with nested folders, and text is squeezed into tiny, unreadable columns.
When we started designing Slivo, we had a very different mandate: make the interface feel as quiet as possible.
The Philosophy of Calm Software
A knowledge base is a place people go to read, think, and find answers. It should feel like a library, not a trading floor.
Prioritizing Typography over Decoration
Most of the screen real estate in Slivo is dedicated to typography. We spent weeks refining our fluid type scales and line-heights to ensure long-form reading is actually enjoyable.
"Good design in a documentation tool should be invisible. If you notice the UI before you notice the content, we have failed."
Surface Depths and Shadows
Instead of using harsh borders to separate content, we rely on subtle surface color shifts and OKLCH alpha-blended shadows. This creates a natural hierarchy without adding visual noise.
3 Design Decisions We Made Early
1. The Disappearing Sidebar
While sidebars are necessary for navigation, they are distracting when reading. We implemented a clean, transition-heavy toggle that slides the sidebar away when a user scrolls down, bringing the content to the center of the viewport.
2. Verified Badges that Build Trust
How do you make a document feel trustworthy visually? We designed a specific ph:shield-check badge system.
Badge Color | Status | User Implication |
|---|---|---|
Green / Primary | Verified recently | Safe to use, process is current |
Yellow / Warning | Pending review | Use with caution, awaiting owner check |
Red / Faint | Outdated | Do not use, reference only |
3. Accessible Contrast
Calm design cannot come at the expense of accessibility. We test every text-on-surface combination to ensure it meets strict WCAG AA contrast ratios, keeping the application usable for everyone on your team.
