16 / Versions
A system with a visible history
Visual System releases explain what changed, why it changed and which product snapshot they describe.
Current · v0.6.9
Current release / 22 Jul 2026
v0.6.9
Control labels, hit targets, icon tones and decision data now share one legibility contract. Passive nested surfaces stay flat while their outer documentation block owns elevation.
Release history
One depth owner, clearer controls
- Optically centered command labels with their icons through the shared production control token.
- Removed the lime active rail and nested passive shadows in favor of one quiet contour and one elevation owner.
- Rebuilt the control-height specimen to separate the 44px hit target from its 36px or 44px visual body.
- Restored lime-icon contrast and replaced the circular score badge with an explicit task-match meter.
Inspectable without product side effects
- Sandboxed the production catalog-card specimen so preview, inspect, share, save and selection actions remain local to Visual System.
- Aligned desktop and mobile section indexes to the 18px panel, 12px route-row, 8px chip and 20px persistent-tray radius hierarchy.
- Added active-rule linking between the geometry labs and the specimen plus an accessible local event log.
- Added spacing guides, correct/broken concentric-radius comparison, visible 44px target evidence and a responsive unit viewport.
Overview becomes a working reference
- Removed the duplicate seventeen-card route directory from Overview and made desktop and mobile navigation the single section index.
- Promoted route numbers to readable pink system chips with a quiet active-row treatment and one non-interactive current-version status.
- Added a real production catalog card in switchable desktop and mobile compositions instead of a static interface mockup.
- Added interactive spacing, concentric-radius, control-height and unit-ownership labs plus linked composition principles.
Quiet surfaces, tactile controls
- Aligned Visual System cards, Heroes, panels and documentation blocks to the product's one-pixel theme-aware surface border.
- Reserved two-pixel high-contrast outlines for keycaps, selected controls and intentional interaction specimens.
- Replaced hard text-colored ledges on passive navigation and media frames with the canonical surface shadow.
- Added a production-backed Border hierarchy specimen covering passive, tactile and keyboard-focus ownership.
One artifact per route
- Reduced the overview index from seventeen competing miniature scenes to one recognisable object focus per route.
- Kept every approved Light/Dark section Hero unchanged and reused its authored geometry through section-owned crops.
- Added a calm negative-space field, softer artwork treatment and isolated right-side artifact zone to every route card.
- Retained the full-card link, tactile arrow, larger route marker and desktop/mobile framing contract.
One model-kit Hero family
- Remastered the overview Hero in the same crisp medium-cuboid arcade model-kit language as every section.
- Locked Light and Dark to one camera, crop, silhouette, object count and left-side copy-safe mask.
- Preserved the Visual System routing-machine meaning while removing the last smooth line-art exception.
- Archived the superseded overview pair and added deterministic runtime coverage for all 36 Hero assets.
Surface, keycap and identity contracts
- Aligned the Product Footer container to the subtle card border, 12px surface radius and theme-aware large-surface shadow.
- Promoted footer destinations to the full 5px action-keycap press contract in rest, hover, focus and active states.
- Added an optical PETS 67 wordmark gap across live marks and OG templates.
- Documented concentric outer/inner radii, audited 43 Lucide symbols plus the custom Smart Search glyph and added all production command families.
- Integrated 17 approved Light/Dark voxel-model Hero pairs with locked isometric axes, theme-pair geometry and section-owned responsive framing.
Readable route cards and footer commands
- Added a theme-safe reading frame to every illustrated route card and enlarged the numbered route marker.
- Promoted the route arrow to the same yellow tactile keycap contract as production commands.
- Rebuilt Product Footer destinations with semantic leading icons, explicit labels, trailing arrows and accent-specific states.
- Audited all 34 Hero assets as one isometric camera family and anchored crop scaling to each authored focal point.
Theme-aware route index
- Turned every overview route link into a miniature section Hero using its existing paired Light and Dark artwork.
- Added a protected reading layer, stable copy width and theme-safe contrast while keeping the full card as the link target.
- Added lazy responsive image delivery and dedicated desktop, tablet, mobile and 320px crops.
- Kept hover, focus, press and reduced-motion behavior aligned with the tactile navigation contract.
Responsive and accessibility hardening
- Added a dedicated Accessibility route with keyboard, touch, zoom, screen-reader, forced-color and reduced-motion state labs.
- Promoted semantic surface, text, feedback, focus, typography and depth aliases into the canonical token layer.
- Made wide evidence discoverable, reflowed mobile tables and controls, and added viewport-following responsive previews.
- Closed catalog-card and Companion Tray stress specimens and documented performance and motion gates for the proposed egg skeleton.
- Aligned Toast dismissal to a 44px target, 28px visible keycap and 16px icon with an opaque hover state.
Brand and specimen correction
- Removed planning-system references and internal task identifiers from the public Visual System.
- Aligned all product identity examples to the canonical PETS 67 wordmark and separated the Visual System descriptor.
- Corrected dark-theme action-icon contrast, match-percentage composition and dialog close-key geometry.
- Replaced the cropped social image with catalog and pet OG safe-zone specimens at the true 1200 × 630 ratio.
Complete system coverage
- Added Iconography, Data Display, Shell & Navigation, Brand & Media and Production Parity routes.
- Established the imported Lucide inventory plus the composed Smart Search exception.
- Unified Toast dismissal around one 44px target and one opaque 24px face.
- Moved the existing Product Footer into a shared product-route layout and added paired Hero art for every new section.
Section-specific Hero workshop
- Replaced the generic diagonal Hero motif across all eleven detail routes.
- Added paired light and dark isometric scenes that explain each section’s responsibility.
- Kept a shared composition contract with copy-safe negative space and stable theme switching.
- Added responsive crop and reading layers for desktop, mobile and 320px stress layouts.
Responsive shell and reading polish
- Removed the hidden skip-link shadow artifact without removing keyboard access.
- Centered the PETS 67 wordmark between the compact Back control and production theme dock.
- Moved Toast specimens onto the shared production surface and aligned the mobile system index with the Companion Tray safe area.
- Added adaptive segmented controls, a theme-aware hero reading layer and the editorial Pets67 footer.
Production parity laboratories
- Reused the product’s Back to catalog and System / Light / Dark controls.
- Defined collapsed and expanded Toast stack geometry with a 24px physical gap.
- Added production loading, async, motion, keyboard, collision and 320px stress labs.
- Separated Production, Proposed and Exception examples with source and token ownership.
Interactive Next.js system
- Turned every system area into a dedicated application route.
- Added interactive component playgrounds and responsive previews.
- Added paired light/dark workshop hero artwork and the product footer entry.
- Documented large-card shadows, egg skeletons and left-aligned feedback dismissal.
Audited standalone inventory
- Captured production tokens, components and responsive behavior in one HTML reference.
- Corrected search/select geometry, radius clipping and dark-theme surface depth.
- Introduced the mobile bottom index and egg-shaped loading proposal.
Initial visual inventory
- Established the Pets67 visual language from the current codebase and product audit.
Versioning policy
| Change | Version move | Example |
|---|---|---|
| Patch | 0.6.x | Copy correction, measured spacing fix, non-breaking example |
| Minor | 0.x.0 | New component family, route or approved visual rule |
| Major | x.0.0 | System-wide contract change applied to the product |