Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A warm softly lit portrait of a designer fills the background, with compact identity at upper left, a specialty label below and small centered About/Work links plus social links across the top. An enormous peach-coral name spans the lower edge; a small rectangular portfolio image interrupts the name near center, with role text at lower right. The lamp and office scene are part of the photographed background; no video behavior is established.
- Type
- Huge peach-coral sans name with a broad heavy left word and much narrower tall right word; small bold specialty/role labels and tiny light utility links.
- Color and surface
- Warm peach/brown photographic light, dark portrait shadows, coral display text and a bright small portfolio tile.
- Components
- Full-field portrait, compact top links, upper-left role line, oversized lower name interrupted by a project tile and lower-right role label.
What makes it work
- Warm full-field portrait photography
- Oversized coral name across lower image with broad heavy left and narrow tall right word constructions
- One small portfolio image interrupting the lettering
- Minimal peripheral role and navigation labels
On a new subjectFor a public literacy initiative, photograph a volunteer reading in warm lamplight. Set an oversized coral initiative name across the lower image with a broad heavy left word and a much narrower tall right word; interrupt it with a small book/program tile and keep role/navigation labels minimal.
Measured
Fonts loadedGoga
H132px / 600
Body text14px
Page background#faf6ef
Text color#333333
Page height11,890px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- A warm portrait fills the opening viewport with a peach glow/vignette around its edges. Peach semibold sans information sits at upper left; a huge deliberately distorted name composition spans the lower image, interrupted by a small rounded project-preview tile. A compact identity sits upper left, a pair of smoky pill links surrounds a white square blue symbol at top center, and tiny contact/social links align upper right. The following cream section uses a large tightly tracked gray statement with a peach capsule around one word and a second peach emphasis word. Portrait, peach type and cream/gray surfaces form a continuous warm palette.
- Responsive
- Desktop role text32px/32px becomes27.2px/27.2px tablet. The distorted lower name and intervening preview remain on tablet, while the portrait crop tightens. Phone removes that huge lower composition from the saved viewport, centers a small18.72px identity at the top, and moves About/symbol/Work into a bottom-centered dock. Two role blocks flank the portrait around y404 with15.99px type/17.589px line height. Phone links measure about74x43px and68x43px, with39px pill radii and rgba(49,49,49,0.42) surfaces. Document width392 within390 viewport records a small horizontal overflow. Desktop image-like title proportions cannot be assigned a numeric phone heading scale because the large name is absent.
- Scroll
- Actual desktop scrollY750 leaves the last250px of the portrait hero above the cream section; identity, central dock and contact links stay near the top. A large centered four-line statement begins around y437 within a720px-wide text region. Exact type is112.608px/118.238px with-5.04px tracking. One word is inside a peach288x122.391px capsule, while scroll is separately peach. The statement looks muted gray in this captured phase; a fully completed reveal was not observed. A large curved image fragment enters at lower left. Sampled IMG boxes cross viewport edges and are not asserted fully visible. Most of the11890px desktop document is unexamined.
