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.