Liquid Glass System.
Every surface is on a tier of frosted glass. Three system tiers — thin, standard, ultra — layer over an accent-tinted plinth so toolbars, sheets, dropdowns, tooltips, dialogs, and toasts all read as the same material. The hue-driven `glass-surface` primitive picks up the active app accent, so glass in Work feels different from glass in Marketing while staying coherent. A liquid-glass focus ring on inputs and a glass overlay on dialogs complete the iOS-26-style look.
What you get
Three glass tiers: .glass-thin, .glass, .glass-ultra — applied universally to chrome
Hue-driven .glass-surface picks up each app's accent — Work, Clients, Money, Marketing all read different
Glass dialog overlay + iOS-style accent focus ring + glass dropdowns, sheets, and toasts
Graceful fallback to flat tinted card under prefers-reduced-transparency
Try this live
Drops you straight into the relevant screen with sample data.
Try Liquid Glass System
Included in every Earnest plan. No feature gates.
Start free trial