Flat-design forensics for teams that learn in public: every idea becomes an artifact, every revision keeps its timestamp, every report reads like an engineering lab board at 2 AM.
surface: #0a0b10 / narrative-axis: x
Seven full-viewport iteration sheets connected left-to-right like a specification roll.
Frosted glass container with carbon tint, 65% opacity. Backdrop blur 16px. Border: 1px rgba white 0.08.
12-column layout with clamp gutters. Engineering graph-paper background at 80px intervals.
repeat(12, 1fr)
8-color palette: void black, carbon, graphite, frost white, silver mist, graphite light, aurora teal, aurora violet.
Display: Space Grotesk 700
Body: Inter 400/500
Code: JetBrains Mono 400
Cards respond to hover: scale(1.03), border glow, blur increase to 20px.
Hover over this card to see the effect
Below 768px: vertical stacking. Panels become min-height: 100vh. Connector lines rotate 90°. Grid collapses to 4 columns.
Max 4 glassmorphic cards per panel. will-change applied only during hover. GPU-composited backdrop-filter.
Hardware engineering lab whiteboard aesthetic. Flat-design discipline. Aurora diagnostics. Glassmorphic artifacts floating on engineering graph paper.
Horizontal-scroll timeline through 7 iterations. Semantic HTML. No external scripts. Pure CSS and vanilla JS.
Press arrow keys to navigate. Scroll horizontally to explore. Hover over cards for interaction.