Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A pale rounded rectangular page sits on a black field, with three colored window-like dots above its left edge. DOVV identity and a dark contact pill occupy the upper corners. A heavy condensed black uppercase headline fills the center; an availability/contact strip sits above it. Four colorful sticker-like accents surround and overlap the headline. Small centered supporting copy and two actions sit below. The outer black field/dots may be presentation framing.
- Type
- Defining display is a very heavy, tightly compressed uppercase sans headline. Compact neutral sans navigation, support and controls; sticker lettering varies. Exact font metrics unknown.
- Color and surface
- Pale gray-white main surface, black type/actions, subtle shadows under floating badges, black surround, vivid pink-orange and lime badge accents.
- Components
- Rounded pale page, corner identity/contact, availability strip, oversized condensed uppercase two-line headline, four sticker-like accents, centered supporting text and two compact actions; black field and three colored dots may be gallery framing.
What makes it work
- Open pale rounded page as the main field.
- Very heavy, compressed uppercase headline dominates centrally.
- Several vivid sticker-like accents punctuate or overlap the headline area.
- Compact supporting copy and actions remain below the display.
On a new subjectFor an unrelated neighborhood science museum, place a short bold condensed uppercase invitation on a generous pale rounded page; punctuate the headline area with several original sticker-like science badges, then add concise supporting copy and two clear actions. Do not reuse DOVV branding or copy.
Measured
Fonts loadedInter, Geist, Anton, Archivo, DM Mono
H116px / 400
Body text16px
Page background#f5f5f5
Text color#000000
Page height7,592px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Pale gray field with compact black corner identity/contact pill, a centered white availability capsule and an enormous black extra-condensed uppercase two-line statement. Glossy orange/pink pill stickers, a yellow smile and lime rating burst overlap the heading perimeter with white rims and soft shadows. Gray centered support, paired black/outline pills and a faded horizontal logo strip complete the opening. Stickers carry most color; the main UI remains black, gray and white.
- Responsive
- Tablet and phone recompose the heading into three lines and stack two 300px-wide action pills. The availability capsule loses its separate Book a call wording. Stickers become small and peripheral; tablet shows a partially offscreen orange badge. Phone right recognition ribbon masks the smile and supporting copy; that obstruction is a limitation. Desktop first project row has two cards; the narrow frames show a single wide card starting below the hero, without establishing later rows or every breakpoint.
- Scroll
- Actual desktop scroll750/document1440x7592 reveals a two-column grid of large black rounded project cards with inset website images, white project titles and small dark-gray service chips. A black rounded four-item navigation bar appears near the bottom center; its sampled position is fixed. Embedded project type and controls belong to depicted project imagery, not the enclosing page specification. The right recognition ribbon remains visible.
