Koder Design — Blog de releases
Cada release do Koder Design, mais novo primeiro. Cada entrada consolida specs adicionadas, componentes shipados e bugs corrigidos sob uma tag de versão.
Icon engineering hub + Verge-by-default + layout consistency
Visibility + consistency pass on the design system. (1) **Icon engineering hub** — the `/icons/` page is now an engineering hub: an "Icon engineering" section with cards for Anatomy, Generation (kicon) and Verge Symbols, above the product catalog, so the icon **anatomy** (rendered from KMD via the KDX→HTML backend) and grammar are discoverable instead of buried. (2) **Verge is the default UI style on every variant** — the `/style` gallery marked the OS-native look (gnome/fluent/ macOS/Material/Cupertino) as default per platform; now Verge — Koder's own design language — is the default everywhere, with the OS look-alikes kept as selectable presets. (3) **Layout consistency** — all pages now centre content uniformly (the prior split between ToC and non-ToC pages is gone). (4) The release log itself was caught up (v0.6.0) after a month of uncaptured work.
Build-quality, a11y, deeper tools & Icon Anatomy (catch-up since v0.5.0)
Consolidated changelog entry for the month of KDS work after the Tools waves — the release log had lapsed since v0.5.0 while the generator shipped continuously. Four themes landed: (1) build quality — incremental rendering end-to-end (RFC-009 Option A, #146), a gen-time broken-link checker that found + cleared 144 dead links (#147/#148), a unit-test suite across api/search/llmstxt/buildstats and the audit CLIs (#158–#168), one canonical kind→URL mapper (#152), and a dedicated build/validate VM (#169). (2) Accessibility — generated pages brought to the WCAG pa11y gate (heading structure + contrast, #170–#172) and interactive tools (themer/contrast/style-builder) given proper form-control labels (#171). (3) Deeper tools — the Theme Builder gained multi-format export (CSS/JSON/SCSS/Dart, #189), a density scale (#193) and per-role manual overrides (#194); the contrast checker got a Verge token-pair picker + bulk audit (#185); a verified HCT/CAM16 tonal engine landed in Go (#190); token artifacts now publish to the self-hosted Koder Hub npm (#188). (4) New content — the curated Personas section (#175–#177) and the Icon Anatomy page under Visual → Icons (#197, rendered from KMD via the KDX→HTML backend). CSP also moved to the Jet header as the single source (#182 + jet#201). Going forward this log should gain one stanza per shipped wave rather than a monthly catch-up.
Tools wave 2 — blog, migration guide, theme builder
Three more Koder Design tools land in a single session, taking the umbrella #049 (Material.io parity) tools drain from 1/5 to 4/5: `/blog/` (release log driven by `releases.toml`), `/migrate/material/m3/` (hand-curated Material 3 → Koder migration guide with 19-row token mapping + 15-row component mapping + stepwise upgrade), and `/themer/` (interactive seed → CSS-vars export Theme Builder MVP with light/dark + URL-hash persistence). Only `/figma-export/` remains, parked as a v2 spec because it needs a Figma plugin runtime rather than a static page.
- Adicionadas
- +3800
- Removidas
- −30
- Arquivos
- 15
Tools wave 1 — contrast checker + e2e suite
First Koder Design tool ships: a client-side WCAG 2.2 contrast checker at `/tools/contrast/`. Same pattern Material.io uses for its colour tools, but runs entirely in the browser — nothing leaves the page. Alongside, a fresh end-to-end test suite (chromedp + headless Chrome) caught a CSS-token scoping bug that escaped three earlier fix attempts: the inactive theme button was re-defining `--kdr-text` on itself because `[data-theme="dark"]` matched both `<html>` AND `<button data-theme="dark">`. Scoping the rule to `:root[data-theme="dark"]` cleared it.
- Adicionadas
- +1450
- Removidas
- −80
- Arquivos
- 11
Hero redesign + lateral sidebar — umbrella #149 closed
The KDS landing got its visual identity update. Hero now demonstrates the project's core thesis in-place: a `spec → render` panel showing a snippet of `specs/icons/products.kmd` next to the Koder Design icon it produces. The top navigation moved to a lateral sidebar with collapsible groupings (Fundamentos / Composição / Comportamento / Meta / Tools) and active-state highlighting. Plus seven follow-up bug fixes from the parade: theme persistence across pages, four inline scripts that were silently broken in prod (templ 0.3.x quirk), sidebar groups closed-state, ToC sticky topbar clearance, coverage matrix table semantics, and the page-toc scrollbar polish.
- Adicionadas
- +2280
- Removidas
- −740
- Arquivos
- 16
Components sweep — 24 specs across 2 waves
Material.io parity programme (#049) Phase 4 wave 1 + wave 2: 24 component specs landed in `specs/components/`, covering buttons (7 variants), cards (elevated/filled/outlined), checkboxes, dialogs, radio buttons, switches, tabs (primary/secondary), text fields (filled/outlined), app bars, badges, banners, sheets (modal/standard × bottom/side), carousels, chips, pickers (date/time), dividers, lists, menus, navigation (bar/rail/drawer), progress indicators, search view, sliders, snackbars, and tooltips. Each follows the "Material agrupa = nós agrupamos" consolidation policy: button variants in one spec, not seven.
- Adicionadas
- +6200
- Removidas
- −40
- Arquivos
- 24
Foundations + themes — first 20 specs
Phase 1+2 of the Material.io parity programme (#049 audit): 20 foundational specs ratified. Foundations cluster covers elements, adaptive design, canonical layouts (Feed/List-detail/Supporting/Custom), UX writing, customization axes, selection states, interaction states (8 states + overlay opacity recipe), and window-size classes (Compact/Medium/Expanded/Large). Styles cluster covers colour roles (18 semantic roles), dynamic colour (HCT-based seed → 13-tone palette), customization levels, typography (15 type roles), shape (6-level radius scale), motion (5 duration + 5 easing tokens), and elevation (6 levels with shadow + tonal recipes).
- Adicionadas
- +4800
- Removidas
- −0
- Arquivos
- 20
Nenhum release com essa tag.