Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A blurred saturated blue-purple scene supports a centered square warm gradient panel with a small lowercase black word; small yellow-green logo left and vertical navigation right.
- Type
- Small regular lowercase black sans word, compact yellow-green nav.
- Color and surface
- Blurred blue, purple and red field, peach-to-yellow gradient square.
- Components
- A centered warm gradient square and lowercase word overlay a blurred saturated scene with side navigation.
What makes it work
- Blurred saturated field
- Centered warm gradient square
- Small lowercase word and sparse side navigation
On a new subjectFor a public color-study archive, center a warm gradient square with a small lowercase title over a blurred saturated blue-purple field and sparse side navigation.
Live behavior
- Today
- The desktop captures labeled t0, t2 and hover are already in the portfolio view at actual scrollY 698: a dark intro remnant with the right-side Work/Allies/About links sits above an ivory project area with faint oversized circular linework, “Our Work,” category links, a search field and project tiles. The card artwork changes across frames; t2 and hover also show a translucent chat pill crossing the lower cards. The t0 top edge clips the preceding intro copy.
- Responsive
- The saved tablet frame shows a dark intro panel with large serif text and a compact mark/menu, then the patterned ivory surface below. The 390px ordinary phone frame instead shows the intro on ivory with the mark and hamburger; its reduced-motion fresh-load frame is at scrollY 514, where the end of the intro is clipped and the project title, wrapped category links, search control and first tiles appear. In that phone frame the search control overlaps the “Our W…” title area. The two phone screenshots differ in both scroll and captured surface, so they do not isolate a responsive or motion effect.
- Scroll
- The first three desktop labels show actual scrollY 698; desktop-scroll is 750. The 750 frame advances the “Our Work” heading and filters upward by about 52px while the intro remainder is more clipped. The t0 frame clips the upper intro sentence at the viewport edge; project tiles are only partly visible at the bottom, with some later-frame artwork and a chat pill crossing the tile area. The reduced-motion phone capture is at actual scrollY 514 and starts within the transition from intro to project area; it is not a zero-scroll comparison.
