# Global Footer

Schema: Design Details SECTION.md v3.2
Website: Podium Automation
Source: https://www.podiumautomation.com/
Source section IDs: a58bbcab-5f58-4c82-94fe-8941743ca877, fb00f64c-319b-40dc-ab59-a8c39b5d43d4
Status: AI analysed; vocabulary promotion is automated

## Classification

- Type: footer
- Layout: Multi-column text links over a decorative background grid.
- Styles: Not classified
- Confidence: 95%

## Purpose and structure

A minimal dark footer with primary navigation links, social links, and a schematic grid background.

Visual signature: Dark panel at the bottom of the page showing 'Home / Services / Careers / About us' and a faint grid line pattern.

## Components

- nav-links
- legal-links

## Typography

- Display: Instrument Sans — 68px 400
- Heading: Instrument Sans — 56px 400
- Body: Instrument Sans — 20px 400

## Functional palette

- Canvas: canvas #FEFBF6
- Surface: surface #1A1A1A
- Text: text #000000
- Muted-Text: muted text #929191
- Border: border #CECBBF
- Primary-Action: primary action #252324
- Accent: accent #FFEC88

## Motion evidence

- No section-specific authored motion was established.

## Section quality

Overall: 59.00/100 (Competent)
Scored coverage: 85%

- Typography: 58 — Large, clean nav text (Home / Services / Careers / About us) establishes a confident hierarchy against small secondary links, consistent with the site's Instrument Sans system. But no distinct footer-specific type treatment beyond scale contrast is evident. Next tier: Would need a more considered typographic detail (e.g. custom footer headline treatment, kerning/optical work) beyond reusing the site's default large/small pairing.
- Composition: 63 — Asymmetric two-column layout with oversized nav on the left and compact link list on the right creates clear hierarchy; the schematic grid/blueprint graphic bleeding in from the bottom-right adds a layered, engineered feel that ties to brand identity (electrical/technical product context). Generous negative space is used with intent. Next tier: The blueprint graphic is only partially visible/cropped and its relationship to the rest of the footer content feels loosely integrated rather than fully resolved into the grid; tighter integration of the illustration with the link columns would push this further.
- Motion: not_assessed — No motion_moments or animation evidence supplied for this section; animations array is empty. Next tier: Timestamped visible motion evidence would be needed to assess.
- Content: 56 — Content is minimal and functional: primary nav slash-list, legal/contact links, certification badge, and decorative schematic. It reads as a standard utilitarian footer with a light brand touch (blueprint motif) rather than a curated editorial moment. Next tier: Needs more purposeful integration of content (e.g. a closing statement, contextual copy) to elevate beyond a link directory with decoration.
- Originality: 57 — The blueprint/schematic grid backdrop is a nice thematic touch tying to an industrial/electrical product, and the oversized slash-separated nav is a mildly distinctive typographic choice, but the overall footer structure (dark panel, two-column links, cert badge) is a familiar pattern. Next tier: Would need the schematic motif to be more central/expressive rather than a small cropped background element to feel like a genuinely original footer concept.
- Adaptability: 60 — Deterministic measurements show clear flex-based columns, defined rects for nav/legal lists, and isolated background/media elements, making structure and skin reasonably separable. The schematic graphic and dark surface color are distinct decorative layers from the text-link structure. Next tier: No radius, shadow, or border tokens are defined, and the schematic asset's positioning/behavior at other breakpoints is unmeasured, limiting confidence in a fully documented adaptable system.

Strengths:
- Clear typographic hierarchy between primary navigation and secondary/legal links
- Thematic blueprint/schematic background reinforces brand identity subtly
- Asymmetric composition with confident whitespace avoids a cluttered footer feel

Weaknesses:
- Decorative schematic graphic is only partially visible and loosely integrated with the content columns
- Content is limited to standard nav/legal/cert elements without added curatorial value
- No motion evidence supplied, so any dynamic behavior cannot be credited
- Lacks distinctive typographic or color treatment beyond the site's existing system

Why it does not reach the next tier: The section demonstrates competent hierarchy and a nice thematic touch, but the schematic illustration is under-integrated, the content is purely functional, and no motion evidence supports a stronger dynamic claim, keeping it at a polished-but-familiar footer rather than a memorable one.

## Adaptation guidance

- Effort: Low
- Guidance: Reuse the flex column structure for nav and legal links with the same size contrast; swap the dark surface color and schematic graphic for an equivalent brand-relevant background texture, keeping the oversized-to-small text hierarchy intact.

What transfers:
- Two-column asymmetric nav/legal link structure
- Dark surface with light text contrast pattern
- Schematic/blueprint decorative background motif as a brand device

Dependencies:
- Instrument Sans typography system
- Specific accent/dark palette tokens (#1A1A1A surface, #FEFBF6 canvas)
- Custom blueprint SVG illustration asset

## 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%)
- No animation data was provided, so motion could not be scored
- Exact radius, shadow, and responsive behavior for the schematic asset are unmeasured
- Only desktop viewport evidence is available

## 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: grid
- Layout: Multi-column text links over a decorative background grid.
- Styles: Not identified
- Components: nav-links, legal-links
- Purpose: A minimal dark footer with primary navigation links, social links, and a schematic grid background.
- Visual signature: Dark panel at the bottom of the page showing 'Home / Services / Careers / About us' and a faint grid line pattern.

### Crop and composition

- Crop: 1440×908px; aspect ratio 1.586:1
- Page bounds: 9653–10561px of 10881px
- Guidance: Keep a clear anchor card and consistent internal card rules so the grid reads as one system.

### 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": "body/supporting copy",
      "family": "Instrument Sans",
      "stack": "\"Instrument Sans\", Arial, sans-serif",
      "size": "18px",
      "weight": "400",
      "lineHeight": "27px",
      "letterSpacing": "-0.2px",
      "sample": "You can use our intake form or send us an email at hello@podiumautomation.com to get a quote. Once t",
      "element": "p",
      "occurrences": 3,
      "sourceId": "font-10"
    },
    {
      "role": "card/subheading",
      "family": "Instrument Sans",
      "stack": "\"Instrument Sans\", Arial, sans-serif",
      "size": "20px",
      "weight": "500",
      "lineHeight": "24px",
      "letterSpacing": "-0.8px",
      "sample": "How does ordering work?",
      "element": "span",
      "occurrences": 8,
      "sourceId": "font-12"
    },
    {
      "role": "section heading",
      "family": "Instrument Sans",
      "stack": "\"Instrument Sans\", Arial, sans-serif",
      "size": "48px",
      "weight": "400",
      "lineHeight": "52.8px",
      "letterSpacing": "-1.9px",
      "sample": "Home",
      "element": "a",
      "occurrences": 7,
      "sourceId": "font-13"
    },
    {
      "role": "section heading",
      "family": "Instrument Sans",
      "stack": "\"Instrument Sans\", Arial, sans-serif",
      "size": "56px",
      "weight": "400",
      "lineHeight": "61.6px",
      "letterSpacing": "-2.2px",
      "sample": "Our most important control panel is yours",
      "element": "span",
      "occurrences": 2,
      "sourceId": "font-18"
    }
  ],
  "siteRoles": [
    {
      "role": "display",
      "size": "68px",
      "family": "Instrument Sans",
      "source": "computed",
      "traits": "Regular",
      "weight": "400",
      "evidence": "font-2: computed CSS at 1440×1000; AI role: Used for the oversized hero statement and the prominent transition headline.",
      "sampleId": "font-2",
      "confidence": 0.99,
      "lineHeight": "74.8px",
      "letterSpacing": "-2.7px"
    },
    {
      "role": "heading",
      "size": "56px",
      "family": "Instrument Sans",
      "source": "computed",
      "traits": "Regular",
      "weight": "400",
      "evidence": "font-18: computed CSS at 1440×1000; AI role: Used for major case-study and FAQ section headings below the hero.",
      "sampleId": "font-18",
      "confidence": 0.98,
      "lineHeight": "61.6px",
      "letterSpacing": "-2.2px"
    },
    {
      "role": "body",
      "size": "20px",
      "family": "Instrument Sans",
      "source": "computed",
      "traits": "Regular",
      "weight": "400",
      "evidence": "font-8: computed CSS at 1440×1000; AI role: Used for extended case-study descriptions at a comfortable reading scale.",
      "sampleId": "font-8",
      "confidence": 0.95,
      "lineHeight": "30px",
      "letterSpacing": "-0.2px"
    }
  ]
}
```

### 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": [
    {
      "value": "#1A1A1A",
      "cssValue": "rgb(26, 26, 26)",
      "alpha": 1,
      "appliedAs": [
        "background"
      ],
      "occurrences": 2,
      "sourceId": "color-5"
    },
    {
      "value": "#7A7772",
      "cssValue": "rgb(122, 119, 114)",
      "alpha": 1,
      "appliedAs": [
        "background",
        "text"
      ],
      "occurrences": 4,
      "sourceId": "color-17"
    },
    {
      "value": "#FFFAF5",
      "cssValue": "color(srgb 0.996078 0.984314 0.964706 / 0.2)",
      "alpha": 0.2,
      "appliedAs": [
        "background",
        "border"
      ],
      "occurrences": 9,
      "sourceId": "color-20"
    }
  ],
  "functionalPalette": [
    {
      "hex": "#FEFBF6",
      "name": "canvas",
      "role": "canvas",
      "source": "computed",
      "evidence": "color-4: computed rgb(254, 251, 246); AI role: Measured as the body background and visible across the main warm off-white page areas.",
      "sampleId": "color-4",
      "confidence": 0.99
    },
    {
      "hex": "#1A1A1A",
      "name": "surface",
      "role": "surface",
      "source": "computed",
      "evidence": "color-5: computed rgb(26, 26, 26); AI role: Measured on the footer and used for prominent near-black content surfaces.",
      "sampleId": "color-5",
      "confidence": 0.98
    },
    {
      "hex": "#000000",
      "name": "text",
      "role": "text",
      "source": "computed",
      "evidence": "color-1: computed rgb(0, 0, 0); AI role: Dominant measured text color for hero and primary copy.",
      "sampleId": "color-1",
      "confidence": 0.99
    },
    {
      "hex": "#929191",
      "name": "muted text",
      "role": "muted-text",
      "source": "computed",
      "evidence": "color-15: computed rgb(146, 145, 145); AI role: Measured on secondary testimonial attribution text.",
      "sampleId": "color-15",
      "confidence": 0.88
    },
    {
      "hex": "#CECBBF",
      "name": "border",
      "role": "border",
      "source": "computed",
      "evidence": "color-19: computed rgb(206, 203, 191); AI role: Measured on the trust strip border and subtle structural dividers.",
      "sampleId": "color-19",
      "confidence": 0.92
    },
    {
      "hex": "#252324",
      "name": "primary action",
      "role": "primary-action",
      "source": "computed",
      "evidence": "color-2: computed rgb(37, 35, 36); AI role: Measured on dark interactive surfaces and paired with prominent quote actions.",
      "sampleId": "color-2",
      "confidence": 0.96
    },
    {
      "hex": "#FFEC88",
      "name": "accent",
      "role": "accent",
      "source": "computed",
      "evidence": "color-3: computed rgb(255, 236, 136); AI role: Measured on the bright yellow accent areas and technical illustration details.",
      "sampleId": "color-3",
      "confidence": 0.99
    }
  ]
}
```

### Design tokens

```json
{
  "radius": "Small or absent across cards and imagery; exact radius is unmeasured.",
  "density": "Airy overall, with sparse hero and section spacing balanced by moderately dense technical cards and footer details.",
  "evidence": "Repeated full-width bands, ruled grids, flush-edged cards, large whitespace fields and compact arrow actions establish the system.",
  "borderStyle": "Fine, low-contrast rules divide rows, cards and bands; schematic graphics use delicate grid lines.",
  "buttonStyle": "Compact filled rectangles with concise labels and right-arrow icons; secondary actions appear as restrained text links.",
  "cornerStyle": "Predominantly square and rectilinear; only select navigation and control edges appear subtly softened.",
  "contentWidth": "Broad desktop container with consistent side gutters, full-width color bands and asymmetric multi-column grids; exact width is unmeasured.",
  "spacingRhythm": "Expansive vertical rhythm with large section pauses, generous inner padding and tighter spacing inside cards and metadata rows."
}
```

### Reconstruction specification

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

- Root: 1440×1262px; block; padding {"top":"0px","right":"0px","bottom":"0px","left":"0px"}; gap normal; background rgba(0, 0, 0, 0); radius 0px.
- Observed gaps: 5.3, 8, 12, 24px.
- Representative content widths: 1015, 785, 746, 670, 480, 428, 346, 345px.
- Layout containers: 8; cards/surfaces: 0; media elements: 12; browser animations: 0.

#### Container, grid, and spacing

```json
{
  "viewport": {
    "width": 1440,
    "captureBounds": {
      "top": 8416,
      "bottom": 10561,
      "pageHeight": 10881
    }
  },
  "container": {
    "size": "1440×1262px",
    "position": "x 0px, y 8712px",
    "display": "block",
    "positionMode": "static",
    "padding": {
      "top": "0px",
      "right": "0px",
      "bottom": "0px",
      "left": "0px"
    },
    "margin": {
      "top": "0px",
      "right": "0px",
      "bottom": "0px",
      "left": "0px"
    },
    "gap": "normal",
    "columns": "not captured",
    "background": "rgba(0, 0, 0, 0)",
    "radius": "0px",
    "border": "0px none rgb(0, 0, 0)",
    "shadow": "none",
    "overflow": "visible"
  },
  "spacing": {
    "observedGapsPx": [
      5.3,
      8,
      12,
      24
    ],
    "representativeContentWidthsPx": [
      1015,
      785,
      746,
      670,
      480,
      428,
      346,
      345
    ]
  },
  "columns": [
    {
      "element": "button · How does ordering work?",
      "size": "785×56px",
      "position": "x 615px, y 9197px",
      "display": "flex",
      "template": "not captured",
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "element": "button · Where is your factory?",
      "size": "785×56px",
      "position": "x 615px, y 9375px",
      "display": "flex",
      "template": "not captured",
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "element": "button · What information do I need to send to get a quote?",
      "size": "785×56px",
      "position": "x 615px, y 9432px",
      "display": "flex",
      "template": "not captured",
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "element": "button · What does a design fee cover?",
      "size": "785×56px",
      "position": "x 615px, y 9489px",
      "display": "flex",
      "template": "not captured",
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "element": "button · Who owns the drawings once complete?",
      "size": "785×56px",
      "position": "x 615px, y 9546px",
      "display": "flex",
      "template": "not captured",
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "element": "button · How does pricing work?",
      "size": "785×56px",
      "position": "x 615px, y 9602px",
      "display": "flex",
      "template": "not captured",
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "element": "button · How are Podium panels tested?",
      "size": "785×56px",
      "position": "x 615px, y 9659px",
      "display": "flex",
      "template": "not captured",
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "element": "button · What are your standard payment terms?",
      "size": "785×56px",
      "position": "x 615px, y 9716px",
      "display": "flex",
      "template": "not captured",
      "direction": "row",
      "gap": "23.9998px"
    }
  ]
}
```

#### Cards and surfaces

```json
{
  "cards": [],
  "surfaces": {
    "radii": [],
    "borders": [],
    "shadows": []
  }
}
```

#### Media treatment

```json
[
  {
    "element": "img · visual-image_file w-variant-baecefa0-e80c-7084-db69-ecaacf55260c",
    "size": "210×329px",
    "position": "x 40px, y 9149px",
    "aspectRatio": 0.6,
    "objectFit": "cover",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "https://cdn.prod.website-files.com/6a284d636bce08345143d24d/6a284d636bce08345143d280_5d6a0dfb3f62e5f6e892faab78616d2b_home-faq-img1.webp"
  },
  {
    "element": "img · visual-image_file w-variant-baecefa0-e80c-7084-db69-ecaacf55260c",
    "size": "210×281px",
    "position": "x 270px, y 9197px",
    "aspectRatio": 0.7,
    "objectFit": "cover",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "https://cdn.prod.website-files.com/6a284d636bce08345143d24d/6a284d636bce08345143d281_354bba3f8a12692eaea5505d148190a0_home-faq-img2.svg"
  },
  {
    "element": "img · footer_credentials",
    "size": "74×40px",
    "position": "x 40px, y 10419px",
    "aspectRatio": 1.9,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "clip",
    "source": "https://cdn.prod.website-files.com/6a284d636bce08345143d24d/6a284d636bce08345143d27e_Certification%20Image.png"
  },
  {
    "element": "svg · svg",
    "size": "68×16px",
    "position": "x 452px, y 10504px",
    "aspectRatio": 4.3,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "24×24px",
    "position": "x 1376px, y 9213px",
    "aspectRatio": 1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "24×24px",
    "position": "x 1376px, y 9391px",
    "aspectRatio": 1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "24×24px",
    "position": "x 1376px, y 9448px",
    "aspectRatio": 1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "24×24px",
    "position": "x 1376px, y 9505px",
    "aspectRatio": 1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "24×24px",
    "position": "x 1376px, y 9562px",
    "aspectRatio": 1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "24×24px",
    "position": "x 1376px, y 9618px",
    "aspectRatio": 1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "24×24px",
    "position": "x 1376px, y 9675px",
    "aspectRatio": 1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "24×24px",
    "position": "x 1376px, y 9732px",
    "aspectRatio": 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
{
  "schema": "little-details-section-measurements-v1",
  "source": "saved DOM/CSS element and animation maps",
  "capturedAt": "2026-09-21T04:29:58.592Z",
  "viewportWidth": 1440,
  "bounds": {
    "top": 8416,
    "bottom": 10561,
    "pageHeight": 10881
  },
  "root": {
    "id": "ld-3816",
    "tag": "section",
    "role": null,
    "label": "FAQsAnswers to (almost) all your control panel questionsAnswers to (almost) all your control panel q",
    "rect": {
      "x": 0,
      "y": 8712,
      "width": 1440,
      "height": 1262
    },
    "display": "block",
    "position": "static",
    "padding": {
      "top": "0px",
      "right": "0px",
      "bottom": "0px",
      "left": "0px"
    },
    "margin": {
      "top": "0px",
      "right": "0px",
      "bottom": "0px",
      "left": "0px"
    },
    "gap": "normal",
    "columns": null,
    "background": "rgba(0, 0, 0, 0)",
    "radius": "0px",
    "border": "0px none rgb(0, 0, 0)",
    "shadow": "none",
    "overflow": "visible"
  },
  "spacing": {
    "gapsPx": [
      5.3,
      8,
      12,
      24
    ],
    "representativeContentWidthsPx": [
      1015,
      785,
      746,
      670,
      480,
      428,
      346,
      345
    ]
  },
  "columns": [
    {
      "id": "ld-3853",
      "tag": "button",
      "role": null,
      "label": "How does ordering work?",
      "rect": {
        "x": 615,
        "y": 9197,
        "width": 785,
        "height": 56
      },
      "display": "flex",
      "columns": null,
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "id": "ld-3868",
      "tag": "button",
      "role": null,
      "label": "Where is your factory?",
      "rect": {
        "x": 615,
        "y": 9375,
        "width": 785,
        "height": 56
      },
      "display": "flex",
      "columns": null,
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "id": "ld-3881",
      "tag": "button",
      "role": null,
      "label": "What information do I need to send to get a quote?",
      "rect": {
        "x": 615,
        "y": 9432,
        "width": 785,
        "height": 56
      },
      "display": "flex",
      "columns": null,
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "id": "ld-3896",
      "tag": "button",
      "role": null,
      "label": "What does a design fee cover?",
      "rect": {
        "x": 615,
        "y": 9489,
        "width": 785,
        "height": 56
      },
      "display": "flex",
      "columns": null,
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "id": "ld-3909",
      "tag": "button",
      "role": null,
      "label": "Who owns the drawings once complete?",
      "rect": {
        "x": 615,
        "y": 9546,
        "width": 785,
        "height": 56
      },
      "display": "flex",
      "columns": null,
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "id": "ld-3922",
      "tag": "button",
      "role": null,
      "label": "How does pricing work?",
      "rect": {
        "x": 615,
        "y": 9602,
        "width": 785,
        "height": 56
      },
      "display": "flex",
      "columns": null,
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "id": "ld-3935",
      "tag": "button",
      "role": null,
      "label": "How are Podium panels tested?",
      "rect": {
        "x": 615,
        "y": 9659,
        "width": 785,
        "height": 56
      },
      "display": "flex",
      "columns": null,
      "direction": "row",
      "gap": "23.9998px"
    },
    {
      "id": "ld-3948",
      "tag": "button",
      "role": null,
      "label": "What are your standard payment terms?",
      "rect": {
        "x": 615,
        "y": 9716,
        "width": 785,
        "height": 56
      },
      "display": "flex",
      "columns": null,
      "direction": "row",
      "gap": "23.9998px"
    }
  ],
  "cards": [],
  "surfaces": {
    "radii": [],
    "borders": [],
    "shadows": []
  },
  "media": [
    {
      "id": "ld-3837",
      "tag": "img",
      "role": null,
      "label": "visual-image_file w-variant-baecefa0-e80c-7084-db69-ecaacf55260c",
      "rect": {
        "x": 40,
        "y": 9149,
        "width": 210,
        "height": 329
      },
      "aspectRatio": 0.6,
      "objectFit": "cover",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": {
        "src": "https://cdn.prod.website-files.com/6a284d636bce08345143d24d/6a284d636bce08345143d280_5d6a0dfb3f62e5f6e892faab78616d2b_home-faq-img1.webp",
        "naturalWidth": 420,
        "naturalHeight": 658,
        "alt": "Two Podium Automation technicians examining wiring inside an open control panel at a workshop bench."
      }
    },
    {
      "id": "ld-3842",
      "tag": "img",
      "role": null,
      "label": "visual-image_file w-variant-baecefa0-e80c-7084-db69-ecaacf55260c",
      "rect": {
        "x": 270,
        "y": 9197,
        "width": 210,
        "height": 281
      },
      "aspectRatio": 0.7,
      "objectFit": "cover",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": {
        "src": "https://cdn.prod.website-files.com/6a284d636bce08345143d24d/6a284d636bce08345143d281_354bba3f8a12692eaea5505d148190a0_home-faq-img2.svg",
        "naturalWidth": 210,
        "naturalHeight": 281,
        "alt": "Stylized illustration of a control panel detail with a circuit breaker and a terminal block mounted on a DIN rail."
      }
    },
    {
      "id": "ld-3997",
      "tag": "img",
      "role": null,
      "label": "footer_credentials",
      "rect": {
        "x": 40,
        "y": 10419,
        "width": 74,
        "height": 40
      },
      "aspectRatio": 1.9,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "clip",
      "media": {
        "src": "https://cdn.prod.website-files.com/6a284d636bce08345143d24d/6a284d636bce08345143d27e_Certification%20Image.png",
        "naturalWidth": 198,
        "naturalHeight": 160,
        "alt": "C UL US Listed"
      }
    },
    {
      "id": "ld-4013",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 452,
        "y": 10504,
        "width": 68,
        "height": 16
      },
      "aspectRatio": 4.3,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    },
    {
      "id": "ld-3856",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 1376,
        "y": 9213,
        "width": 24,
        "height": 24
      },
      "aspectRatio": 1,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    },
    {
      "id": "ld-3871",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 1376,
        "y": 9391,
        "width": 24,
        "height": 24
      },
      "aspectRatio": 1,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    },
    {
      "id": "ld-3884",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 1376,
        "y": 9448,
        "width": 24,
        "height": 24
      },
      "aspectRatio": 1,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    },
    {
      "id": "ld-3899",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 1376,
        "y": 9505,
        "width": 24,
        "height": 24
      },
      "aspectRatio": 1,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    },
    {
      "id": "ld-3912",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 1376,
        "y": 9562,
        "width": 24,
        "height": 24
      },
      "aspectRatio": 1,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    },
    {
      "id": "ld-3925",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 1376,
        "y": 9618,
        "width": 24,
        "height": 24
      },
      "aspectRatio": 1,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    },
    {
      "id": "ld-3938",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 1376,
        "y": 9675,
        "width": 24,
        "height": 24
      },
      "aspectRatio": 1,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    },
    {
      "id": "ld-3951",
      "tag": "svg",
      "role": null,
      "label": "svg",
      "rect": {
        "x": 1376,
        "y": 9732,
        "width": 24,
        "height": 24
      },
      "aspectRatio": 1,
      "objectFit": "fill",
      "objectPosition": "50% 50%",
      "radius": "0px",
      "overflow": "hidden",
      "media": null
    }
  ],
  "animations": [],
  "coverage": {
    "elementsInSection": 77,
    "cards": 0,
    "media": 12,
    "animations": 0
  },
  "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."
  ]
}
```

### Observed motion

No timestamped authored motion is attached. Use only restrained baseline transitions.

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: low
- What transfers: Two-column asymmetric nav/legal link structure; Dark surface with light text contrast pattern; Schematic/blueprint decorative background motif as a brand device
- Dependencies: Instrument Sans typography system; Specific accent/dark palette tokens (#1A1A1A surface, #FEFBF6 canvas); Custom blueprint SVG illustration asset
- Guidance: Reuse the flex column structure for nav and legal links with the same size contrast; swap the dark surface color and schematic graphic for an equivalent brand-relevant background texture, keeping the oversized-to-small text hierarchy intact.

### Evidence readiness

- Coverage: 7/7
- Can build: Yes
- Missing facts: timestamped authored motion
- Warning: Buildable with adaptations for these unsupported facts: timestamped authored motion.

### Agent implementation prompt

Create an original footer section inspired by the design evidence titled “Global Footer”.

Purpose: A minimal dark footer with primary navigation links, social links, and a schematic grid background.

Structure: grid. Source layout label: Multi-column text links over a decorative background grid.. Keep a clear anchor card and consistent internal card rules so the grid reads as one system.

Visual signature to preserve at the pattern level: Dark panel at the bottom of the page showing 'Home / Services / Careers / About us' and a faint grid line pattern.

Components: nav-links, legal-links.

Style direction: No style labels supplied.

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

Typography evidence: {"role":"display","size":"68px","family":"Instrument Sans","source":"computed","traits":"Regular","weight":"400","evidence":"font-2: computed CSS at 1440×1000; AI role: Used for the oversized hero statement and the prominent transition headline.","sampleId":"font-2","confidence":0.99,"lineHeight":"74.8px","letterSpacing":"-2.7px"} {"role":"heading","size":"56px","family":"Instrument Sans","source":"computed","traits":"Regular","weight":"400","evidence":"font-18: computed CSS at 1440×1000; AI role: Used for major case-study and FAQ section headings below the hero.","sampleId":"font-18","confidence":0.98,"lineHeight":"61.6px","letterSpacing":"-2.2px"} {"role":"body","size":"20px","family":"Instrument Sans","source":"computed","traits":"Regular","weight":"400","evidence":"font-8: computed CSS at 1440×1000; AI role: Used for extended case-study descriptions at a comfortable reading scale.","sampleId":"font-8","confidence":0.95,"lineHeight":"30px","letterSpacing":"-0.2px"}

Color evidence: {"hex":"#FEFBF6","name":"canvas","role":"canvas","source":"computed","evidence":"color-4: computed rgb(254, 251, 246); AI role: Measured as the body background and visible across the main warm off-white page areas.","sampleId":"color-4","confidence":0.99} {"hex":"#1A1A1A","name":"surface","role":"surface","source":"computed","evidence":"color-5: computed rgb(26, 26, 26); AI role: Measured on the footer and used for prominent near-black content surfaces.","sampleId":"color-5","confidence":0.98} {"hex":"#000000","name":"text","role":"text","source":"computed","evidence":"color-1: computed rgb(0, 0, 0); AI role: Dominant measured text color for hero and primary copy.","sampleId":"color-1","confidence":0.99} {"hex":"#929191","name":"muted text","role":"muted-text","source":"computed","evidence":"color-15: computed rgb(146, 145, 145); AI role: Measured on secondary testimonial attribution text.","sampleId":"color-15","confidence":0.88} {"hex":"#CECBBF","name":"border","role":"border","source":"computed","evidence":"color-19: computed rgb(206, 203, 191); AI role: Measured on the trust strip border and subtle structural dividers.","sampleId":"color-19","confidence":0.92} {"hex":"#252324","name":"primary action","role":"primary-action","source":"computed","evidence":"color-2: computed rgb(37, 35, 36); AI role: Measured on dark interactive surfaces and paired with prominent quote actions.","sampleId":"color-2","confidence":0.96} {"hex":"#FFEC88","name":"accent","role":"accent","source":"computed","evidence":"color-3: computed rgb(255, 236, 136); AI role: Measured on the bright yellow accent areas and technical illustration details.","sampleId":"color-3","confidence":0.99}

Typography measured inside this section: {"id":"font-10","family":"Instrument Sans","fontStack":"\"Instrument Sans\", Arial, sans-serif","weight":"400","size":"18px","lineHeight":"27px","letterSpacing":"-0.2px","traits":"Regular","count":3,"contexts":[{"tag":"p","text":"You can use our intake form or send us an email at hello@podiumautomation.com to get a quote. Once t","top":9180,"property":"font"},{"tag":"a","text":"intake form","top":9183,"property":"font"},{"tag":"a","text":"hello@podiumautomation.com","top":9183,"property":"font"}]} {"id":"font-12","family":"Instrument Sans","fontStack":"\"Instrument Sans\", Arial, sans-serif","weight":"500","size":"20px","lineHeight":"24px","letterSpacing":"-0.8px","traits":"Regular","count":8,"contexts":[{"tag":"span","text":"How does ordering work?","top":9132,"property":"font"},{"tag":"span","text":"Where is your factory?","top":9310,"property":"font"},{"tag":"span","text":"What information do I need to send to get a quote?","top":9367,"property":"font"}]} {"id":"font-13","family":"Instrument Sans","fontStack":"\"Instrument Sans\", Arial, sans-serif","weight":"400","size":"48px","lineHeight":"52.8px","letterSpacing":"-1.9px","traits":"Regular","count":7,"contexts":[{"tag":"a","text":"Home","top":9781,"property":"font"},{"tag":"span","text":"/","top":9781,"property":"font"},{"tag":"a","text":"Services","top":9781,"property":"font"}]} {"id":"font-18","family":"Instrument Sans","fontStack":"\"Instrument Sans\", Arial, sans-serif","weight":"400","size":"56px","lineHeight":"61.6px","letterSpacing":"-2.2px","traits":"Regular","count":2,"contexts":[{"tag":"span","text":"Our most important control panel is yours","top":7556,"property":"font"},{"tag":"span","text":"Answers to (almost) all your control panel questions","top":8814,"property":"font"}]}

Colors measured inside this section: {"id":"color-5","hex":"#1A1A1A","alpha":1,"cssValue":"rgb(26, 26, 26)","count":2,"contexts":[{"tag":"div","text":"","top":82,"property":"background"},{"tag":"footer","text":"Home/Services/Careers/About usContact usLinkedInTerms and ConditionsPrivacy PolicyUL 508ANITW Indust","top":9653,"property":"background"}]} {"id":"color-17","hex":"#7A7772","alpha":1,"cssValue":"rgb(122, 119, 114)","count":4,"contexts":[{"tag":"div","text":"","top":2480,"property":"background"},{"tag":"p","text":"NITW Industrial","top":10439,"property":"text"}]} {"id":"color-20","hex":"#FFFAF5","alpha":0.2,"cssValue":"color(srgb 0.996078 0.984314 0.964706 / 0.2)","count":9,"contexts":[{"tag":"div","text":"","top":576,"property":"background"},{"tag":"div","text":"Button TextStart your quote","top":2513,"property":"border"},{"tag":"img","text":"","top":10419,"property":"border"}]}

Exact section measurements from the saved element map: root {"rect":{"x":0,"y":8712,"width":1440,"height":1262},"padding":{"top":"0px","right":"0px","bottom":"0px","left":"0px"},"gap":"normal","columns":null,"overflow":"visible"}; spacing {"gapsPx":[5.3,8,12,24],"representativeContentWidthsPx":[1015,785,746,670,480,428,346,345]}; surfaces {"radii":[],"borders":[],"shadows":[]}; media [{"tag":"img","rect":{"x":40,"y":9149,"width":210,"height":329},"aspectRatio":0.6,"objectFit":"cover","objectPosition":"50% 50%","radius":"0px"},{"tag":"img","rect":{"x":270,"y":9197,"width":210,"height":281},"aspectRatio":0.7,"objectFit":"cover","objectPosition":"50% 50%","radius":"0px"},{"tag":"img","rect":{"x":40,"y":10419,"width":74,"height":40},"aspectRatio":1.9,"objectFit":"fill","objectPosition":"50% 50%","radius":"0px"},{"tag":"svg","rect":{"x":452,"y":10504,"width":68,"height":16},"aspectRatio":4.3,"objectFit":"fill","objectPosition":"50% 50%","radius":"0px"}]

Do not invent signature motion. Use only restrained baseline transitions if the product needs them.

Transfer these principles: Two-column asymmetric nav/legal link structure; Dark surface with light text contrast pattern; Schematic/blueprint decorative background motif as a brand device.

Dependencies: Instrument Sans typography system; Specific accent/dark palette tokens (#1A1A1A surface, #FEFBF6 canvas); Custom blueprint SVG illustration asset.

Adaptation guidance: Reuse the flex column structure for nav and legal links with the same size contrast; swap the dark surface color and schematic graphic for an equivalent brand-relevant background texture, keeping the oversized-to-small text hierarchy intact.

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