ResourcesChangelog
Changelog
The history of the design system. Every change is dated, tagged, and described in one or two sentences.
All entries
Newest first. The most recent release is at the top.
FixedEqualized step cell heights in the participant funnel.
Step 03 in the participant-funnel diagram grew taller than its siblings because the original label wrapped to two lines. The label is now a single word, and the step row uses flex stretch to keep all five cells equal-height on desktop.
ChangedRefreshed production screenshots in English.
All screenshots on the cognitive-distance case study were regenerated from the live study app at design.izaias.xyz, in English, at 2x and 3x device pixel ratio.
ChangedDiagrams moved from fixed SVG to responsive HTML.
The eight study diagrams no longer rely on viewBox scaling. They are now semantic HTML panels with page-scoped CSS, fully responsive from 360 px upward, and big enough to read on mobile.
ChangedReplaced the 3-column impact grid with a 2×2 metrics block.
The hero metrics block (3 / 5 / 4 / 2) had been a three-column grid with an orphan tile. The new StudyMetrics block is a symmetric 2×2 grid with cross dividers on desktop, and a single column on mobile.
RemovedRemoved dead components and the unused globals stylesheet.
sticky-header, preloader, reveal-footer, contact-form, youtube-player, and styles/globals.css were all unreferenced. They are gone. The system is smaller and easier to reason about.
ChangedTightened letter-spacing and leading across display sizes.
display-xl, display-lg, case-hero__title, and the case section H2 are now a touch tighter (-0.03em, -0.02em) and a touch shorter (1.02–1.12 line height) than before. Editorial, not corporate.
AddedA single focus ring across the entire site.
:focus-visible is now ring-2 ring-ring/30 ring-offset-2 ring-offset-background everywhere, applied through the @layer base. No component overrides the focus ring anymore.