Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A stark white browser-page area sits within a black outer gallery surround. A central portrait photograph of people exercising is overlaid by a large, multi-part athletic campaign logo: script lettering, condensed block capitals, skewed colored ribbons, and a black shadow-like extrusion. Graphic fragments punctuate the white ground around the central image: a stepped pink zigzag, lime lightning shape, partial ring forms, a small sprinkled orange disk, and a large inverted cyan-violet triangle. The top controls are two small groups at opposite corners. The main subject/logo overlap is dense and energetic, while surrounding margins remain mostly clear.
- Type
- Campaign name combines hand-drawn brush script with heavy uppercase display letters, each in saturated pink/coral/green hues and dark outlines. A small bold date/era tag sits on a yellow strip below. Menu/shop controls use plain heavy uppercase sans in tiny black type. Typeface identity cannot be recovered from the image; none is invented. Scale, angle, outline, shadow, and overlap create a cut-and-paste feel rather than fine typographic detail.
- Color and surface
- White page field and black graphic outlines create sharp contrast. Acid yellow-green controls, pink, blue, orange, and purple details sit over the white. The central photo contributes full color and human subjects. Several shapes have thick black offset shadows that make them feel like stickers. There are no gradients or restrained corporate surfaces; the graphic materials are deliberately loud and tactile.
- Components
- Upper left Menu and upper right language/shop controls are compact, rounded yellow-green buttons with heavy black outlines and offset dark shadows. Main campaign logo, photo, and geometric stickers act as layered hero artwork. Controls remain separate from the collage. No additional card system or body copy appears in this first frame.
What makes it work
- overlap of photo and campaign lettering
- mixed expressive script and display capitals
- several distinct graphic cutout shapes
- visible offset black outlines/shadows
On a new subjectBuild a campaign-specific central image and identity with a few cutout shapes tied to its message; keep controls simple and let only selected collage pieces overlap.
Prompts
Measured
Fonts loadedRoboto Flex
H116px / 400
Body text16px
Page background#f4f4f4
Text color#000000
Page height17,159px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Pale field with yellow outlined controls, central portrait media and playful colored black-edged motifs.
- Responsive
- Tablet and phone condense header controls and center a portrait media panel with decorations; imagery differs across captures.
- Scroll
- At actual scroll 750 a large media close-up fills most of the frame.
