Gallery screenshot, saved 2026-10-24
How it’s built
- Layout
- A grayscale close-up motorsport photograph fills the image. A large white rounded rectangle centered over it is divided by faint vertical rules into narrow columns. A colorful racing helmet occupies the center; small sponsor/client marks appear as separate samples in columns to either side. The grayscale photograph remains visible as a broad border.
- Type
- The white panel contains logo samples in their individual brand lettering and a realistic helmet image. No single global typeface or metrics can be inferred.
- Color and surface
- Grayscale photographic background and white panel; vivid blue, yellow and red helmet; mostly black logos; dividers are faint.
- Components
- Centered light panel; subtle columns; central helmet; small separated logo samples; grayscale photo surrounding it.
What makes it work
- Light bounded display field
- One central representative image
- Multiple smaller marks around it
- Featured image clearly outranks samples
On a new subjectPresent an unrelated central object in a light display field and curate smaller examples around it; use a quiet surround and replace the sponsor marks.
Live behavior
- Today
- Nick Ho’s motorsport portfolio opens on a full-screen monochrome racing image, with the driver at left and a large “98” at center. Compact statistics sit in a left column, a short quote and location/experience details on the right, and a bold Nick Ho name with introduction near the lower left. A narrow yellow menu control and small mark sit at the top. Tablet and phone retain the black-and-white image, number, and key facts in a narrower arrangement.
- Responsive
- The measured documents are 1440×12251 desktop, 768×10130 tablet and 390×11870 phone; the fresh reduced-motion phone document is 11888px high. The 98 remains the main focal point across the sampled widths, while stats, intro and next-race label reposition around the image on smaller screens. These widths do not establish breakpoints or complete behavior.
- Scroll
- The desktop-scroll state records actual scrollY=750 in a 1440×12251 document. The opening racing image and top/menu elements remain in the view, while a large white section begins with an oversized condensed statement about progress and improvement, flanked by smaller racing/driver images. This sample does not establish sticky behavior or navigation.
