Skip to content

Restyle the web console as a flat monospace terminal#6

Merged
tamnd merged 1 commit into
mainfrom
restyle-console-mono
Jun 14, 2026
Merged

Restyle the web console as a flat monospace terminal#6
tamnd merged 1 commit into
mainfrom
restyle-console-mono

Conversation

@tamnd

@tamnd tamnd commented Jun 14, 2026

Copy link
Copy Markdown
Owner

Restyle ant serve into a console-looking surface: one monospace face throughout, square corners everywhere, and flat panels on a tinted canvas with no shadows, no dividing rules, and no rounding.

What changed

  • Font. Embed Geist Mono (variable, latin subset) and serve it from the binary, so the console stays a single static artifact with no CDN. The face is preloaded and registered as font/woff2; --sans now points at the monospace stack, so headings, body, and chrome all share it.
  • No rounding. --radius, --radius-sm, and --radius-lg are all 0, and every literal corner (pills, chips, inputs, buttons, the brand mark) is squared. The only curve left is the loading spinner, which has to be a circle to read as a spinner.
  • No shadows, no borders. Every box-shadow and the shadow tokens are gone. Inputs, chips, badges, folders, cards, and hovers separate by background fill rather than rules. The topbar's border-bottom, the sidebar's border-right, and the table cell rules are removed.
  • Type. 14px base, dropped the Inter feature settings and the negative tracking that looked cramped on a fixed-width face.

Verification

  • go build ./..., go vet ./web/..., go test ./web/... all green (CGO_ENABLED=0).
  • Served font returns Content-Type: font/woff2; preload wired in base.html.
  • Visually checked light and dark in a real browser; computed border-radius is 0px on hero, card, chip, badge, omnibox, button, and findbox, and the body font resolves to GeistMono at 14px.

Give ant serve a console vibe: one monospace face throughout, square
corners everywhere, and flat panels that float on a tinted canvas with no
shadows, no dividing rules, and no rounding.

- Embed Geist Mono (variable, latin subset) and serve it from the binary,
  so the console stays a single static artifact with no CDN. The face is
  preloaded and registered as font/woff2; --sans now points at the mono
  stack so headings, body, and chrome all share it.
- Drop every box-shadow and the shadow tokens, and zero --radius,
  --radius-sm, and --radius-lg. The only curve left is the loading
  spinner, which has to be a circle to read as one.
- Turn borders into tone: inputs, chips, badges, folders, cards, and
  hovers separate by background fill rather than rules. Remove the
  border-bottom on the topbar, the border-right on the sidebar, and the
  table cell rules.
- Tune type for monospace: 14px base, drop the Inter feature settings and
  the negative tracking that looked cramped on a fixed-width face.
@tamnd tamnd merged commit 04a1863 into main Jun 14, 2026
7 checks passed
@tamnd tamnd deleted the restyle-console-mono branch June 14, 2026 17:03
tamnd added a commit that referenced this pull request Jun 14, 2026
Adds docs/content/release-notes/v0.3.1.md (weight 5, newest-first) describing the flat monospace console restyle shipped in #6.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant