Live capture at 1440px, 2026-10-24
How it’s built
- Layout
- A near-black field contains a wide horizontal rectangular image of a bee on a white flower against cyan sky/soft background. The bee and petals extend beyond the rectangle’s lower edge into the dark surrounding canvas, creating a clear layered cutout effect. Large unused black space remains above and around the image. No visible title or navigation.
- Type
- No visible text or typography.
- Color and surface
- Near-black background; bright cyan rectangular image; natural white petals and dark bee with some translucent gray forms above the image. No card framing beyond the image boundary.
- Components
- One rectangular nature photograph and a bee/flower cutout extending beyond its lower boundary; otherwise empty dark field.
What makes it work
- Dark open field
- One bounded image
- Subject overlaps beyond image boundary
- Large surrounding negative space
On a new subjectPlace one relevant image in a quiet field and let a carefully chosen subject overlap one image edge. Replace the bee/flower with an unrelated focal subject; do not add unobserved text.
Measured
Fonts loadedGrofler Piscaro
H1262.48px / 400 / -7.34944px
Body text16px
Page background#0a0806
Text color#f2ece2
Page height18,400px
Computed CSS at 1440px, 2026-10-24.
Live behavior
- Today
- Reli saved hero fills the viewport with a dimmed close blossom-and-bee image on a teal field. Oversized cream lowercase typography spans three centered lines, visually alternating simple rounded forms with thin slanted flourishes. A cream translucent capsule contains small dark supporting copy; tiny widely tracked utilities sit at lower left and a dark rounded action at lower right. A small outlined heart and right recognition ribbon overlay the view. Sampled heading glyphs use GroflerPiscaro-Regular; mixed-looking letters do not establish separate font families.
- Responsive
- Tablet retains three centered title lines at reduced scale and a tighter image crop, with capsule beneath and corner action. Phone uses about27px heading inset and71px heading scale, keeping all three lines while the right ribbon obscures part of the last word. Support capsule spans342px at24px inset, and lower-right action remains visible. Only these captured widths are established; clipping under ribbon is a limitation, not a required style trait.
- Scroll
- Actual desktop scroll750/document1440x18400 removes the large headline and support capsule from the visible frame, exposing the bright blossom-and-bee scene. Lower utilities, action and right ribbon remain visible. The saved scroll measurement has no visible-heading entries; this is a bounded change in composition, not proof of later sections or exact scroll choreography.
