Designing glass for the desktop
GlassChat Design · 2026-07-09
GlassChat's mobile app was always the reference: one column, full-bleed glass, everything within thumb's reach. Then people opened it on a desktop and got… the same thing, stretched. A centered phone floating in acres of empty space.
The shape of a desktop messenger
Desktop messaging has a settled grammar for good reasons: navigation on the far edge, a scannable conversation list beside it, and the conversation itself taking the room it deserves. We adopted the grammar — and kept our material.
- A left rail carries the logo, navigation, and the compose action — always present, never in the way.
- The conversation list sits beside it and is resizable: grab the divider and make it yours.
- The conversation pane finally breathes, with message widths tuned for reading rather than stretching edge-to-edge.
- Settings, profiles, and chat details open in-pane. No more full-screen takeovers for a toggle.
Same glass, bigger window
The texture that makes GlassChat feel like GlassChat — layered translucency, soft depth, light that responds to what's behind it — carried over untouched. Scrollbars stay invisible until you reach for them. Panes are containment boundaries, so the glass effects stay crisp at any width.
Mobile: untouched, on purpose
Every desktop change lives behind a large-screen breakpoint. On a phone, GlassChat today is pixel-identical to GlassChat last month. The best compliment for this release is a mobile user noticing nothing at all.