SEO / Portfolio / Public Site
Design System — v9.0.17 Structured Fluidity
Report summary
Canvas: alabaster/slate instead of pure white/black. Primary text: anchored graphite / high-visibility off-white. Secondary text: reviewer metadata gray. Accents: oxidized copper / deep blue-green and structural clay.
Key topics
- SEO / Portfolio / Public Site
- SEO
- Portfolio
- Public Site
- Audit
- Architecture
- Design
- System
- v9.0.17
Research provenance
For citation, use the report title and canonical URL. Archival presence does not establish authorship or promote report statements into portfolio evidence.
This page renders the archived Markdown as safe, formatted HTML. It is background research and does not become a portfolio claim without evidence review.
Full report
On this page
Name
Structured Fluidity — liquid, corporate, creative.
Tokens
- Canvas: alabaster/slate instead of pure white/black.
- Primary text: anchored graphite / high-visibility off-white.
- Secondary text: reviewer metadata gray.
- Accents: oxidized copper / deep blue-green and structural clay.
Layout
- Desktop uses a left symbolic rail anchored by the approved symbol.
- Tablet/phone uses a compact top navigation equivalent.
- Main content uses intrinsic CSS Grid and Flexbox sizing.
- Cards use opaque reading surfaces, not overdone glassmorphism.
- Glass treatment is restricted to the navigation boundary.
Typography
- Headings: geometric sans stack.
- Body: readable sans stack.
- Code/routes: monospace stack.
- Fluid scale uses
clamp()for H1/H2/H3/body/code.
Components
- panels
- evidence cards
- skill cards
- case-study cards
- route/code blocks
- machine-readable panels
- CTA groups
- responsive tables
- command palette
- role matcher panels