Skip to content

docs(playground): the aiws-factory look - #112

Merged
vannt-dev merged 2 commits into
mainfrom
docs/aiws-look
Nov 9, 2026
Merged

vannt-dev merged 2 commits into
mainfrom
docs/aiws-look

Conversation

@vannt-dev

@vannt-dev vannt-dev commented Nov 9, 2026 •

Copy link
Copy Markdown
Owner

What changed

The playground (playground/index.html, playground/style.css) gets the aiws-factory look. It is
an app, not a marketing page, so only the look changes: no hero, no terminal, no new copy.

  • aiws-factory palette (light and dark, still prefers-color-scheme), Be Vietnam Pro and
    JetBrains Mono (ligatures off, so -- and :// read as typed).
  • The accent stays #0b6bcb (dark #6cb2ff) with its own soft tint; teal is the second colour
    of the gradient on "playground" in the title. Checkboxes and radios take the accent.
  • Fieldsets and code panels as cards: 14px radius, 1px border, the soft shadow. Inputs, pills and
    presets on 8-10px radii; the Copy and Download buttons keep their small dark style on the code
    panels, with a 10px radius and weight 600.
  • A sticky top bar (a shield glyph in an accent tile, Docs and npm links) in place of the links
    beside the title; the title and its paragraph are unchanged. The result column now sticks
    below the bar.

Checked

  • Playwright against a local server: ticked a stack, picked a preset, toggled a module (the
    "your own selection" note shows), switched to GitLab (its note shows, the GitHub fieldset
    hides), picked "at a tag or commit" (the field shows and the file follows), protected the
    branch (approvals show), picked Apache-2.0 (the file and the warning follow), Copy and
    Download. The same run on the old page gives the same results. No page errors.
  • Screenshots light, dark and 390px wide; nothing scrolls sideways at 390px.
  • biome check playground clean; vitest run test/playground.test.ts passes.

Fonts, self-hosted

The fonts are served from playground/fonts/ (Be Vietnam Pro 400-800 and JetBrains Mono, Latin
woff2, the same files as governed-agent-sdlc, with both SIL OFL 1.1 licences), declared by
@font-face in style.css, so the page keeps its word: nothing leaves it. pages.yml uploads the
whole playground/ folder, so the fonts deploy with it; the npm package does not include them.
In Playwright on a local server the page makes no request outside it, every woff2 returns 200,
document.fonts.check('16px "Be Vietnam Pro"') is true, and the control run above still passes.

Palette, type, cards and a sticky top bar from the aiws-factory page; the blue accent stays.
Only the look changes: every control, the copy buttons and the download work as before.
Be Vietnam Pro and JetBrains Mono (SIL OFL 1.1, Latin woff2) now come from playground/fonts,
so the page loads nothing remote, as it says. The Google Fonts link is gone.
@vannt-dev
vannt-dev merged commit 5c24164 into main Nov 9, 2026
6 checks passed
@vannt-dev
vannt-dev deleted the docs/aiws-look branch November 9, 2026 16:47
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