Daylight Sheet
Light mobile sheet, high contrast, big tap targets.
Live preview · real tokens, not a screenshot
When to pick it
The accessible mobile default. Every interactive element clears 44px, type starts at 15px rather than 13px, and contrast is the highest of any sheet in the gallery — built for outdoors, on a phone, one-handed.
How it is built
The type scale is shifted one step up across the board rather than the panel being scaled, so nothing blurs on a low-DPI screen.
Accessibility
15.4:1 body text and a 44px minimum touch target throughout. The most accessible design here.
Every design in this gallery states that it is an AI assistant at the start of the conversation and honours prefers-reduced-motion. Neither is configurable, because both are obligations rather than preferences.
Good fit for
- Public sector
- Accessibility-first
- Utilities
- Healthcare
Source code
Take Daylight Sheet anywhere.
You can deploy this design through ChatBrace on any plan, including the free trial — that never changes. A paid plan also gets you the standalone HTML, CSS and JavaScript for it, to drop into a project of your own with or without ChatBrace behind it.
Seven designs ship their source to everyone, no account needed.
Put it on your site
before you finish your coffee.
A hundred free messages, no card, and a playground to try it in before you touch a single line of your own markup.