bertrand@mac ~ % cat STYLE.md# flash style guideTerminal.app look. Monospace only. Restrained, crisp, no gradients, no glow.Light follows the Basic profile and dark follows Pro. Pure CSS variables on :root.bertrand@mac ~ %
Two themes switch through prefers-color-scheme, with a manual override through data-theme on the html element. Text colours are tuned for contrast against the window background (4.5:1 or better), so the status colours are not the raw ANSI values in light mode.
surfaces and text (live values for the current theme)| profile | background | text | role in flash |
|---|---|---|---|
| Basic | #ffffff | #000000 | light theme (default) |
| Pro | #000000 (we use #0b0b0b) | #f2f2f2 | dark theme |
| Homebrew | #000000 | #28fe14 | reserved accent for success moments only. Not used as a theme. |
| Ocean | #224fbc | #ffffff | reserved for a future info or docs variant |
One family: SF Mono, then Menlo, then JetBrains Mono from Google Fonts as the cross-platform fallback. The only other face is the system sans, used at 12px for legal text and window titles, like the macOS title bar does. Line height is always a multiple of 8px.
Everything sits on an 8px grid, which matches one terminal character cell horizontally. Window padding is 16, gaps between blocks are 16 or 24, section spacing is 48 or 64.
All of these are built from text, one hairline border and the colour tokens. No gradients, no glow, one soft shadow on windows only.
Traffic lights are decorative. They do not close anything.The bar is 40px tall, the title is centred in the system sans.
bertrand@mac ~ % claude mcp add flash % claude mcp add flash --transport http https://mcp.example.com/flash[ok] submitted[pending] in review[needs you] confirm email[paid: $29] approve?[info] list refreshed
┌────────────────┬──────────────┐ │ directory │ status │ ├────────────────┼──────────────┤ │ launchboard │ [ok] │ │ startuplist │ [pending] │ │ toolshelf │ [needs you] │ └────────────────┴──────────────┘
| what | rule |
|---|---|
| typing | commands type at 28 to 40ms per character with a little jitter. Output never types, it appears one whole line at a time, 240 to 320ms apart. |
| cursor | block cursor, 1s cycle, steps(1), hard on and off. It sits at the end of the active line. |
| hover | colours invert instantly, no transition. |
| page | no parallax, no scroll-jacking, no fades. The demo plays once and offers [ replay ]. |
| reduced motion | with prefers-reduced-motion the full demo is shown at once and the cursor does not blink. |
No gradients, no neon glow, no scanlines, no green-on-black Matrix rain, no fake boot sequences, no emoji. Real prompt lines, real tool names, plain sentences.
Style guide for internal use. DRAFT.