# Dark multi-column footer

Schema: Design Details SECTION.md v3.2
Website: DualEntry
Source: https://www.dualentry.com/
Source section IDs: 1044dc3e-6958-418e-84b9-ecb6e474c7a9
Status: AI analysed; vocabulary promotion is automated

## Builder's note

What makes it work:
- A five-column link grid sits beside a left-aligned logo, so a large sitemap scans quickly without feeling cluttered.
- Bold 14px column headers over light 14px links create clear hierarchy with only weight changing, not size or colour.
- A divider separates the newsletter, legal text and social icons into their own bottom row, keeping the main sitemap clean.

What a screenshot can't show:
- The recording showed no motion or animation, so hover and focus states are unknown.
- Measured type is small: links are 14px/21px at weight 300, headers are 14px at weight 700, and fine print is 12px, all with normal letter spacing. Gaps between items are 8px.

Borrow: Build hierarchy in dense link lists from weight contrast alone, then give the conversion action its own separated row.
Leave alone: Don't copy the Twklausanne typeface, the dark gray surface or the exact column labels; a neutral grotesque like Inter or Work Sans works as a free alternative.

## Classification

- Type: footer
- Layout: Five-column link grid on the right, logo on the left, with a distinct bottom row for newsletter signup, legal text, and social icons.
- Styles: minimal, corporate
- Confidence: 100%

## Purpose and structure

A comprehensive dark footer with multiple columns of navigation links, a prominent newsletter signup form on the bottom left, and social icons on the bottom right.

Visual signature: Tall dark gray section filled with lists of tiny white text links and an email subscribe box.

## Components

- logo
- link-columns
- newsletter-signup
- social-icons
- legal-text

## Typography

- Display: Twklausanne — 56px 400
- Heading: Twklausanne — 48px 400
- Body: Twklausanne — 16px 300

## Functional palette

- Text: text #1D1F20
- Canvas: canvas #FFFFFF
- Border: border #E4EBEC
- Surface: surface #1C1D1E

## Motion evidence

- No section-specific authored motion was established.

## Section quality

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

- Typography: 52 — Clean, consistent small-caps-like hierarchy between bold column headers and lighter-weight links, using the site's established type family; purely functional with no distinctive typographic treatment. Next tier: No type-driven hierarchy innovation beyond standard weight/opacity contrast; everything reads as default footer pattern.
- Composition: 55 — Well-organized five-column grid with clear left-aligned logo, consistent gutters, and a distinct bottom row separated by a divider for newsletter and social icons; orderly but entirely conventional footer composition. Next tier: Grid and spacing are competent but offer no unexpected structural choice, asymmetry, or focal emphasis to elevate beyond a standard utility layout.
- Motion: not_assessed — No motion moments or animation data were supplied for this section. Next tier: Provide timestamped visible motion evidence to assess.
- Content: 50 — Dense, legitimate sitemap-style content (products, platform, resources, company, versus, legal) integrated with a newsletter CTA and social icons; informative but purely list-based with no editorial or visual integration beyond text. Next tier: Content is exhaustive but undifferentiated—no supporting imagery, micro-copy personality, or layered information design to justify higher content integration score.
- Originality: 40 — This is a textbook dark corporate footer pattern seen across countless SaaS sites: logo left, link columns, newsletter strip, social icons bottom-right. Next tier: Needs a distinguishing structural or visual idea unique to the brand rather than the standard enterprise footer template.
- Adaptability: 60 — Structure (grid columns, newsletter form, icon row) is clearly separable from skin (dark palette, specific font); deterministic tokens for radius, spacing, and colors are well defined and portable. Next tier: Lack of distinctive visual signature means adaptation is trivial but not rewarded further since structure itself is generic.

Strengths:
- Clear, well-organized five-column information architecture with consistent header/link styling
- Dedicated newsletter capture integrated without disrupting the link grid
- Distinct bottom bar separating legal text and social icons for visual closure

Weaknesses:
- Highly generic dark footer pattern with no unique visual or structural signature
- No motion evidence provided to assess interactivity or hover states
- Typography relies entirely on weight/opacity contrast with no scale variation
- Dense list content lacks any supporting visual element to aid scanning

Why it does not reach the next tier: The section executes a competent, tidy multi-column footer but every decision—grid, type contrast, newsletter placement—matches the default enterprise SaaS footer template with no original structural or visual idea that would make it memorable or hard to substitute.

## Adaptation guidance

- Effort: Low
- Guidance: Swap palette and logo, keep column grid and bottom bar structure; adjust column count/labels to match target site's sitemap.

What transfers:
- Five-column link grid structure
- Logo + newsletter + social icon bottom bar pattern
- Divider-separated legal bottom row

Dependencies:
- Dark surface color token
- Specific column content taxonomy (Products/Platform/Resources/Company/Versus/Legal)
- Brand logo 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 motion/animation data supplied, so interactivity cannot be judged
- Deterministic facts limited to a single desktop viewport capture
- No hover or focus state evidence for links or form fields

## 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: Five-column link grid on the right, logo on the left, with a distinct bottom row for newsletter signup, legal text, and social icons.
- Styles: minimal, corporate
- Components: logo, link-columns, newsletter-signup, social-icons, legal-text
- Purpose: A comprehensive dark footer with multiple columns of navigation links, a prominent newsletter signup form on the bottom left, and social icons on the bottom right.
- Visual signature: Tall dark gray section filled with lists of tiny white text links and an email subscribe box.
- Place on the page: 9 of 9, after Call to action (`dualentry-com:C08`)

### Crop and composition

- Crop: 1440×941px; aspect ratio 1.53:1
- Page bounds: 5822–6763px of 6763px
- 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": "Twklausanne",
      "stack": "Twklausanne, sans-serif",
      "size": "12px",
      "weight": "300",
      "lineHeight": "18px",
      "letterSpacing": "normal",
      "sample": "$6 Million set aside to help you break free",
      "element": "div",
      "occurrences": 4,
      "sourceId": "font-9"
    },
    {
      "role": "UI/supporting text",
      "family": "Twklausanne",
      "stack": "Twklausanne, sans-serif",
      "size": "14px",
      "weight": "300",
      "lineHeight": "21px",
      "letterSpacing": "normal",
      "sample": "See customer stories",
      "element": "div",
      "occurrences": 54,
      "sourceId": "font-15"
    },
    {
      "role": "UI/supporting text",
      "family": "Twklausanne",
      "stack": "Twklausanne, sans-serif",
      "size": "14px",
      "weight": "700",
      "lineHeight": "21px",
      "letterSpacing": "normal",
      "sample": "Products",
      "element": "strong",
      "occurrences": 6,
      "sourceId": "font-16"
    },
    {
      "role": "UI/supporting text",
      "family": "Twklausanne",
      "stack": "Twklausanne, sans-serif",
      "size": "12px",
      "weight": "300",
      "lineHeight": "12px",
      "letterSpacing": "normal",
      "sample": "We're hiring",
      "element": "div",
      "occurrences": 1,
      "sourceId": "font-20"
    },
    {
      "role": "action label",
      "family": "Twklausanne",
      "stack": "Twklausanne, sans-serif",
      "size": "16px",
      "weight": "400",
      "lineHeight": "16px",
      "letterSpacing": "normal",
      "sample": "Subscribe",
      "element": "button",
      "occurrences": 1,
      "sourceId": "font-21"
    }
  ],
  "siteRoles": [
    {
      "role": "display",
      "size": "56px",
      "family": "Twklausanne",
      "source": "computed",
      "traits": "Regular",
      "weight": "400",
      "evidence": "font-4: computed CSS at 1440×1000; AI role: Large 56px Twklausanne used for the main hero headline 'The AI ERP to end month-end'.",
      "sampleId": "font-4",
      "confidence": 0.95,
      "lineHeight": "61.6px",
      "letterSpacing": "normal"
    },
    {
      "role": "heading",
      "size": "48px",
      "family": "Twklausanne",
      "source": "computed",
      "traits": "Regular",
      "weight": "400",
      "evidence": "font-2: computed CSS at 1440×1000; AI role: 48px Twklausanne used for primary section headings like 'The accounting suite that runs while you lead.'",
      "sampleId": "font-2",
      "confidence": 0.9,
      "lineHeight": "52.8px",
      "letterSpacing": "normal"
    },
    {
      "role": "body",
      "size": "16px",
      "family": "Twklausanne",
      "source": "computed",
      "traits": "Regular",
      "weight": "300",
      "evidence": "font-7: computed CSS at 1440×1000; AI role: 16px Twklausanne used widely for body copy, subheadings, and buttons.",
      "sampleId": "font-7",
      "confidence": 0.85,
      "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": [
    {
      "value": "#FFFFFF",
      "cssValue": "rgba(255, 255, 255, 0.64)",
      "alpha": 0.6392156862745098,
      "appliedAs": [
        "text"
      ],
      "occurrences": 53,
      "sourceId": "color-7"
    },
    {
      "value": "#FFFFFF",
      "cssValue": "rgba(255, 255, 255, 0.5)",
      "alpha": 0.5019607843137255,
      "appliedAs": [
        "background",
        "text"
      ],
      "occurrences": 18,
      "sourceId": "color-11"
    },
    {
      "value": "#FFFFFF",
      "cssValue": "rgba(255, 255, 255, 0.1)",
      "alpha": 0.10196078431372549,
      "appliedAs": [
        "control-background",
        "background",
        "border"
      ],
      "occurrences": 7,
      "sourceId": "color-15"
    },
    {
      "value": "#FFFFFF",
      "cssValue": "rgba(255, 255, 255, 0.05)",
      "alpha": 0.050980392156862744,
      "appliedAs": [
        "background"
      ],
      "occurrences": 1,
      "sourceId": "color-19"
    },
    {
      "value": "#0F373E",
      "cssValue": "rgb(15, 55, 62)",
      "alpha": 1,
      "appliedAs": [
        "background"
      ],
      "occurrences": 1,
      "sourceId": "color-20"
    },
    {
      "value": "#FFFFFF",
      "cssValue": "rgba(255, 255, 255, 0.8)",
      "alpha": 0.8,
      "appliedAs": [
        "text"
      ],
      "occurrences": 1,
      "sourceId": "color-23"
    }
  ],
  "functionalPalette": [
    {
      "hex": "#1D1F20",
      "name": "text",
      "role": "text",
      "source": "computed",
      "evidence": "color-2: computed rgb(29, 31, 32); AI role: Dark grey (#1D1F20) used heavily for headings and primary text on light backgrounds.",
      "sampleId": "color-2",
      "confidence": 0.95
    },
    {
      "hex": "#FFFFFF",
      "name": "canvas",
      "role": "canvas",
      "source": "computed",
      "evidence": "color-3: computed rgb(255, 255, 255); AI role: White background dominates the feature and migration sections.",
      "sampleId": "color-3",
      "confidence": 0.9
    },
    {
      "hex": "#E4EBEC",
      "name": "border",
      "role": "border",
      "source": "computed",
      "evidence": "color-9: computed rgb(228, 235, 236); AI role: Light grey/blue (#E4EBEC) is used extensively for borders on feature cards and input fields.",
      "sampleId": "color-9",
      "confidence": 0.9
    },
    {
      "hex": "#1C1D1E",
      "name": "surface",
      "role": "surface",
      "source": "computed",
      "evidence": "color-18: computed rgb(28, 29, 30); AI role: Dark surface (#1C1D1E) used for the testimonial carousel and footer areas.",
      "sampleId": "color-18",
      "confidence": 0.85
    }
  ]
}
```

### Design tokens

```json
{
  "radius": "Medium border radius appears common on cards and buttons.",
  "density": "Moderate density; ample whitespace around main elements, but dense information packing within feature cards and footer links.",
  "evidence": "Observed via the bento-box feature grid, consistent button styling, and organized footer layout.",
  "borderStyle": "Subtle, thin solid borders (e.g., 1px) used to define cards and form elements.",
  "buttonStyle": "Solid white primary buttons on dark backgrounds, dark solid buttons on light backgrounds, with rounded corners.",
  "cornerStyle": "Consistent use of rounded corners on buttons, inputs, and feature cards.",
  "contentWidth": "Content is generally constrained to a central max-width, though background gradients and banners span full width.",
  "spacingRhythm": "Generous spacing between major sections, with tighter padding inside feature cards and UI components."
}
```

### Reconstruction specification

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

- Root: 1440×941px; block; padding {"top":"0px","left":"0px","right":"0px","bottom":"0px"}; gap normal; background rgb(29, 31, 32); radius 0px.
- Observed gaps: 8px.
- Representative content widths: 506, 460, 288, 285px.
- Layout containers: 1; cards/surfaces: 0; media elements: 5; browser animations: 0.

#### Container, grid, and spacing

```json
{
  "viewport": {
    "width": 1440,
    "captureBounds": {
      "top": 5822,
      "bottom": 6763,
      "pageHeight": 6763
    }
  },
  "container": {
    "size": "1440×941px",
    "position": "x 0px, y 5822px",
    "display": "block",
    "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": "rgb(29, 31, 32)",
    "radius": "0px",
    "border": "0px none rgba(61, 67, 68, 0.8)",
    "shadow": "none",
    "overflow": "visible"
  },
  "spacing": {
    "observedGapsPx": [
      8
    ],
    "representativeContentWidthsPx": [
      506,
      460,
      288,
      285
    ]
  },
  "columns": [
    {
      "element": "form · Please enter a valid business email address.conversion_pageSubscribe",
      "size": "460×56px",
      "position": "x 754px, y 6527px",
      "display": "grid",
      "template": "287.625px 164.359px",
      "direction": "row",
      "gap": "0px 8px"
    }
  ]
}
```

#### Cards and surfaces

```json
{
  "cards": [],
  "surfaces": {
    "radii": [
      "2px"
    ],
    "borders": [],
    "shadows": [
      "rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset"
    ]
  }
}
```

#### Media treatment

```json
[
  {
    "element": "svg · svg",
    "size": "114×20px",
    "position": "x 101px, y 5902px",
    "aspectRatio": 5.7,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "19×19px",
    "position": "x 1320px, y 6695px",
    "aspectRatio": 1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "17×17px",
    "position": "x 1240px, y 6696px",
    "aspectRatio": 1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "svg · svg",
    "size": "15×14px",
    "position": "x 1281px, y 6698px",
    "aspectRatio": 1.1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "source not captured"
  },
  {
    "element": "img · de-logo-alt",
    "size": "1×1px",
    "position": "x 100px, y 5901px",
    "aspectRatio": 1,
    "objectFit": "fill",
    "objectPosition": "50% 50%",
    "radius": "0px",
    "overflow": "hidden",
    "source": "data:image/svg+xml,%3Csvg width='114' height='20' viewBox='0 0 114 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDualEntry%3C/title%3E%3Cg clip-path='url%28%23clip0_ft_img%29'%3E%3Cpath d='M23.7056 2.74121H29.1955C33.828 2.74121 36.0552 5.32473 36.0552 9.37818C36.0552 13.4316 33.5608 16.2379 29.2401 16.2379H23.7056V2.74121ZM26.2779 4.90157V14.0886H29.0062C32.1799 14.0886 33.5274 12.3069 33.5274 9.38932C33.5274 6.47172 32.0909 4.9127 28.8726 4.9127H26.2891L26.2779 4.90157Z' fill='white'/%3E%3Cpath d='M44.6186 13.3424H44.5964C44.1175 15.6141 42.7701 16.5384 40.9995 16.5384C38.4605 16.5384 37.4917 14.8458 37.4917 12.5741V5.65869H39.9193V11.917C39.9193 13.1977 40.4872 14.3224 42.1242 14.3224C43.6721 14.3224 44.6186 13.4204 44.6186 11.917V5.65869H47.0463V16.2378H44.6186V13.3313V13.3424Z' fill='white'/%3E%3Cpath d='M55.6876 13.5877H55.643C55.1531 15.4808 53.8613 16.4719 52.0462 16.4719C50.0863 16.4719 48.7166 15.4808 48.7166 13.454C48.7166 11.4273 49.8858 10.1244 52.5361 10.1244H55.6876V9.70126C55.6876 8.26473 55.0974 7.47409 53.6386 7.47409C52.3357 7.47409 51.5896 8.06429 51.3446 9.5899L49.0284 9.27809C49.3402 6.91729 50.7433 5.4585 53.7277 5.4585C56.7121 5.4585 58.0929 6.98411 58.0929 9.69012V16.2603H55.6876V13.6099V13.5877ZM55.6876 12.2625V11.9284H52.8925C51.7232 11.9284 51.0885 12.3516 51.0885 13.0754C51.0885 13.7992 51.5673 14.4897 52.937 14.4897C54.6074 14.4897 55.6876 13.5431 55.6876 12.2625Z' fill='white'/%3E%3Cpath d='M62.514 16.249H60.0864V2.45166H62.514V16.249Z' fill='white'/%3E%3Cpath d='M64.5852 2.74121H74.2845V5.16883H67.1464V8.20892H73.6498V10.592H67.1464V13.8103H74.3068V16.2379H64.5852V2.74121Z' fill='white'/%3E%3Cpath d='M78.6053 16.2492H76.1777V5.67009H78.6053V8.57655H78.6276C79.1065 6.32711 80.4539 5.40283 82.2245 5.40283C84.7635 5.40283 85.7323 7.07321 85.7323 9.3672V16.2492H83.3047V9.99081C83.3047 8.71018 82.7367 7.58546 81.0998 7.58546C79.5519 7.58546 78.6053 8.48746 78.6053 9.99081V16.2492Z' fill='white'/%3E%3Cpath d='M88.3936 7.71891H86.957V5.66991H88.3936V2.85254H90.7989V5.66991H93.9281V7.71891H90.7989V12.6298C90.7989 13.6655 91.1998 14.1777 92.2577 14.1777C92.8033 14.1777 93.2933 14.0441 93.761 13.9327L94.0506 16.1599C93.2822 16.4049 92.7254 16.5385 91.6898 16.5385C89.3735 16.5385 88.3824 15.0129 88.3824 13.0307V7.71891H88.3936Z' fill='white'/%3E%3Cpath d='M95.4092 16.249V5.66992H97.8368V9.13318H97.8813C98.3602 6.38262 99.2956 5.66992 100.899 5.66992H101.5V8.39821H100.465C98.5717 8.39821 97.8368 9.05522 97.8368 10.8926V16.249H95.4092Z' fill='white'/%3E%3Cpath d='M101.779 20.0461L102.113 17.7744C102.592 17.8635 103.015 17.9303 103.46 17.9303C104.674 17.9303 105.287 17.663 105.955 16.0595L101.679 5.6586H104.329L105.699 9.47819C106.122 10.692 106.712 12.2956 107.202 13.7321H107.269C107.759 12.251 108.305 10.7365 108.683 9.52274L109.919 5.64746H112.536L108.193 16.3379C107.113 18.9882 105.81 20.1575 103.382 20.1575C102.703 20.1575 102.258 20.0907 101.757 20.0238L101.779 20.0461Z' fill='white'/%3E%3Cpath d='M13.1265 7.89683L16.9795 4.04383L14.7189 1.77211L10.8659 5.62512V0.179688H7.65878V7.89683H-0.0583496V11.104H5.38707L1.53407 14.9458L3.80578 17.2175L7.65878 13.3645V18.81H10.8659V11.104H7.65878V7.89683H10.8659V11.104H18.5719V7.89683H13.1265Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_ft_img'%3E%3Crect width='113.333' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"
  }
]
```

#### 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-3286",
    "gap": "normal",
    "tag": "footer",
    "rect": {
      "x": 0,
      "y": 5822,
      "width": 1440,
      "height": 941
    },
    "role": null,
    "label": ".de-logo-alt{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(",
    "border": "0px none rgba(61, 67, 68, 0.8)",
    "margin": {
      "top": "0px",
      "left": "0px",
      "right": "0px",
      "bottom": "0px"
    },
    "radius": "0px",
    "shadow": "none",
    "columns": null,
    "display": "block",
    "padding": {
      "top": "0px",
      "left": "0px",
      "right": "0px",
      "bottom": "0px"
    },
    "overflow": "visible",
    "position": "static",
    "background": "rgb(29, 31, 32)"
  },
  "cards": [],
  "media": [
    {
      "id": "ld-3295",
      "tag": "svg",
      "rect": {
        "x": 101,
        "y": 5902,
        "width": 114,
        "height": 20
      },
      "role": null,
      "label": "svg",
      "media": null,
      "radius": "0px",
      "overflow": "hidden",
      "objectFit": "fill",
      "aspectRatio": 5.7,
      "objectPosition": "50% 50%"
    },
    {
      "id": "ld-3481",
      "tag": "svg",
      "rect": {
        "x": 1320,
        "y": 6695,
        "width": 19,
        "height": 19
      },
      "role": null,
      "label": "svg",
      "media": null,
      "radius": "0px",
      "overflow": "hidden",
      "objectFit": "fill",
      "aspectRatio": 1,
      "objectPosition": "50% 50%"
    },
    {
      "id": "ld-3473",
      "tag": "svg",
      "rect": {
        "x": 1240,
        "y": 6696,
        "width": 17,
        "height": 17
      },
      "role": null,
      "label": "svg",
      "media": null,
      "radius": "0px",
      "overflow": "hidden",
      "objectFit": "fill",
      "aspectRatio": 1,
      "objectPosition": "50% 50%"
    },
    {
      "id": "ld-3477",
      "tag": "svg",
      "rect": {
        "x": 1281,
        "y": 6698,
        "width": 15,
        "height": 14
      },
      "role": null,
      "label": "svg",
      "media": null,
      "radius": "0px",
      "overflow": "hidden",
      "objectFit": "fill",
      "aspectRatio": 1.1,
      "objectPosition": "50% 50%"
    },
    {
      "id": "ld-3310",
      "tag": "img",
      "rect": {
        "x": 100,
        "y": 5901,
        "width": 1,
        "height": 1
      },
      "role": null,
      "label": "de-logo-alt",
      "media": {
        "alt": "DualEntry",
        "src": "data:image/svg+xml,%3Csvg width='114' height='20' viewBox='0 0 114 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ctitle%3EDualEntry%3C/title%3E%3Cg clip-path='url%28%23clip0_ft_img%29'%3E%3Cpath d='M23.7056 2.74121H29.1955C33.828 2.74121 36.0552 5.32473 36.0552 9.37818C36.0552 13.4316 33.5608 16.2379 29.2401 16.2379H23.7056V2.74121ZM26.2779 4.90157V14.0886H29.0062C32.1799 14.0886 33.5274 12.3069 33.5274 9.38932C33.5274 6.47172 32.0909 4.9127 28.8726 4.9127H26.2891L26.2779 4.90157Z' fill='white'/%3E%3Cpath d='M44.6186 13.3424H44.5964C44.1175 15.6141 42.7701 16.5384 40.9995 16.5384C38.4605 16.5384 37.4917 14.8458 37.4917 12.5741V5.65869H39.9193V11.917C39.9193 13.1977 40.4872 14.3224 42.1242 14.3224C43.6721 14.3224 44.6186 13.4204 44.6186 11.917V5.65869H47.0463V16.2378H44.6186V13.3313V13.3424Z' fill='white'/%3E%3Cpath d='M55.6876 13.5877H55.643C55.1531 15.4808 53.8613 16.4719 52.0462 16.4719C50.0863 16.4719 48.7166 15.4808 48.7166 13.454C48.7166 11.4273 49.8858 10.1244 52.5361 10.1244H55.6876V9.70126C55.6876 8.26473 55.0974 7.47409 53.6386 7.47409C52.3357 7.47409 51.5896 8.06429 51.3446 9.5899L49.0284 9.27809C49.3402 6.91729 50.7433 5.4585 53.7277 5.4585C56.7121 5.4585 58.0929 6.98411 58.0929 9.69012V16.2603H55.6876V13.6099V13.5877ZM55.6876 12.2625V11.9284H52.8925C51.7232 11.9284 51.0885 12.3516 51.0885 13.0754C51.0885 13.7992 51.5673 14.4897 52.937 14.4897C54.6074 14.4897 55.6876 13.5431 55.6876 12.2625Z' fill='white'/%3E%3Cpath d='M62.514 16.249H60.0864V2.45166H62.514V16.249Z' fill='white'/%3E%3Cpath d='M64.5852 2.74121H74.2845V5.16883H67.1464V8.20892H73.6498V10.592H67.1464V13.8103H74.3068V16.2379H64.5852V2.74121Z' fill='white'/%3E%3Cpath d='M78.6053 16.2492H76.1777V5.67009H78.6053V8.57655H78.6276C79.1065 6.32711 80.4539 5.40283 82.2245 5.40283C84.7635 5.40283 85.7323 7.07321 85.7323 9.3672V16.2492H83.3047V9.99081C83.3047 8.71018 82.7367 7.58546 81.0998 7.58546C79.5519 7.58546 78.6053 8.48746 78.6053 9.99081V16.2492Z' fill='white'/%3E%3Cpath d='M88.3936 7.71891H86.957V5.66991H88.3936V2.85254H90.7989V5.66991H93.9281V7.71891H90.7989V12.6298C90.7989 13.6655 91.1998 14.1777 92.2577 14.1777C92.8033 14.1777 93.2933 14.0441 93.761 13.9327L94.0506 16.1599C93.2822 16.4049 92.7254 16.5385 91.6898 16.5385C89.3735 16.5385 88.3824 15.0129 88.3824 13.0307V7.71891H88.3936Z' fill='white'/%3E%3Cpath d='M95.4092 16.249V5.66992H97.8368V9.13318H97.8813C98.3602 6.38262 99.2956 5.66992 100.899 5.66992H101.5V8.39821H100.465C98.5717 8.39821 97.8368 9.05522 97.8368 10.8926V16.249H95.4092Z' fill='white'/%3E%3Cpath d='M101.779 20.0461L102.113 17.7744C102.592 17.8635 103.015 17.9303 103.46 17.9303C104.674 17.9303 105.287 17.663 105.955 16.0595L101.679 5.6586H104.329L105.699 9.47819C106.122 10.692 106.712 12.2956 107.202 13.7321H107.269C107.759 12.251 108.305 10.7365 108.683 9.52274L109.919 5.64746H112.536L108.193 16.3379C107.113 18.9882 105.81 20.1575 103.382 20.1575C102.703 20.1575 102.258 20.0907 101.757 20.0238L101.779 20.0461Z' fill='white'/%3E%3Cpath d='M13.1265 7.89683L16.9795 4.04383L14.7189 1.77211L10.8659 5.62512V0.179688H7.65878V7.89683H-0.0583496V11.104H5.38707L1.53407 14.9458L3.80578 17.2175L7.65878 13.3645V18.81H10.8659V11.104H7.65878V7.89683H10.8659V11.104H18.5719V7.89683H13.1265Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_ft_img'%3E%3Crect width='113.333' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E",
        "naturalWidth": 114,
        "naturalHeight": 20
      },
      "radius": "0px",
      "overflow": "hidden",
      "objectFit": "fill",
      "aspectRatio": 1,
      "objectPosition": "50% 50%"
    }
  ],
  "bounds": {
    "top": 5822,
    "bottom": 6763,
    "pageHeight": 6763
  },
  "schema": "little-details-section-measurements-v1",
  "source": "saved DOM/CSS element and animation maps",
  "columns": [
    {
      "id": "ld-3451",
      "gap": "0px 8px",
      "tag": "form",
      "rect": {
        "x": 754,
        "y": 6527,
        "width": 460,
        "height": 56
      },
      "role": null,
      "label": "Please enter a valid business email address.conversion_pageSubscribe",
      "columns": "287.625px 164.359px",
      "display": "grid",
      "direction": "row"
    }
  ],
  "spacing": {
    "gapsPx": [
      8
    ],
    "representativeContentWidthsPx": [
      506,
      460,
      288,
      285
    ]
  },
  "coverage": {
    "cards": 0,
    "media": 5,
    "animations": 0,
    "elementsInSection": 77
  },
  "surfaces": {
    "radii": [
      "2px"
    ],
    "borders": [],
    "shadows": [
      "rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset"
    ]
  },
  "animations": [],
  "capturedAt": "2026-10-29T16:48:55.968Z",
  "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

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: Five-column link grid structure; Logo + newsletter + social icon bottom bar pattern; Divider-separated legal bottom row
- Dependencies: Dark surface color token; Specific column content taxonomy (Products/Platform/Resources/Company/Versus/Legal); Brand logo asset
- Guidance: Swap palette and logo, keep column grid and bottom bar structure; adjust column count/labels to match target site's sitemap.

### 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 “Dark multi-column footer”.

Purpose: A comprehensive dark footer with multiple columns of navigation links, a prominent newsletter signup form on the bottom left, and social icons on the bottom right.

Structure: grid. Source layout label: Five-column link grid on the right, logo on the left, with a distinct bottom row for newsletter signup, legal text, and social icons.. 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: Tall dark gray section filled with lists of tiny white text links and an email subscribe box.

Components: logo, link-columns, newsletter-signup, social-icons, legal-text.

Style direction: minimal, corporate.

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

Typography evidence: {"role":"display","size":"56px","family":"Twklausanne","source":"computed","traits":"Regular","weight":"400","evidence":"font-4: computed CSS at 1440×1000; AI role: Large 56px Twklausanne used for the main hero headline 'The AI ERP to end month-end'.","sampleId":"font-4","confidence":0.95,"lineHeight":"61.6px","letterSpacing":"normal"} {"role":"heading","size":"48px","family":"Twklausanne","source":"computed","traits":"Regular","weight":"400","evidence":"font-2: computed CSS at 1440×1000; AI role: 48px Twklausanne used for primary section headings like 'The accounting suite that runs while you lead.'","sampleId":"font-2","confidence":0.9,"lineHeight":"52.8px","letterSpacing":"normal"} {"role":"body","size":"16px","family":"Twklausanne","source":"computed","traits":"Regular","weight":"300","evidence":"font-7: computed CSS at 1440×1000; AI role: 16px Twklausanne used widely for body copy, subheadings, and buttons.","sampleId":"font-7","confidence":0.85,"lineHeight":"24px","letterSpacing":"normal"}

Color evidence: {"hex":"#1D1F20","name":"text","role":"text","source":"computed","evidence":"color-2: computed rgb(29, 31, 32); AI role: Dark grey (#1D1F20) used heavily for headings and primary text on light backgrounds.","sampleId":"color-2","confidence":0.95} {"hex":"#FFFFFF","name":"canvas","role":"canvas","source":"computed","evidence":"color-3: computed rgb(255, 255, 255); AI role: White background dominates the feature and migration sections.","sampleId":"color-3","confidence":0.9} {"hex":"#E4EBEC","name":"border","role":"border","source":"computed","evidence":"color-9: computed rgb(228, 235, 236); AI role: Light grey/blue (#E4EBEC) is used extensively for borders on feature cards and input fields.","sampleId":"color-9","confidence":0.9} {"hex":"#1C1D1E","name":"surface","role":"surface","source":"computed","evidence":"color-18: computed rgb(28, 29, 30); AI role: Dark surface (#1C1D1E) used for the testimonial carousel and footer areas.","sampleId":"color-18","confidence":0.85}

Typography measured inside this section: {"id":"font-9","size":"12px","count":4,"family":"Twklausanne","traits":"Regular","weight":"300","contexts":[{"tag":"div","top":11,"text":"$6 Million set aside to help you break free","property":"font"},{"tag":"p","top":6695,"text":"© 2026 Entry Inc. \"DualEntry\" and the DualEntry logo are registered trademarks of the company.","property":"font"},{"tag":"span","top":6697,"text":"2026","property":"font"}],"fontStack":"Twklausanne, sans-serif","lineHeight":"18px","letterSpacing":"normal"} {"id":"font-15","size":"14px","count":54,"family":"Twklausanne","traits":"Regular","weight":"300","contexts":[{"tag":"div","top":840,"text":"See customer stories","property":"font"},{"tag":"a","top":5939,"text":"General Ledger","property":"font"},{"tag":"a","top":5968,"text":"Close Management","property":"font"}],"fontStack":"Twklausanne, sans-serif","lineHeight":"21px","letterSpacing":"normal"} {"id":"font-16","size":"14px","count":6,"family":"Twklausanne","traits":"Regular","weight":"700","contexts":[{"tag":"strong","top":5904,"text":"Products","property":"font"},{"tag":"strong","top":5904,"text":"Platform","property":"font"},{"tag":"strong","top":5904,"text":"Resources","property":"font"}],"fontStack":"Twklausanne, sans-serif","lineHeight":"21px","letterSpacing":"normal"} {"id":"font-20","size":"12px","count":1,"family":"Twklausanne","traits":"Regular","weight":"300","contexts":[{"tag":"div","top":6002,"text":"We're hiring","property":"font"}],"fontStack":"Twklausanne, sans-serif","lineHeight":"12px","letterSpacing":"normal"} {"id":"font-21","size":"16px","count":1,"family":"Twklausanne","traits":"Regular","weight":"400","contexts":[{"tag":"button","top":6527,"text":"Subscribe","property":"font"}],"fontStack":"Twklausanne, sans-serif","lineHeight":"16px","letterSpacing":"normal"}

Colors measured inside this section: {"id":"color-7","hex":"#FFFFFF","alpha":0.6392156862745098,"count":53,"contexts":[{"tag":"a","top":5939,"text":"General Ledger","property":"text"},{"tag":"button","top":6264,"text":"Cookie Settings","property":"text"}],"cssValue":"rgba(255, 255, 255, 0.64)"} {"id":"color-11","hex":"#FFFFFF","alpha":0.5019607843137255,"count":18,"contexts":[{"tag":"div","top":667,"text":"","property":"background"},{"tag":"p","top":3539,"text":"finance team","property":"text"},{"tag":"span","top":6697,"text":"2026","property":"text"}],"cssValue":"rgba(255, 255, 255, 0.5)"} {"id":"color-15","hex":"#FFFFFF","alpha":0.10196078431372549,"count":7,"contexts":[{"tag":"a","top":253,"text":"4.9 stars120+ reviews","property":"control-background"},{"tag":"input","top":532,"text":"","property":"background"},{"tag":"div","top":6486,"text":"Get the latest AI finance insightsPlease enter a valid business email address.conversion_pageSubscri","property":"border"}],"cssValue":"rgba(255, 255, 255, 0.1)"} {"id":"color-19","hex":"#FFFFFF","alpha":0.050980392156862744,"count":1,"contexts":[{"tag":"input","top":6527,"text":"","property":"background"}],"cssValue":"rgba(255, 255, 255, 0.05)"} {"id":"color-20","hex":"#0F373E","alpha":1,"count":1,"contexts":[{"tag":"div","top":5998,"text":"We're hiring","property":"background"}],"cssValue":"rgb(15, 55, 62)"} {"id":"color-23","hex":"#FFFFFF","alpha":0.8,"count":1,"contexts":[{"tag":"div","top":6002,"text":"We're hiring","property":"text"}],"cssValue":"rgba(255, 255, 255, 0.8)"}

Exact section measurements from the saved element map: root {"rect":{"x":0,"y":5822,"width":1440,"height":941},"padding":{"top":"0px","left":"0px","right":"0px","bottom":"0px"},"gap":"normal","columns":null,"overflow":"visible"}; spacing {"gapsPx":[8],"representativeContentWidthsPx":[506,460,288,285]}; surfaces {"radii":["2px"],"borders":[],"shadows":["rgba(255, 255, 255, 0.2) 0px 0px 0px 1px inset"]}; media [{"tag":"svg","rect":{"x":101,"y":5902,"width":114,"height":20},"aspectRatio":5.7,"objectFit":"fill","objectPosition":"50% 50%","radius":"0px"},{"tag":"svg","rect":{"x":1320,"y":6695,"width":19,"height":19},"aspectRatio":1,"objectFit":"fill","objectPosition":"50% 50%","radius":"0px"},{"tag":"svg","rect":{"x":1240,"y":6696,"width":17,"height":17},"aspectRatio":1,"objectFit":"fill","objectPosition":"50% 50%","radius":"0px"},{"tag":"svg","rect":{"x":1281,"y":6698,"width":15,"height":14},"aspectRatio":1.1,"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: Five-column link grid structure; Logo + newsletter + social icon bottom bar pattern; Divider-separated legal bottom row.

Dependencies: Dark surface color token; Specific column content taxonomy (Products/Platform/Resources/Company/Versus/Legal); Brand logo asset.

Adaptation guidance: Swap palette and logo, keep column grid and bottom bar structure; adjust column count/labels to match target site's sitemap.

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