# Photo footer with oversized sign-off

Schema: Design Details SECTION.md v3.2
Website: Playfolly
Source: https://playfolly.com/
Source section IDs: a61e03fb-b5b9-42f3-a0c7-2823acabd8d8
Status: AI analysed; vocabulary promotion is automated

## Builder's note

What makes it work:
- A full-bleed warm photo carries the brand feeling, so the footer reads as a closing scene rather than a link list.
- Small utility items (pill buttons, legal text) sit top-left while a huge white sign-off fills the bottom, giving a clear two-level hierarchy.
- The yellow product and orange-cream palette tie the photo, pills and type together into one warm mood.

What a screenshot can't show:
- The recording shows an animated graphic and text appearing as you scroll to the bottom (about 17-23s), but not what exactly moves or how it is timed.
- The sign-off is measured at 234px with a 234px line height and -11.7px tracking (about -5%), bold; the social handle label is 14px bold on a 20px line height.

Borrow: End the page with one oversized, tightly tracked brand phrase over a mood-setting photo, and keep all functional footer items small and grouped in one corner.
Leave alone: Don't copy Playfolly's orange-and-yellow palette, its children-with-product photograph or the Geograph bold wordmark; use your own imagery and a similar bold grotesque.

## Classification

- Type: footer
- Layout: Full-bleed photographic background with top-left text content and bottom-aligned oversized typography.
- Styles: photographic, typographic, bold, colourful
- Confidence: 95%

## Purpose and structure

A visually rich footer featuring a lifestyle product photo, social links, legal text, and an oversized typographic sign-off.

Visual signature: An orange-toned lifestyle photo with kids playing, anchored by a massive white 'Play beautiful' wordmark at the bottom.

## Components

- Social media pill buttons
- Legal text
- Lifestyle product photo
- Oversized sign-off text

## Typography

- Display: Geograph — 234px 700
- Heading: Geograph — 60px 500
- Body: Geograph — 16px 400

## Functional palette

- Canvas: canvas #EDBF7A
- Text: text #000000
- Text: text #FFFFFF
- Primary-Action: primary action #F9EE16
- Surface: surface #F4D602
- Surface: surface #262626

## Motion evidence

- 17.0–23.0s — Scrolling to the bottom displays a section with an animated graphic and text elements. (90% confidence)

## Section quality

Overall: 63.29/100 (Good)
Scored coverage: 85%

- Typography: 68 — The 234px 'Play beautiful' wordmark with tight -11.7px negative tracking is a confident, oversized display choice that dominates the frame and contrasts well with the small 16px legal copy and pill-button labels up top. The scale contrast creates clear hierarchy, but the typeface itself (Geograph) is a standard grotesque with no distinctive treatment beyond size. Next tier: Needs a more idiosyncratic typographic detail (custom ligatures, cropping, kinetic treatment) beyond sheer scale to move past a polished-but-familiar oversized sign-off.
- Composition: 66 — Full-bleed warm-toned photograph anchors a clear top-left/bottom-full layout: small utility items (social pill, email pill, legal text) cluster top-left, while the massive wordmark runs the full width at the bottom, bleeding off both edges. The product photo is centered and given room to breathe, and the gradient background unifies photo and type. It is a legible, confident composition but relies on a common 'huge type stacked on hero photo' footer pattern. Next tier: Would need an unexpected spatial interaction between the photo and the giant type (overlap, cropping, integration) rather than simple stacking to reach strong/memorable territory.
- Motion: inconclusive — Gemini's note mentions an 'animated graphic' appearing on scroll between 17-23s but gives no specific timestamped description of what visibly changes (fade-in, parallax, reveal direction, etc.), so no motion quality judgment can be made. Next tier: Specific timestamped description of the entry animation (e.g., wordmark fade/slide timing, photo parallax) is required before motion can be scored.
- Content: 62 — The lifestyle photo of children playing with the yellow product directly reinforces the brand's play-oriented positioning, and the sign-off text 'Play beautiful' ties the tagline to the visual without feeling bolted on. Legal/trademark text and social contact pills are integrated into the same warm palette rather than looking like afterthought footer boilerplate. Next tier: Legal and social content remain generic small-print placement; tighter integration of these utility elements with the photographic narrative would be needed for a higher score.
- Originality: 60 — Oversized sign-off typography over a hero lifestyle photo in a footer is a recognizable contemporary pattern seen across many consumer brand sites; the warm orange-to-cream gradient and yellow product styling give it a distinct brand flavor, but the underlying idea is not novel. Next tier: Needs a structural or interactive twist unique to this brand (e.g., type that interacts with the photo's subjects, unconventional cropping) to distinguish it from the common 'giant word + photo' footer trope.
- Adaptability: 58 — The layout separates cleanly into a full-bleed photo/background layer, a top-left utility text cluster, and a bottom oversized wordmark, each independently swappable per the DOM evidence (flex section, grid for social links, plain text blocks). However, the design leans heavily on the specific photograph and precise oversized type scale to feel intentional. Next tier: Would need documented responsive behavior for the 234px display type and photo cropping at smaller breakpoints to be confidently adaptable beyond desktop.

Strengths:
- Oversized 234px tight-tracked wordmark creates immediate, confident visual anchor
- Full-bleed lifestyle photography ties tagline to product use in a warm cohesive palette
- Clear hierarchy separating small utility content (social/legal) from monumental sign-off type

Weaknesses:
- Oversized type over hero photo in a footer is a common pattern without a unique twist
- Motion cannot be verified from the evidence given
- Relies on a single strong photograph rather than a more structurally original idea
- Legal/social elements remain conventionally placed rather than integrated into the concept

Why it does not reach the next tier: The section is well-executed and polished but follows a widely used footer convention (giant sign-off type over lifestyle photo) without a distinguishing structural, typographic, or interactive idea that would make it feel hard to substitute.

## Adaptation guidance

- Effort: Medium
- Guidance: Reuse the structural pattern (utility cluster top-left, full-bleed photo, oversized bottom wordmark) with a different photograph and brand tagline sized to fill the viewport width; verify oversized type scales responsively on smaller breakpoints.

What transfers:
- Full-bleed photo background with bottom-anchored oversized wordmark layout
- Top-left cluster of small utility pills and legal text
- High size-contrast typographic hierarchy (tiny body vs massive display)

Dependencies:
- Specific lifestyle photograph and its warm gradient treatment
- Geograph font family and exact 234px/-11.7px tracking combination
- Brand-specific tagline wording sized to fill full width

## Living vocabulary

- No reusable vocabulary candidates were supported by this section.

Only terms with status `active` enter the public taxonomy. Deferred and proposed terms remain available to later AI passes; rejected terms remain as provenance so they are not repeatedly reinvented.

## Provenance and limitations

- Section boundaries and naming: Gemini Pro visual observation
- Motion observations: Gemini Pro direct-video analysis
- Quality judgment: Claude
- Exact design facts: browser/CSS extraction at website scope
- Rubric: Design Details section rubric 3.2 (Typography 20%, Composition 20%, Motion 15%, Content 15%, Originality 15%, Adaptability 15%)
- Motion could not be scored due to lack of specific timestamped visible changes
- Responsive/mobile behavior of the oversized type and photo is not evidenced
- Exact photo cropping and gradient treatment behavior at other breakpoints is unknown

## Usage guidance

Use this section as design evidence. Create an original implementation; do not reproduce the source copy, assets, or proprietary composition exactly.

## Build blueprint v3.2

### Purpose and classification

- Canonical type: footer
- Source type: footer
- Structure: full-bleed
- Layout: Full-bleed photographic background with top-left text content and bottom-aligned oversized typography.
- Styles: photographic, typographic, bold, colourful
- Components: Social media pill buttons, Legal text, Lifestyle product photo, Oversized sign-off text
- Purpose: A visually rich footer featuring a lifestyle product photo, social links, legal text, and an oversized typographic sign-off.
- Visual signature: An orange-toned lifestyle photo with kids playing, anchored by a massive white 'Play beautiful' wordmark at the bottom.
- Place on the page: 7 of 7, after Form (`playfolly-com:forms-email-waitlist`)

### Crop and composition

- Crop: 1440×1000px; aspect ratio 1.44:1
- Page bounds: 7087–8087px of 8087px
- Guidance: Let the primary media establish the section boundary and protect legibility with controlled overlays.

### Exact typography evidence

The sectionScale values were measured inside this crop. The siteRoles values explain how those faces function across the source website; they must not replace section measurements.

```json
{
  "sectionScale": [
    {
      "role": "section heading",
      "family": "Geograph",
      "stack": "Geograph, \"Century Gothic\", Futura, \"Helvetica Neue\", Helvetica, Arial, sans-serif",
      "size": "234px",
      "weight": "700",
      "lineHeight": "234px",
      "letterSpacing": "-11.7px",
      "sample": "Play beautiful",
      "element": "h2",
      "occurrences": 1,
      "sourceId": "font-4"
    },
    {
      "role": "UI/supporting text",
      "family": "Geograph",
      "stack": "Geograph, \"Century Gothic\", Futura, \"Helvetica Neue\", Helvetica, Arial, sans-serif",
      "size": "14px",
      "weight": "700",
      "lineHeight": "20px",
      "letterSpacing": "normal",
      "sample": "@myplayfolly",
      "element": "a",
      "occurrences": 2,
      "sourceId": "font-9"
    }
  ],
  "siteRoles": [
    {
      "role": "display",
      "size": "234px",
      "family": "Geograph",
      "source": "computed",
      "traits": "Regular",
      "weight": "700",
      "evidence": "font-4: computed CSS at 1440×1000; AI role: 234px font size with negative letter spacing used for large impactful text 'Play beautiful'.",
      "sampleId": "font-4",
      "confidence": 1,
      "lineHeight": "234px",
      "letterSpacing": "-11.7px"
    },
    {
      "role": "heading",
      "size": "60px",
      "family": "Geograph",
      "source": "computed",
      "traits": "Regular",
      "weight": "500",
      "evidence": "font-1: computed CSS at 1440×1000; AI role: 60px font used for primary section headings like 'A new way to play.'.",
      "sampleId": "font-1",
      "confidence": 0.95,
      "lineHeight": "60px",
      "letterSpacing": "normal"
    },
    {
      "role": "body",
      "size": "16px",
      "family": "Geograph",
      "source": "computed",
      "traits": "Regular",
      "weight": "400",
      "evidence": "font-6: computed CSS at 1440×1000; AI role: 16px regular weight font used for general body copy and descriptive text.",
      "sampleId": "font-6",
      "confidence": 0.9,
      "lineHeight": "24px",
      "letterSpacing": "normal"
    }
  ]
}
```

### Exact color evidence

The section samples record where each computed value was used. Functional roles come from the website-level classifier and remain separate.

```json
{
  "sectionUsage": [],
  "functionalPalette": [
    {
      "hex": "#EDBF7A",
      "name": "canvas",
      "role": "canvas",
      "source": "computed",
      "evidence": "color-1: computed rgb(237, 191, 122); AI role: Used extensively as a background color for the body and major sections.",
      "sampleId": "color-1",
      "confidence": 0.95
    },
    {
      "hex": "#000000",
      "name": "text",
      "role": "text",
      "source": "computed",
      "evidence": "color-2: computed rgb(0, 0, 0); AI role: Black used for primary text and button text.",
      "sampleId": "color-2",
      "confidence": 0.9
    },
    {
      "hex": "#FFFFFF",
      "name": "text",
      "role": "text",
      "source": "computed",
      "evidence": "color-3: computed rgb(255, 255, 255); AI role: White used for large display text, secondary text on dark backgrounds, and icons.",
      "sampleId": "color-3",
      "confidence": 0.9
    },
    {
      "hex": "#F9EE16",
      "name": "primary action",
      "role": "primary-action",
      "source": "computed",
      "evidence": "color-7: computed rgb(249, 238, 22); AI role: Bright yellow used for the 'Get updates' call to action button.",
      "sampleId": "color-7",
      "confidence": 0.9
    },
    {
      "hex": "#F4D602",
      "name": "surface",
      "role": "surface",
      "source": "computed",
      "evidence": "color-4: computed rgb(244, 214, 2); AI role: Used as the background color for the 'Want one?' section.",
      "sampleId": "color-4",
      "confidence": 0.85
    },
    {
      "hex": "#262626",
      "name": "surface",
      "role": "surface",
      "source": "computed",
      "evidence": "color-5: computed rgb(38, 38, 38); AI role: Dark gray used as background for adapter feature cards.",
      "sampleId": "color-5",
      "confidence": 0.8
    }
  ]
}
```

### Design tokens

```json
{
  "radius": "Pill-shaped (fully rounded) for buttons and inputs; large border radii for feature cards.",
  "density": "Low density with ample whitespace focusing attention on the large typography and 3D visuals.",
  "evidence": "Visual inspection of the desktop screenshots reveals rounded forms, pill buttons, wide sections, and large spacing.",
  "borderStyle": "Mostly borderless with solid background colors; some cards have subtle dark borders.",
  "buttonStyle": "Solid fill with pill shape and bold text.",
  "cornerStyle": "Rounded corners heavily utilized on buttons, feature cards, and input fields.",
  "contentWidth": "Wide layout utilizing full viewport width for backgrounds, with content centered within a max-width container.",
  "spacingRhythm": "Generous spacing with large paddings between major sections to isolate content."
}
```

### Reconstruction specification

This is the implementation contract for the captured desktop viewport. Prefer section-specific facts here over general website descriptions.

- Root: 1440×1000px; flex; padding {"top":"0px","left":"0px","right":"0px","bottom":"0px"}; gap normal; background rgba(0, 0, 0, 0); radius 0px.
- Observed gaps: 6, 16px.
- Representative content widths: 456px.
- Layout containers: 2; cards/surfaces: 0; media elements: 1; browser animations: 0.

#### Container, grid, and spacing

```json
{
  "viewport": {
    "width": 1440,
    "captureBounds": {
      "top": 7087,
      "bottom": 8087,
      "pageHeight": 8087
    }
  },
  "container": {
    "size": "1440×1000px",
    "position": "x 0px, y 7060px",
    "display": "flex",
    "positionMode": "static",
    "padding": {
      "top": "0px",
      "left": "0px",
      "right": "0px",
      "bottom": "0px"
    },
    "margin": {
      "top": "0px",
      "left": "0px",
      "right": "0px",
      "bottom": "0px"
    },
    "gap": "normal",
    "columns": "not captured",
    "background": "rgba(0, 0, 0, 0)",
    "radius": "0px",
    "border": "0px solid rgb(0, 0, 0)",
    "shadow": "none",
    "overflow": "visible"
  },
  "spacing": {
    "observedGapsPx": [
      6,
      16
    ],
    "representativeContentWidthsPx": [
      456
    ]
  },
  "columns": [
    {
      "element": "ul · hidden md:grid grid-cols-2 col-start-3 gap-4 auto-rows-min",
      "size": "456×172px",
      "position": "x 948px, y 7188px",
      "display": "grid",
      "template": "220px 220px",
      "direction": "row",
      "gap": "16px"
    },
    {
      "element": "section · @myplayfollyEmail usThe Playfolly design and Playfolly® trade mark are registered in New Zealand, Au",
      "size": "1440×1000px",
      "position": "x 0px, y 7060px",
      "display": "flex",
      "template": "not captured",
      "direction": "column",
      "gap": "normal"
    }
  ]
}
```

#### Cards and surfaces

```json
{
  "cards": [],
  "surfaces": {
    "radii": [
      "3.35544e+07px"
    ],
    "borders": [],
    "shadows": []
  }
}
```

#### Media treatment

```json
[
  {
    "element": "svg · svg",
    "size": "15×14px",
    "position": "x 50px, y 7199px",
    "aspectRatio": 1.1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  }
]
```

#### Browser-exposed animation parameters

```json
[]
```

### Measured geometry, surfaces, media, and animation

These raw values come from the saved element map and computed styles. Empty arrays mean the fact was not captured; they are not permission to invent source values.

```json
{
  "root": {
    "id": "ld-1141",
    "gap": "normal",
    "tag": "section",
    "rect": {
      "x": 0,
      "y": 7060,
      "width": 1440,
      "height": 1000
    },
    "role": null,
    "label": "@myplayfollyEmail usThe Playfolly design and Playfolly® trade mark are registered in New Zealand, Au",
    "border": "0px solid rgb(0, 0, 0)",
    "margin": {
      "top": "0px",
      "left": "0px",
      "right": "0px",
      "bottom": "0px"
    },
    "radius": "0px",
    "shadow": "none",
    "columns": null,
    "display": "flex",
    "padding": {
      "top": "0px",
      "left": "0px",
      "right": "0px",
      "bottom": "0px"
    },
    "overflow": "visible",
    "position": "static",
    "background": "rgba(0, 0, 0, 0)"
  },
  "cards": [],
  "media": [
    {
      "id": "ld-1146",
      "tag": "svg",
      "rect": {
        "x": 50,
        "y": 7199,
        "width": 15,
        "height": 14
      },
      "role": null,
      "label": "svg",
      "media": null,
      "radius": "0px",
      "overflow": "hidden",
      "objectFit": "fill",
      "aspectRatio": 1.1,
      "objectPosition": "50% 50%"
    }
  ],
  "bounds": {
    "top": 7087,
    "bottom": 8087,
    "pageHeight": 8087
  },
  "schema": "little-details-section-measurements-v1",
  "source": "saved DOM/CSS element and animation maps",
  "columns": [
    {
      "id": "ld-1151",
      "gap": "16px",
      "tag": "ul",
      "rect": {
        "x": 948,
        "y": 7188,
        "width": 456,
        "height": 172
      },
      "role": null,
      "label": "hidden md:grid grid-cols-2 col-start-3 gap-4 auto-rows-min",
      "columns": "220px 220px",
      "display": "grid",
      "direction": "row"
    },
    {
      "id": "ld-1141",
      "gap": "normal",
      "tag": "section",
      "rect": {
        "x": 0,
        "y": 7060,
        "width": 1440,
        "height": 1000
      },
      "role": null,
      "label": "@myplayfollyEmail usThe Playfolly design and Playfolly® trade mark are registered in New Zealand, Au",
      "columns": null,
      "display": "flex",
      "direction": "column"
    }
  ],
  "spacing": {
    "gapsPx": [
      6,
      16
    ],
    "representativeContentWidthsPx": [
      456
    ]
  },
  "coverage": {
    "cards": 0,
    "media": 1,
    "animations": 0,
    "elementsInSection": 8
  },
  "surfaces": {
    "radii": [
      "3.35544e+07px"
    ],
    "borders": [],
    "shadows": []
  },
  "animations": [],
  "capturedAt": "2026-10-30T21:55:03.099Z",
  "limitations": [
    "Values describe the captured desktop viewport and may change at other breakpoints.",
    "Transforms, sticky layers, and virtualized content can make the inferred section root approximate.",
    "Animations include browser-exposed Web Animations API state; CSS or script motion that was inactive at capture time may be absent."
  ],
  "viewportWidth": 1440
}
```

### Observed motion

1. **scroll** — Scrolling to the bottom displays a section with an animated graphic and text elements. (17s–23s; 90% confidence). Recreate the interaction principle with project-appropriate timing and easing; the evidence does not guarantee source easing values.

The browser animation records above are deterministic parameters captured from active browser animations. The timestamped observations describe what Gemini saw in the video. Treat them as complementary evidence. When either source is empty or they conflict, state the uncertainty instead of inventing timing or easing.

### Responsive contract

- Measured viewport: 1440px wide.
- Mobile/tablet values: not measured by this section evidence unless a separate capture is explicitly listed.
- Preserve hierarchy and sequence; collapse simultaneous columns only where needed, maintain media aspect ratios, and verify touch targets and text wrapping at target breakpoints.

### Structure versus visual skin

- Preserve: content hierarchy, layout relationships, section rhythm, interaction purpose.
- Adapt: brand colors, font family, copy, imagery, icons, decorative details.
- Rule: Preserve the observed design logic while creating original branding, copy, assets, and implementation details.

### Adaptation and dependencies

- Effort: medium
- What transfers: Full-bleed photo background with bottom-anchored oversized wordmark layout; Top-left cluster of small utility pills and legal text; High size-contrast typographic hierarchy (tiny body vs massive display)
- Dependencies: Specific lifestyle photograph and its warm gradient treatment; Geograph font family and exact 234px/-11.7px tracking combination; Brand-specific tagline wording sized to fill full width
- Guidance: Reuse the structural pattern (utility cluster top-left, full-bleed photo, oversized bottom wordmark) with a different photograph and brand tagline sized to fill the viewport width; verify oversized type scales responsively on smaller breakpoints.

### Evidence readiness

- Coverage: 7/7
- Can build: Yes
- Missing facts: None


### Agent implementation prompt

Create an original footer section inspired by the design evidence titled “Photo footer with oversized sign-off”.

Purpose: A visually rich footer featuring a lifestyle product photo, social links, legal text, and an oversized typographic sign-off.

Structure: full-bleed. Source layout label: Full-bleed photographic background with top-left text content and bottom-aligned oversized typography.. Let the primary media establish the section boundary and protect legibility with controlled overlays.

Visual signature to preserve at the pattern level: An orange-toned lifestyle photo with kids playing, anchored by a massive white 'Play beautiful' wordmark at the bottom.

Components: Social media pill buttons, Legal text, Lifestyle product photo, Oversized sign-off text.

Style direction: photographic, typographic, bold, colourful.

Observed crop: 1440×1000px (1.44:1). Treat this as evidence of composition, not a mandatory output size.

Typography evidence: {"role":"display","size":"234px","family":"Geograph","source":"computed","traits":"Regular","weight":"700","evidence":"font-4: computed CSS at 1440×1000; AI role: 234px font size with negative letter spacing used for large impactful text 'Play beautiful'.","sampleId":"font-4","confidence":1,"lineHeight":"234px","letterSpacing":"-11.7px"} {"role":"heading","size":"60px","family":"Geograph","source":"computed","traits":"Regular","weight":"500","evidence":"font-1: computed CSS at 1440×1000; AI role: 60px font used for primary section headings like 'A new way to play.'.","sampleId":"font-1","confidence":0.95,"lineHeight":"60px","letterSpacing":"normal"} {"role":"body","size":"16px","family":"Geograph","source":"computed","traits":"Regular","weight":"400","evidence":"font-6: computed CSS at 1440×1000; AI role: 16px regular weight font used for general body copy and descriptive text.","sampleId":"font-6","confidence":0.9,"lineHeight":"24px","letterSpacing":"normal"}

Color evidence: {"hex":"#EDBF7A","name":"canvas","role":"canvas","source":"computed","evidence":"color-1: computed rgb(237, 191, 122); AI role: Used extensively as a background color for the body and major sections.","sampleId":"color-1","confidence":0.95} {"hex":"#000000","name":"text","role":"text","source":"computed","evidence":"color-2: computed rgb(0, 0, 0); AI role: Black used for primary text and button text.","sampleId":"color-2","confidence":0.9} {"hex":"#FFFFFF","name":"text","role":"text","source":"computed","evidence":"color-3: computed rgb(255, 255, 255); AI role: White used for large display text, secondary text on dark backgrounds, and icons.","sampleId":"color-3","confidence":0.9} {"hex":"#F9EE16","name":"primary action","role":"primary-action","source":"computed","evidence":"color-7: computed rgb(249, 238, 22); AI role: Bright yellow used for the 'Get updates' call to action button.","sampleId":"color-7","confidence":0.9} {"hex":"#F4D602","name":"surface","role":"surface","source":"computed","evidence":"color-4: computed rgb(244, 214, 2); AI role: Used as the background color for the 'Want one?' section.","sampleId":"color-4","confidence":0.85} {"hex":"#262626","name":"surface","role":"surface","source":"computed","evidence":"color-5: computed rgb(38, 38, 38); AI role: Dark gray used as background for adapter feature cards.","sampleId":"color-5","confidence":0.8}

Typography measured inside this section: {"id":"font-4","size":"234px","count":1,"family":"Geograph","traits":"Regular","weight":"700","contexts":[{"tag":"h2","top":7826,"text":"Play beautiful","property":"font"}],"fontStack":"Geograph, \"Century Gothic\", Futura, \"Helvetica Neue\", Helvetica, Arial, sans-serif","lineHeight":"234px","letterSpacing":"-11.7px"} {"id":"font-9","size":"14px","count":2,"family":"Geograph","traits":"Regular","weight":"700","contexts":[{"tag":"a","top":7188,"text":"@myplayfolly","property":"font"},{"tag":"a","top":7188,"text":"Email us","property":"font"}],"fontStack":"Geograph, \"Century Gothic\", Futura, \"Helvetica Neue\", Helvetica, Arial, sans-serif","lineHeight":"20px","letterSpacing":"normal"}

No section-bounded color samples were measured.

Exact section measurements from the saved element map: root {"rect":{"x":0,"y":7060,"width":1440,"height":1000},"padding":{"top":"0px","left":"0px","right":"0px","bottom":"0px"},"gap":"normal","columns":null,"overflow":"visible"}; spacing {"gapsPx":[6,16],"representativeContentWidthsPx":[456]}; surfaces {"radii":["3.35544e+07px"],"borders":[],"shadows":[]}; media [{"tag":"svg","rect":{"x":50,"y":7199,"width":15,"height":14},"aspectRatio":1.1,"objectFit":"fill","objectPosition":"50% 50%","radius":"0px"}]

Motion evidence: scroll: Scrolling to the bottom displays a section with an animated graphic and text elements. (90% confidence)

Transfer these principles: Full-bleed photo background with bottom-anchored oversized wordmark layout; Top-left cluster of small utility pills and legal text; High size-contrast typographic hierarchy (tiny body vs massive display).

Dependencies: Specific lifestyle photograph and its warm gradient treatment; Geograph font family and exact 234px/-11.7px tracking combination; Brand-specific tagline wording sized to fill full width.

Adaptation guidance: Reuse the structural pattern (utility cluster top-left, full-bleed photo, oversized bottom wordmark) with a different photograph and brand tagline sized to fill the viewport width; verify oversized type scales responsively on smaller breakpoints.

Use new copy, imagery, branding, and implementation details. Do not reproduce the source website or its proprietary assets.