# Exactly — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://exactly.ai/
Captured: 2026-10-22
CSS measured: 2026-10-22T06:35:23.373Z at 1440×1000 — https://exactly.ai/
Values come from computed CSS; role labels are AI judgments. Live CSS may differ from an older screenshot.
Status: AI analysed; curator review pending
Rubric: 3.2
Observer: google/gemini-3.1-pro-preview
Judge: anthropic/claude-sonnet-5

## Design direction

The website presents a minimal and soft visual design language tailored for a modern B2B SaaS product. It uses generous spacing, large rounded corners on cards, and pill-shaped buttons. The typography is entirely based on the Inter font family, providing a clean and highly legible corporate aesthetic. A vibrant orange-red serves as the primary action color against mostly white, off-white, and dark text.

## Classification

- Industry: ai
- Site type: Landing, Portfolio
- Business model: Software, Portfolio
- Styles: minimal, soft, corporate
- Platform: Framer
- Technology: Not identified

## Typography

- Display: Inter — weight 300; size 47px; line-height 60px; tracking -1.9px; Regular (95% role confidence, computed values)
- Heading: Inter Variable — weight 400; size 21px; line-height 32px; tracking -0.6px; Regular (90% role confidence, computed values)
- Body: Inter — weight 400; size 14px; line-height 20px; tracking normal; Regular (95% role confidence, computed values)

## Functional palette

- Canvas — canvas #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: White (#FFFFFF) used as the main page background. (95% role confidence, computed values)
- Text — text #1E1E1E: color-4: computed rgb(30, 30, 30); AI role: Dark gray/black (#1E1E1E) used for primary text and headings. (95% role confidence, computed values)
- Primary Action — primary action #FB411F: color-13: computed rgb(251, 65, 31); AI role: Vibrant orange-red (#FB411F) used for the main 'Start for free' CTA buttons and 'New' badges. (95% role confidence, computed values)
- Surface — surface #F7F7F7: color-2: computed rgb(247, 247, 247); AI role: Off-white (#F7F7F7) used as the background color for feature cards to differentiate from the canvas. (90% role confidence, computed values)

## Exact computed CSS inventory

The browser extracted these declarations from rendered DOM at capture time. They are facts, not visual guesses. Image and video pixels are outside this inventory.

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", \"Inter Variable Placeholder\", sans-serif",
    "weight": "400",
    "size": "21px",
    "lineHeight": "32px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 24,
    "contexts": [
      {
        "tag": "h4",
        "text": "AI graphic design",
        "top": 1828,
        "property": "font"
      },
      {
        "tag": "h4",
        "text": "AI illustration",
        "top": 2808,
        "property": "font"
      },
      {
        "tag": "h4",
        "text": "AI photography",
        "top": 3734,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "300",
    "size": "47px",
    "lineHeight": "60px",
    "letterSpacing": "-1.9px",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "h1",
        "text": "AI automation for your brand's daily creative work.Across design, illustration and photography.",
        "top": 398,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Across design, illustration and photography.",
        "top": 459,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Whatever your creative team needs to ship.We build the AI workflow to deliver it.",
        "top": 1280,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "400",
    "size": "21px",
    "lineHeight": "32px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h5",
        "text": "Pilot",
        "top": 21024,
        "property": "font"
      },
      {
        "tag": "h5",
        "text": "Team",
        "top": 21024,
        "property": "font"
      },
      {
        "tag": "h5",
        "text": "Enterprise",
        "top": 21024,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 69,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by the best creative teams and companies, globally",
        "top": 836,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "AI one-pagers",
        "top": 2133,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "AI presentations",
        "top": 2169,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", \"Inter Variable Placeholder\", sans-serif",
    "weight": "400",
    "size": "21px",
    "lineHeight": "32px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 53,
    "contexts": [
      {
        "tag": "p",
        "text": "A repeatable AI workflow for the graphic design work your team does every day. Every asset follows y",
        "top": 1872,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "A custom AI model trained on your signature illustration style. Every artwork, icon and animation yo",
        "top": 2852,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "On-brand photos with your products, people and locations. No new shoot for every market or campaign.",
        "top": 3778,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", \"Inter Variable Placeholder\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 33,
    "contexts": [
      {
        "tag": "p",
        "text": "Industries",
        "top": 24,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Showcase",
        "top": 24,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Case studies",
        "top": 24,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "© exactly.ai 2026. All rights reserved.",
        "top": 23087,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Inter",
    "fontStack": "Inter, \"Inter Placeholder\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "strong",
        "text": "Free",
        "top": 21322,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "custom demo using your assets",
        "top": 21322,
        "property": "font"
      },
      {
        "tag": "strong",
        "text": "Everything in Solo",
        "top": 21322,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Inter Variable",
    "fontStack": "\"Inter Variable\", \"Inter Variable Placeholder\", sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "20px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "New",
        "top": 21482,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "New",
        "top": 21524,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 113,
    "contexts": [
      {
        "tag": "body",
        "text": "<iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-KMV9ZWW\" height=\"0\" width=\"0\" style=\"di",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "IndustriesShowcaseCase studiesPricingLog inStart for freeAI automation for your brand's daily creati",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "p",
        "text": "Industries",
        "top": 24,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F7F7F7",
    "alpha": 1,
    "cssValue": "rgb(247, 247, 247)",
    "count": 15,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1608,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#000000",
    "alpha": 0.0392156862745098,
    "cssValue": "rgba(0, 0, 0, 0.04)",
    "count": 11,
    "contexts": [
      {
        "tag": "video",
        "text": "",
        "top": 1797,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#1E1E1E",
    "alpha": 1,
    "cssValue": "rgb(30, 30, 30)",
    "count": 136,
    "contexts": [
      {
        "tag": "p",
        "text": "Start for free",
        "top": 568,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "Whatever your creative team needs to ship.We build the AI workflow to deliver it.",
        "top": 1280,
        "property": "text"
      },
      {
        "tag": "h4",
        "text": "AI graphic design",
        "top": 1828,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 106,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 22,
        "property": "svg-fill"
      },
      {
        "tag": "use",
        "text": "",
        "top": 22,
        "property": "svg-fill"
      },
      {
        "tag": "p",
        "text": "Start for free",
        "top": 24,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#1D0A00",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(33, 9, 0, 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#414141",
    "alpha": 0.47843137254901963,
    "cssValue": "rgba(64, 64, 64, 0.48)",
    "count": 19,
    "contexts": [
      {
        "tag": "span",
        "text": "We build the AI workflow to deliver it.",
        "top": 1341,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "A repeatable AI workflow for the graphic design work your team does every day. Every asset follows y",
        "top": 1872,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 1193,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#808080",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(124, 124, 124, 0.1)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 10410,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFFFFF",
    "alpha": 0.6,
    "cssValue": "rgba(255, 255, 255, 0.6)",
    "count": 17,
    "contexts": [
      {
        "tag": "span",
        "text": "Across design, illustration and photography.",
        "top": 459,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Image 40 shows the same personas image 1. The face doesn't changefrom one image to the next.",
        "top": 5052,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#404040",
    "alpha": 0.3607843137254902,
    "cssValue": "rgba(64, 64, 64, 0.36)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "Not just good, but production-ready.",
        "top": 4781,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#3F3F3F",
    "alpha": 0.6,
    "cssValue": "rgba(64, 64, 64, 0.6)",
    "count": 14,
    "contexts": [
      {
        "tag": "p",
        "text": "Line weight, palette, mood holdacross a full campaign — not onelucky shot with nine misses.",
        "top": 5052,
        "property": "text"
      },
      {
        "tag": "em",
        "text": "£500 / mo,",
        "top": 21071,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "3-month pilot",
        "top": 21103,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#808080",
    "alpha": 0.0784313725490196,
    "cssValue": "rgba(124, 124, 124, 0.08)",
    "count": 9,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 1432,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#FB411F",
    "alpha": 1,
    "cssValue": "rgb(251, 65, 31)",
    "count": 17,
    "contexts": [
      {
        "tag": "a",
        "text": "Start for free",
        "top": 1432,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 2502,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "New",
        "top": 21482,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#FFFFFF",
    "alpha": 0.4,
    "cssValue": "rgba(255, 255, 255, 0.4)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "© exactly.ai 2026. All rights reserved.",
        "top": 23087,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#3E3E3E",
    "alpha": 0.1607843137254902,
    "cssValue": "rgba(64, 64, 64, 0.16)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 8832,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 1221,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#FFFFFF",
    "alpha": 0.10196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.1)",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 550,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 14008,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "rgba(255, 255, 255, 0.2)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 13584,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#E0E0E0",
    "alpha": 1,
    "cssValue": "rgb(224, 224, 224)",
    "count": 8,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 8820,
        "property": "background"
      }
    ]
  }
]
```

### Extraction limits

- Font families are computed CSS declarations, not optical font identification.
- Colors are computed CSS converted by the browser to sRGB; image/video pixels and gradient stops are not sampled.
- Transparent colors are recorded with alpha but excluded from opaque palette role assignments.
- Only currently rendered DOM elements are sampled; closed shadow roots and iframe contents are excluded.

## Type, spacing, and shape language

- Spacing rhythm: Generous spacing with large vertical margins between main sections, allowing content to breathe.
- Corner style: Highly rounded corners across the UI.
- Radius: Pill-shaped (fully rounded) for buttons and large radii (likely 24px+) for feature cards.
- Borders: Mostly borderless, relying on subtle background color shifts (e.g., white to off-white) to define containers.
- Buttons: Pill-shaped with solid primary color fills or translucent light fills overlaid on images.
- Content width: Centered max-width container with substantial left and right margins on desktop.
- Density: Low density, favoring large imagery and typography over dense information packing.
- Evidence: Visual inspection of the screenshots shows rounded cards, pill buttons, vast white space, and distinct colored action buttons.

## Sections

Gallery section count: 5. Each entry corresponds to one gallery capture.

1. **Hero — AI Creative Automation Hero** (Home)
   AI suggestion (98% confidence): Complete page-opening hero with brand navigation, prominent value proposition, dual CTAs, lifestyle imagery, and an integrated customer-logo trust strip.
   Capture: 1440×1002px; page bounds 0–1002px of 21931px; source section ID: `ccb2ce60-8950-4310-91f0-ffbb862da090`; image: https://media.designdetails.io/library/a068d8f34b3f4abbba01bc855aefe5b54438e73e3122fcae16a301baedf7a074/ccb2ce60-8950-4310-91f0-ffbb862da090.webp
   SECTION.md v3.2: `ccb2ce60-8950-4310-91f0-ffbb862da090` (deterministic evidence; editorial review pending)
2. **Footer — Exactly Footer** (Home)
   Closing footer and call-to-action from Home, organized around “Exactly Footer”.
   Capture: 1440×1000px; page bounds 20931–21931px of 21931px; source section ID: `aea963a7-c56d-4d1e-91f1-6cfb73bcc9e4`; image: https://media.designdetails.io/library/04e2afc63c05a3f417399ede5685af952450384844787137f9d2d904c1ea2afe/section_crop-aea963a7-2026-10-22T06-35-35-787Z.webp
   SECTION.md v3.2: `aea963a7-c56d-4d1e-91f1-6cfb73bcc9e4` (deterministic evidence; editorial review pending)
3. **CTA — You set the standard CTA** (Home)
   AI suggestion (91% confidence): A complete, centered conversion prompt with a two-line value statement and paired “Start for free” and “Book a demo” actions, clearly separated from the surrounding visual showcase and the process content below.
   Capture: 1440×443px; page bounds 7188–7631px of 21931px; source section ID: `e72deaf3-52b3-47b7-84a0-19dbc47c33c7`; image: https://media.designdetails.io/library/54ea3c9d757e93fb468027e9b3a439156e8e3245a396e325f42aa5b58aeaf1c0/section-manual-e72deaf3-52b3-47b7-84a0-19dbc47c33c7-1792654657945.webp
   SECTION.md v3.2: `e72deaf3-52b3-47b7-84a0-19dbc47c33c7` (deterministic evidence; editorial review pending)
4. **Testimonials — Brand guardian compliance feature** (Home)
   AI suggestion (90% confidence): Complete two-column feature component with a clear brand-review message, CTA, compliance checklist, and supporting product UI visual.
   Capture: 1440×948px; page bounds 16098–17046px of 21931px; source section ID: `4ea7e355-0c2b-464d-a363-ef6dedddaf9e`; image: https://media.designdetails.io/library/57f3b1045e3626a6ff62cbcb03682e83003ac57dfeec24ffa57249b5b60048fb/4ea7e355-0c2b-464d-a363-ef6dedddaf9e.webp
   SECTION.md v3.2: `4ea7e355-0c2b-464d-a363-ef6dedddaf9e` (deterministic evidence; editorial review pending)
5. **Pricing — Custom Demo Pricing Plans** (Home)
   AI suggestion (99% confidence): Complete, self-contained pricing section with a strong demo-led heading, trust stats, promotional note, and three fully visible plan cards with CTAs, feature lists, and upgrade guidance.
   Capture: 1440×1446px; page bounds 19250–20696px of 21931px; source section ID: `f5a488ab-a270-45f0-9951-a7bdee6a53f4`; image: https://media.designdetails.io/library/d83a24c6034d4bc1088a18b1acd535ae90da4360cd7e35be3a595c718fd119b3/f5a488ab-a270-45f0-9951-a7bdee6a53f4.webp
   SECTION.md v3.2: `f5a488ab-a270-45f0-9951-a7bdee6a53f4` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/6b287faf7a2a8013f1ce79f6fc11056bc5bce23a21df918624c44223a6d479c8/desktop_full-085559c1-2026-10-22T06-35-23-416Z.jpg
- Mobile screenshot: https://media.designdetails.io/library/8a318c88404f48718f53786349de39f903d17c808adefa9f34c8df2007baebc5/mobile_full-085559c1-2026-10-22T06-36-34-799Z.jpg
- Open Graph image: https://media.designdetails.io/library/71c16cf44b6e4e57cfdd9da819414a26f73feee3ba947d6771a90e9aaf7123d5/og_image-085559c1-2026-10-22T06-35-33-523Z.webp
- Full-page video: https://media.designdetails.io/library/f1e5a87895d4bb2a244154ea75dd90565f3f887a66f84a754d364d72f5e10eae/motion-1792651799478.mp4
- Video poster: https://media.designdetails.io/library/4fe41fe551167f3452f2b40b4cfa96f1bbcca6dce9f131a950f6748b6de8ebe3/motion-poster-1792651799478.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

- Treat computed CSS values, screenshot dimensions, and section bounds as measured evidence.
- Treat typography roles, palette roles, style labels, quality scores, and prose analysis as model or curator judgments.
- Rebuild the page in the listed section order. Request SECTION.md v3.2 using the listed ID. Promoted IDs include editorial observation and judgment; raw gallery IDs still return deterministic geometry, site design facts, media treatment, and explicit evidence gaps.
- Do not invent exact responsive behavior, motion curves, or hidden interaction states when they were not captured.

## Reusable components

- Navigation Bar
- Hero With Background Imagery
- Logo Strip
- Feature Card
- Pricing Table
- Footer
- Scroll Linked Timeline

## Quality rubric

Overall: 49.05/100 (Serviceable)
Evidence coverage: 100%
Judge tier: Competent
Verdict: A cleanly executed but highly formulaic B2B SaaS marketing site: consistent rounded-card system, functional video-driven feature demonstrations, and a serviceable scroll-linked timeline, undermined by a visual and motion vocabulary (Inter type, orange-on-white palette, pill CTAs, autoplay card video, logo marquee) that is nearly identical to many competing AI-product sites.

- Typography (15%): 55 — A single family (Inter/Inter Variable) is used across all roles with a modest weight/size/tracking system — a 47px/300 light display, 21px headings, 14px body. This is legible and consistent but offers minimal hierarchy contrast or personality; it reads as a standard SaaS type system rather than a considered editorial scale.
- Color (10%): 50 — White canvas, off-white surface, near-black text, and a single orange-red accent is safe and functional but is an extremely common formula across current B2B/AI SaaS sites; no evidence of a distinctive secondary palette or chromatic risk-taking.
- Layout (20%): 62 — The page assembles a coherent, consistently-roundcornered card system (pill buttons, F7F7F7 surfaces, borderless containers) across hero, feature cards, scroll-linked timeline, outcomes example, and pricing table. The scroll-linked timeline (text list driving a synced visual swap) is a genuine structural idea executed across multiple panels, giving some systemic rigor beyond a single hero treatment.
- Motion (20%): 48 — Motion consists of ambient, largely decorative patterns common to this genre: a continuous logo marquee, autoplaying looping videos inside cards, a horizontal video carousel, and a scroll-linked opacity/content swap in the timeline section. These are functional demonstrations of product output rather than a refined or risk-taking motion system, and no interaction detail (easing, responsiveness, hover states) is evidenced.
- Originality (25%): 32 — Every component — pill buttons, rounded off-white cards, Inter typography, single orange-red CTA, autoplay video demos, logo marquee, scroll-linked timeline, three-tier pricing — is a widely recognized template pattern seen across current AI/SaaS landing pages. Nothing here is hard to substitute with a competitor's near-identical layout; the design is competent execution of an established idiom, not a distinctive point of view.
- Content (10%): 58 — Content integration is functional: videos inside feature cards directly demonstrate the claimed product capability (graphic design, illustration, photography), an example outcomes chart illustrates the AI-brand-system claim, and a client quote is paired with a relevant photographic scene. Copy and visuals are paired sensibly though the pairing follows conventional show-and-tell structure rather than deeper narrative integration.

Coverage: 100% of the current weighted rubric. Compare overall scores only at similar evidence coverage.

Formula: weighted mean of scored axes — Typography 15%, Color 10%, Layout 20%, Motion 20%, Originality 25%, Content 10%. Inconclusive and not-assessed axes are excluded and coverage is shown explicitly.

## Verification checklist

- [x] Score evidence
- [x] Design tokens
- [ ] Functional palette
- [x] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A warm photo of a creative at her desk and a logo strip of brands like Sony and Glossier build quick trust before any product talk starts. Alternating light grey and white cards pair real lifestyle imagery with short bullet lists, letting visitors scan each AI use case at a steady, even pace down the page.

## Usage guidance

Use this record as design evidence. Combine it with other references and create an original implementation; do not reproduce the source website or its proprietary copy and assets.