All pages below demonstrate semantic rendering with four orthogonal axes:
All 1,296 combinations (6×4×6×9) are valid and produce distinct visual styling: spacing, colors, typography, and emphasis.
Baseline rendering with default semantic values (steady vibe, inform intent, rising narrative, continues cohesion).
View Page →These test unusual and paradoxical combinations to validate the semantic system:
Test: Can calm aesthetics drive urgent action?
Serene hero with light typography, but with a red "direct" CTA button that creates visual tension.
View →Test: Can urgent visuals clarify facts?
Breaking-news energy (red, bold) with clear information hierarchy instead of sensationalism.
View →Test: Can emotional peaks be gentle?
Soft aesthetics at the narrative climax—emotional resonance without visual aggression.
View →Test: Can openings be visually intense?
Bold dramatic entrance without needing narrative build-up. Intensity from the start.
View →Test: All 9 cohesion relationship types in sequence
Opens → continues → amplifies → supports → contrasts → pivots → echoes → resolves → closes. Watch how visual relationships evolve.
View →Semantic Rendering Test Suite • Gutenberg Design System
All pages use perceptually uniform OKLCH color system with Tailwind CSS