# Krea — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.krea.ai/krea-3
Captured: 2026-10-31
CSS measured: 2026-10-31T06:25:38.713Z at 1440×1000 — https://www.krea.ai/krea-3
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: claude-sonnet-5

## Design direction

A modern, highly polished landing page for an AI image editing tool. The design is typographic and minimal, heavily relying on large, closely tracked Suisse Intl headings, large high-quality photographic assets, and a clean, high-contrast monochrome palette with precise blue accents. The layout uses generous white space and distinct rounded-corner cards or media frames. Interactive components like sliders, floating action bars, and pill-shaped controls enhance the product demonstration.

## Classification

- Industry: ai
- Site type: Landing, Blog
- Business model: Software, Agency
- Styles: typographic, minimal, photographic, bold, tech-product
- Platform: Custom code
- Technology: Not identified

## Typography

- Display: Krea 3 Suisse Intl — weight 500; size 132px; line-height 116.2px; tracking -2.6px; Regular (100% role confidence, computed values)
- Heading: Krea 3 Suisse Intl — weight 500; size 100px; line-height 96px; tracking -3px; Regular (100% role confidence, computed values)
- Body: Suisse Intl — weight 500; size 20px; line-height 28px; tracking normal; Regular (95% role confidence, computed values)

## Functional palette

- Canvas — canvas #FFFFFF: color-1: computed rgb(255, 255, 255); AI role: Pure white (#FFFFFF) used extensively as the primary background for light sections. (100% role confidence, computed values)
- Text — text #000000: color-4: computed rgb(0, 0, 0); AI role: Pure black (#000000) used for high-contrast primary text on light backgrounds. (100% role confidence, computed values)
- Primary Action — primary action #2E6CF6: color-31: computed rgb(46, 108, 246); AI role: Vibrant blue (#2E6CF6) used for the primary 'Try Krea 3' CTA button and interactive accent highlights. (100% role confidence, computed values)
- Surface — surface #111111: color-5: computed rgb(17, 17, 17); AI role: Dark gray/black (#111111) used as the background for contrasting dark sections (like the hero). (90% role confidence, computed values)
- Muted Text — muted text #737373: color-17: computed rgb(115, 115, 115); AI role: Gray (#737373) used for secondary text, metadata, and inactive button states. (90% role confidence, computed values)
- Border — border #E5E5E5: color-32: computed oklch(0.922 0 0); AI role: Light gray (#E5E5E5) used for subtle borders around cards and form elements. (80% 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": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "72px",
    "lineHeight": "70.6px",
    "letterSpacing": "-2.2px",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "h2",
        "text": "Ranked #4 on Arena.",
        "top": 3099,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Prompt in #FFC12EGet that exact color",
        "top": 6517,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "#FFC12E",
        "top": 6505,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "h3",
        "text": "Create",
        "top": 20246,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Video Models",
        "top": 20656,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Edit",
        "top": 20246,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "56px",
    "lineHeight": "53.8px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h1",
        "text": "Krea 3:Frontier Image Editing Model4× faster than Nano Banana Pro",
        "top": 845,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Krea 3:",
        "top": 844,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "4× faster than Nano Banana Pro",
        "top": 888,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "72px",
    "lineHeight": "69.1px",
    "letterSpacing": "-2.2px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h2",
        "text": "A new sceneThe same character",
        "top": 8386,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Same editsLess waiting",
        "top": 10428,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "24px",
    "lineHeight": "21.1px",
    "letterSpacing": "-0.7px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h3",
        "text": "Price per image",
        "top": 2327,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Seconds per edit",
        "top": 2327,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "288px",
    "lineHeight": "288px",
    "letterSpacing": "-8.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Native 2K",
        "top": 9292,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "132px",
    "lineHeight": "116.2px",
    "letterSpacing": "-4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Just say itEdits as fastas you talk",
        "top": 12808,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "100px",
    "lineHeight": "96px",
    "letterSpacing": "-3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "One modelEvery brief",
        "top": 4004,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "100px",
    "lineHeight": "98px",
    "letterSpacing": "-3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Edit 1Keep everything else",
        "top": 5289,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "76px",
    "lineHeight": "74.5px",
    "letterSpacing": "-2.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Krea 3, inside your toolsPhotoshop to Blender",
        "top": 16737,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "56px",
    "lineHeight": "54.9px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "What would Krea 3 change in your image workflow?",
        "top": 17278,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "48px",
    "lineHeight": "48px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Writing about Krea 3?",
        "top": 18081,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "37.4px",
    "lineHeight": "37.4px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "Every detail holds",
        "top": 10215,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Krea 3 on this page",
        "top": 19444,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "16px",
    "lineHeight": "20.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 25,
    "contexts": [
      {
        "tag": "p",
        "text": "Krea 3 renders 2K natively. Move the loupe over this 2K output to see its real pixels.",
        "top": 10267,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Night Shift poster, re-titled",
        "top": 12406,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Maison Olive, foil-stamped",
        "top": 12406,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 18,
    "contexts": [
      {
        "tag": "span",
        "text": "1",
        "top": 3268,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 3307,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "3",
        "top": 3346,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 9,
    "contexts": [
      {
        "tag": "figcaption",
        "text": "Editing: A pink backdrop",
        "top": 11272,
        "property": "font"
      },
      {
        "tag": "figcaption",
        "text": "Editing: A cobalt-blue backdrop",
        "top": 11272,
        "property": "font"
      },
      {
        "tag": "figcaption",
        "text": "Editing: A cobalt-blue backdrop",
        "top": 11272,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "32px",
    "lineHeight": "42.2px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Krea 3 is an image editing model built for production. It changes only what you ask, finishes an edi",
        "top": 1999,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Krea 3 is an image editing model built for production. It",
        "top": 1999,
        "property": "font"
      },
      {
        "tag": "span",
        "text": ", finishes an edit in under",
        "top": 2041,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "20px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Krea 3 Ultra is #4 on Arena's Multi-Image Edit leaderboard, with an Arena score of 1,435. Bars use t",
        "top": 3182,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Name a hex code and Krea 3 matches it on the product, and only on the product. Pick a swatch.",
        "top": 6597,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Swap the product, the photo or the brand and keep the layout and type. Hold any piece to see what it",
        "top": 11669,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "12.5px",
    "lineHeight": "18.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "Pre-generated outputs, not a live benchmark. Krea 3 uses an illustrative playback time of 8s per edi",
        "top": 11313,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "precision*",
        "top": 16509,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "precision*",
        "top": 16509,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "20px",
    "lineHeight": "24px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "Change the styling, setting, and mood while keeping the face familiar. Explore character consistency",
        "top": 8447,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "keeping the face familiar.",
        "top": 8470,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "One image. Twelve identical prompts. Watch Krea 3, Nano Banana Pro, and GPT Image 2.5 work through t",
        "top": 10466,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "16px",
    "lineHeight": "21.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Price per image",
        "top": 2366,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Faster than Nano Banana Pro",
        "top": 2454,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Time per edit",
        "top": 2543,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "16px",
    "lineHeight": "22.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Point at people, products, places and styles by number. Krea 3 puts them in one picture.",
        "top": 7792,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Send a photo, then a voice note. Krea 3 answers with the edit before you finish your next thought.",
        "top": 12671,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Draw a box and say what changes. Krea 3 redraws inside it and leaves the rest of the image as it was",
        "top": 5517,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "13.7px",
    "lineHeight": "21.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Seat the woman from at a candlelit Art Deco bar in the knit sweater from , with the silver bag from ",
        "top": 7979,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "1px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by ambitious creative teams",
        "top": 17789,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 69,
    "contexts": [
      {
        "tag": "span",
        "text": "Krea 3",
        "top": 5024,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Change to a copper dripper",
        "top": 5032,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "/ edit",
        "top": 11254,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 53,
    "contexts": [
      {
        "tag": "a",
        "text": "Contact sales",
        "top": 20,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Try Krea 3",
        "top": 900,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "See what it can do",
        "top": 900,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": null,
    "fontStack": "system-ui, sans-serif",
    "weight": "500",
    "size": "11.5px",
    "lineHeight": "11.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 40,
    "contexts": [
      {
        "tag": "span",
        "text": "1",
        "top": 309,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1",
        "top": 271,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 4,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "18.5px",
    "lineHeight": "21.3px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 35,
    "contexts": [
      {
        "tag": "span",
        "text": "New fabrics, same wind",
        "top": 13447,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Sketch to rainy night",
        "top": 13447,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Peach to pasta",
        "top": 13447,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "13px",
    "lineHeight": "14.9px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 35,
    "contexts": [
      {
        "tag": "span",
        "text": "Fashion",
        "top": 13429,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Architecture",
        "top": 13429,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Marketing",
        "top": 13429,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "22px",
    "lineHeight": "22px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 26,
    "contexts": [
      {
        "tag": "span",
        "text": "fal",
        "top": 2948,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Baseten",
        "top": 2948,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Comfy",
        "top": 2948,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "12.5px",
    "lineHeight": "18.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 23,
    "contexts": [
      {
        "tag": "span",
        "text": "Type",
        "top": 12385,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Type",
        "top": 12385,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Type",
        "top": 12385,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "Krea 3 Suisse Intl",
    "fontStack": "\"Krea 3 Suisse Intl\", sans-serif",
    "weight": "500",
    "size": "132px",
    "lineHeight": "116.2px",
    "letterSpacing": "-2.6px",
    "traits": "Regular",
    "count": 21,
    "contexts": [
      {
        "tag": "span",
        "text": "Krea 3:",
        "top": 1486,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "10× 10× 10× Faster,",
        "top": 1487,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "10×",
        "top": 1480,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "15px",
    "lineHeight": "22.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 20,
    "contexts": [
      {
        "tag": "span",
        "text": "Poster",
        "top": 6279,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Three-circle print",
        "top": 6279,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Turntable",
        "top": 6279,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": null,
    "fontStack": "system-ui, sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 20,
    "contexts": [
      {
        "tag": "span",
        "text": "Make the lenses icy blue",
        "top": 275,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Add a white dove",
        "top": 421,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Make the lips cherry red",
        "top": 400,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "13px",
    "lineHeight": "19.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 17,
    "contexts": [
      {
        "tag": "span",
        "text": "1,518",
        "top": 3268,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1,479",
        "top": 3307,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1,453",
        "top": 3346,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "600",
    "size": "24px",
    "lineHeight": "21.1px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "$0.06",
        "top": 2383,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$0.06",
        "top": 2436,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "$0.067",
        "top": 2489,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "GPT Image 2.5 Sunburst",
        "top": 3268,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "GPT Image 2.5 Flare",
        "top": 3307,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "GPT Image 2 (Medium)",
        "top": 3346,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "Suisse Intl",
    "fontStack": "\"Suisse Intl\", ui-sans-serif, system-ui, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
    "weight": "500",
    "size": "12px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "© 2026 Krea",
        "top": 21166,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Terms",
        "top": 21166,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy",
        "top": 21166,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 219,
    "contexts": [
      {
        "tag": "body",
        "text": "<iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-W98JT22L\" height=\"0\" width=\"0\" style=\"d",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "main",
        "text": "Contact sales 1 1 Make the lenses icy blue Under 8s2 2 Add a white dove Under 8s3 3 Make the lips ch",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 33,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#F2F2F0",
    "alpha": 1,
    "cssValue": "rgb(242, 242, 240)",
    "count": 39,
    "contexts": [
      {
        "tag": "div",
        "text": "Original photo Make it #7EC8F2#FFC12E#D9C3A3#2F5D46#B9A3E8 Original photo",
        "top": 6706,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "",
        "top": 11815,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#000000",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(0, 0, 0, 0.05)",
    "count": 15,
    "contexts": [
      {
        "tag": "button",
        "text": "$0.06",
        "top": 2087,
        "property": "control-background"
      },
      {
        "tag": "video",
        "text": "",
        "top": 8572,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 10651,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 335,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 319,
        "property": "svg-fill"
      },
      {
        "tag": "a",
        "text": "Try Krea 3",
        "top": 900,
        "property": "text"
      },
      {
        "tag": "line",
        "text": "",
        "top": 1545,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#111111",
    "alpha": 1,
    "cssValue": "rgb(17, 17, 17)",
    "count": 36,
    "contexts": [
      {
        "tag": "section",
        "text": "1 1 Make the lenses icy blue Under 8s2 2 Add a white dove Under 8s3 3 Make the lips cherry red Under",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Make the lenses icy blue",
        "top": 275,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "",
        "top": 3273,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#848484",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(128, 128, 128, 0.12)",
    "count": 35,
    "contexts": [
      {
        "tag": "span",
        "text": "Fashion New fabrics, same wind",
        "top": 13266,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FFFFFF",
    "alpha": 0.0392156862745098,
    "cssValue": "rgba(255, 255, 255, 0.04)",
    "count": 11,
    "contexts": [
      {
        "tag": "div",
        "text": "1",
        "top": 320,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "1",
        "top": 5701,
        "property": "control-background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 7456,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#F4F4F2",
    "alpha": 1,
    "cssValue": "rgb(244, 244, 242)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "What would Krea 3 change in your image workflow? Tell us what you edit and how much. We compare qual",
        "top": 17190,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Writing about Krea 3? Logos and wordmarkProduct imagesLaunch film Open the press kit",
        "top": 17987,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#000000",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(0, 0, 0, 0.3)",
    "count": 1,
    "contexts": [
      {
        "tag": "rect",
        "text": "",
        "top": 0,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#FFFFFF",
    "alpha": 0.8509803921568627,
    "cssValue": "rgba(255, 255, 255, 0.85)",
    "count": 5,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 7456,
        "property": "svg-stroke"
      },
      {
        "tag": "path",
        "text": "",
        "top": 7651,
        "property": "svg-stroke"
      },
      {
        "tag": "figcaption",
        "text": "IMG_5547.jpg",
        "top": 7706,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#EEEEEE",
    "alpha": 1,
    "cssValue": "rgb(238, 238, 238)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "1 1 Three-circle print2 2 Brushed silver deck3 3 Cherry red suede4 4 Black patent leather5 5 Mustard",
        "top": 5612,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#0B0B0B",
    "alpha": 1,
    "cssValue": "rgb(11, 11, 11)",
    "count": 1,
    "contexts": [
      {
        "tag": "section",
        "text": "Prompt Seat the woman from at a candlelit Art Deco bar in the knit sweater from , with the silver ba",
        "top": 7456,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#F5F5F5",
    "alpha": 1,
    "cssValue": "rgb(245, 245, 245)",
    "count": 21,
    "contexts": [
      {
        "tag": "div",
        "text": "GPT Image 2🍌 Nano Banana Pro",
        "top": 1779,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Krea 3 pricing",
        "top": 19480,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#F2F2F2",
    "alpha": 0.5490196078431373,
    "cssValue": "rgba(242, 242, 242, 0.55)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "1:1 2736 × 1536 px · native Move to inspect",
        "top": 9543,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#F6F2EA",
    "alpha": 1,
    "cssValue": "rgb(246, 242, 234)",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "K",
        "top": 19681,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#000000",
    "alpha": 0.45098039215686275,
    "cssValue": "oklab(0 0 0 / 0.45)",
    "count": 47,
    "contexts": [
      {
        "tag": "span",
        "text": "1",
        "top": 3268,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Source: Arena · Multi-Image Edit leaderboard · Arena score",
        "top": 3865,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Arena",
        "top": 3866,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#737373",
    "alpha": 1,
    "cssValue": "rgb(115, 115, 115)",
    "count": 136,
    "contexts": [
      {
        "tag": "span",
        "text": "Compared to",
        "top": 1739,
        "property": "text"
      },
      {
        "tag": "button",
        "text": "🍌 Nano Banana Pro",
        "top": 1785,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "We distribute through the world’s leading organizations, helping them advance their industries:",
        "top": 2869,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#F4F4F2",
    "alpha": 0.8509803921568627,
    "cssValue": "rgba(244, 244, 242, 0.85)",
    "count": 20,
    "contexts": [
      {
        "tag": "div",
        "text": "1 Make the lenses icy blue Under 8s",
        "top": 262,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "1 Glass mug",
        "top": 4517,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#F4F4F4",
    "alpha": 0.8509803921568627,
    "cssValue": "oklab(0.970145 0.0000441968 0.0000194311 / 0.85)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "1 2 3 Create a starter-kit bundle hero on the blue set from image 1, with its dripper and mugs plus ",
        "top": 4839,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#000000",
    "alpha": 0.5490196078431373,
    "cssValue": "oklab(0 0 0 / 0.55)",
    "count": 92,
    "contexts": [
      {
        "tag": "p",
        "text": "Krea 3 Ultra is #4 on Arena's Multi-Image Edit leaderboard, with an Arena score of 1,435. Bars use t",
        "top": 3182,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "1",
        "top": 4900,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "“",
        "top": 15690,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#000000",
    "alpha": 0.3803921568627451,
    "cssValue": "rgba(0, 0, 0, 0.38)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "#FFC12E",
        "top": 6505,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#000000",
    "alpha": 0.4,
    "cssValue": "rgba(0, 0, 0, 0.4)",
    "count": 11,
    "contexts": [
      {
        "tag": "span",
        "text": "Krea 3 is an image editing model built for production. It",
        "top": 1999,
        "property": "text"
      },
      {
        "tag": "figcaption",
        "text": "Krea 3",
        "top": 12745,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#FFFFFF",
    "alpha": 0.6509803921568628,
    "cssValue": "rgba(255, 255, 255, 0.65)",
    "count": 35,
    "contexts": [
      {
        "tag": "span",
        "text": "Fashion",
        "top": 13429,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#000000",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(0, 0, 0, 0.5)",
    "count": 16,
    "contexts": [
      {
        "tag": "span",
        "text": "Three-circle print",
        "top": 6279,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Change the styling, setting, and mood while keeping the face familiar. Explore character consistency",
        "top": 8447,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "1:1",
        "top": 9969,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#000000",
    "alpha": 0.7490196078431373,
    "cssValue": "rgba(0, 0, 0, 0.75)",
    "count": 60,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 307,
        "property": "::after-background"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#EBEBE7",
    "alpha": 1,
    "cssValue": "rgb(235, 235, 231)",
    "count": 6,
    "contexts": [
      {
        "tag": "button",
        "text": "1 Poster Three-circle print",
        "top": 6269,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#000000",
    "alpha": 0.6196078431372549,
    "cssValue": "rgba(0, 0, 0, 0.62)",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "Grok Imagine 2.0",
        "top": 2447,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-28",
    "hex": "#000000",
    "alpha": 0.6,
    "cssValue": "oklab(0 0 0 / 0.6)",
    "count": 9,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 11235,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "“Make it snow outside the window.”",
        "top": 13226,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "",
        "top": 13244,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-29",
    "hex": "#000000",
    "alpha": 0.7215686274509804,
    "cssValue": "rgba(0, 0, 0, 0.72)",
    "count": 14,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 3273,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-30",
    "hex": "#FFFFFF",
    "alpha": 0.6196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.62)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "4× faster than Nano Banana Pro",
        "top": 888,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-31",
    "hex": "#2E6CF6",
    "alpha": 1,
    "cssValue": "rgb(46, 108, 246)",
    "count": 30,
    "contexts": [
      {
        "tag": "span",
        "text": "$0.06",
        "top": 2383,
        "property": "text"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 3387,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 3388,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-32",
    "hex": "#E5E5E5",
    "alpha": 1,
    "cssValue": "oklch(0.922 0 0)",
    "count": 43,
    "contexts": [
      {
        "tag": "div",
        "text": "1 2 3 Create a starter-kit bundle hero on the blue set from image 1, with its dripper and mugs plus ",
        "top": 4839,
        "property": "border"
      },
      {
        "tag": "img",
        "text": "",
        "top": 4856,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-33",
    "hex": "#316CF5",
    "alpha": 0.10196078431372549,
    "cssValue": "oklab(0.574906 -0.0260885 -0.215144 / 0.1)",
    "count": 1,
    "contexts": [
      {
        "tag": "li",
        "text": "4 Krea 3 Ultra 1,435",
        "top": 3379,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-34",
    "hex": "#FFFFFF",
    "alpha": 0.30196078431372547,
    "cssValue": "rgba(255, 255, 255, 0.3)",
    "count": 7,
    "contexts": [
      {
        "tag": "a",
        "text": "Photoshop",
        "top": 16986,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-35",
    "hex": "#131613",
    "alpha": 0.7215686274509804,
    "cssValue": "rgba(20, 22, 20, 0.72)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Prompt Seat the woman from at a candlelit Art Deco bar in the knit sweater from , with the silver ba",
        "top": 7963,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-36",
    "hex": "#000000",
    "alpha": 0.34901960784313724,
    "cssValue": "rgba(0, 0, 0, 0.35)",
    "count": 4,
    "contexts": [
      {
        "tag": "circle",
        "text": "",
        "top": 1807,
        "property": "svg-fill"
      },
      {
        "tag": "button",
        "text": "“Make it golden hour.”",
        "top": 13226,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "",
        "top": 13244,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-37",
    "hex": "#FFFFFF",
    "alpha": 0.8196078431372549,
    "cssValue": "rgba(255, 255, 255, 0.82)",
    "count": 3,
    "contexts": [
      {
        "tag": "div",
        "text": "Krea 3Krea 3 < 8 sec<8s",
        "top": 10667,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-38",
    "hex": "#FFFFFF",
    "alpha": 0.8,
    "cssValue": "oklab(0.999994 0.0000455677 0.0000200868 / 0.8)",
    "count": 14,
    "contexts": [
      {
        "tag": "button",
        "text": "",
        "top": 4565,
        "property": "control-background"
      },
      {
        "tag": "button",
        "text": "GPT Image 2.5",
        "top": 15868,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 15884,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-39",
    "hex": "#FFFFFF",
    "alpha": 0.0784313725490196,
    "cssValue": "rgba(255, 255, 255, 0.08)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Art Deco barGallery giantCouture",
        "top": 8102,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-40",
    "hex": "#000000",
    "alpha": 0.10196078431372549,
    "cssValue": "oklab(0 0 0 / 0.1)",
    "count": 19,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 3278,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 11235,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-41",
    "hex": "#000000",
    "alpha": 0.0392156862745098,
    "cssValue": "rgba(0, 0, 0, 0.04)",
    "count": 5,
    "contexts": [
      {
        "tag": "button",
        "text": "Sky blue",
        "top": 6706,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-42",
    "hex": "#FFFFFF",
    "alpha": 0.5490196078431373,
    "cssValue": "rgba(255, 255, 255, 0.55)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Prompt",
        "top": 7942,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Point at people, products, places and styles by number. Krea 3 puts them in one picture.",
        "top": 7792,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-43",
    "hex": "#FFFFFF",
    "alpha": 0.6,
    "cssValue": "rgba(255, 255, 255, 0.6)",
    "count": 4,
    "contexts": [
      {
        "tag": "button",
        "text": "Gallery giant",
        "top": 8108,
        "property": "text"
      },
      {
        "tag": "span",
        "text": "precision*",
        "top": 16509,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-44",
    "hex": "#000000",
    "alpha": 0.3215686274509804,
    "cssValue": "rgba(0, 0, 0, 0.32)",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 2431,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-45",
    "hex": "#FAFAF9",
    "alpha": 1,
    "cssValue": "rgb(250, 250, 249)",
    "count": 2,
    "contexts": [
      {
        "tag": "button",
        "text": "Changed pixels 11.1%",
        "top": 6319,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-46",
    "hex": "#000000",
    "alpha": 0.0784313725490196,
    "cssValue": "rgba(0, 0, 0, 0.08)",
    "count": 80,
    "contexts": [
      {
        "tag": "div",
        "text": "1 Make the lenses icy blue Under 8s",
        "top": 262,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "1 Glass mug",
        "top": 4517,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-47",
    "hex": "#2B7FFF",
    "alpha": 1,
    "cssValue": "oklch(0.623 0.214 259.815)",
    "count": 12,
    "contexts": [
      {
        "tag": "span",
        "text": "3",
        "top": 434,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 11235,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-48",
    "hex": "#FFFFFF",
    "alpha": 0.7490196078431373,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.75)",
    "count": 2,
    "contexts": [
      {
        "tag": "button",
        "text": "Real",
        "top": 11147,
        "property": "text"
      }
    ]
  }
]
```

### 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 vertical spacing between major sections, utilizing massive typographic scaling to define rhythm. Elements within cards have tighter, functional padding.
- Corner style: Consistent use of fully rounded (pill-shaped) elements for buttons and tags, combined with distinct rounded corners on large media cards and form containers.
- Radius: Large radii (e.g., 20px-30px) for main content blocks/images, and full-round (50% or 999px) for buttons, tabs, and tags.
- Borders: Mostly borderless, relying on background contrast (dark/light) or subtle, thin light-gray borders (e.g., color-32) for delineating form fields or specific card boundaries.
- Buttons: Pill-shaped. Primary actions use solid vibrant blue (color-31) or stark contrasting black/white depending on the section's canvas. Secondary actions use subtle grays or frosted glass effects (color-18, color-38).
- Content width: Responsive, centering content in a wide max-width container but allowing large media elements and bold typography to bleed towards the edges.
- Density: Low density. The layout prioritizes large imagery and massive text over packing in information, allowing each feature to breathe.
- Evidence: Observed via pill buttons, massive display fonts (font-34, font-6), large rounded media frames, and stark black/white section transitions.

## Sections

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

1. **Navbar — Krea Navbar** (Home)
   A thin bar over the image keeps navigation out of the way, and a single pill button gives one clear action.
   Capture: 1440×88px; page bounds 0–88px of 21224px; source section ID: `48836086-13b5-49d9-9489-4cc4323d7c41`; image: https://media.designdetails.io/library/72a1b275badb7df7ff41be82988ded8a6820774fd1a581e908dce57dabca053e/48836086-13b5-49d9-9489-4cc4323d7c41.webp
   SECTION.md v3.2: `48836086-13b5-49d9-9489-4cc4323d7c41` (deterministic evidence; editorial review pending)
2. **Hero — Full-bleed image hero with annotations** (Home)
   Edit annotations drawn on a photo show the product at work, while bottom-left text and two buttons set the next step.
   Capture: 1440×912px; page bounds 88–1000px of 21224px; source section ID: `9cf46238-b891-4734-bace-23aceea009b8`; image: https://media.designdetails.io/library/dfcc3ccaff735aa8f306fae535d0481938de1af52524688ec22901198a0d41f6/9cf46238-b891-4734-bace-23aceea009b8.webp
   SECTION.md v3.2: `9cf46238-b891-4734-bace-23aceea009b8` (deterministic evidence; editorial review pending)
3. **Stats — Large speed and cost claim** (Home)
   Oversized type states the headline gain, and inline chips with figures in the paragraph back it with real numbers.
   Capture: 1440×1227px; page bounds 1000–2227px of 21224px; source section ID: `4522239b-fa19-4413-ae50-3a82bb66d6c9`; image: https://media.designdetails.io/library/3fabf863d98775b1827312620763aa2f53d649048b1558d9ff2616640ef60747/4522239b-fa19-4413-ae50-3a82bb66d6c9.webp
   SECTION.md v3.2: `4522239b-fa19-4413-ae50-3a82bb66d6c9` (deterministic evidence; editorial review pending)
4. **Comparison — Price and speed benchmark bars** (Home)
   Two ranked bar lists with the highlighted row let visitors compare cost and time against rivals at a glance.
   Capture: 1440×812px; page bounds 2227–3039px of 21224px; source section ID: `757c9f20-1ad7-420d-9f5f-961dd84a1c1c`; image: https://media.designdetails.io/library/c40bcea62f201373d1d3aa27431d7fe023da7655030ec16cc4a72b0226c062e3/757c9f20-1ad7-420d-9f5f-961dd84a1c1c.webp
   SECTION.md v3.2: `757c9f20-1ad7-420d-9f5f-961dd84a1c1c` (deterministic evidence; editorial review pending)
5. **Stats — Ranked leaderboard bar chart** (Home)
   A sorted bar chart with one highlighted row shows the model's rank and score, with a source note for credibility.
   Capture: 1440×905px; page bounds 3039–3944px of 21224px; source section ID: `9be733bf-2d8f-4981-b7a0-3bdfdd04f91a`; image: https://media.designdetails.io/library/61509c0cde426f2a65168d0adc74646e1c786b34481d8f4e2708d2cc7ceee9cf/9be733bf-2d8f-4981-b7a0-3bdfdd04f91a.webp
   SECTION.md v3.2: `9be733bf-2d8f-4981-b7a0-3bdfdd04f91a` (deterministic evidence; editorial review pending)
6. **Gallery — Tabbed use-case carousel with prompt** (Home)
   Category tabs and a large image with its prompt show how one tool covers many industries.
   Capture: 1440×1285px; page bounds 3944–5229px of 21224px; source section ID: `17b72666-7133-4f26-a4a0-a85f2bb4ccb7`; image: https://media.designdetails.io/library/f5fd05228759274e65cfe510a24e3477daa040753b188dc9abb6818dfbae9138/17b72666-7133-4f26-a4a0-a85f2bb4ccb7.webp
   SECTION.md v3.2: `17b72666-7133-4f26-a4a0-a85f2bb4ccb7` (deterministic evidence; editorial review pending)
7. **Features — Region editing with labeled callouts** (Home)
   Colored tags pinned to parts of one photo show exactly which regions changed, with chips below as a legend.
   Capture: 1440×1227px; page bounds 5229–6456px of 21224px; source section ID: `5fad1bdb-5a00-42fd-af2e-45fb7692950d`; image: https://media.designdetails.io/library/53c3692798b7b2b90f8d6698d2a07ba08c530a243e504da2b280add2abc595ee/5fad1bdb-5a00-42fd-af2e-45fb7692950d.webp
   SECTION.md v3.2: `5fad1bdb-5a00-42fd-af2e-45fb7692950d` (deterministic evidence; editorial review pending)
8. **Features — Color swatches over image carousel** (Home)
   Swatch chips above large images let visitors see exact color matching, with a short explanation beside the heading.
   Capture: 1440×940px; page bounds 6456–7396px of 21224px; source section ID: `dc8836ee-7261-408a-9a7c-866d50bea912`; image: https://media.designdetails.io/library/fcdd8f7c9dbf9b5633c2a48cb15350729a326ad3c0987645ca567791746ce5eb/dc8836ee-7261-408a-9a7c-866d50bea912.webp
   SECTION.md v3.2: `dc8836ee-7261-408a-9a7c-866d50bea912` (deterministic evidence; editorial review pending)
9. **Features — Reference images with prompt overlay** (Home)
   A dark full-bleed panel puts the reference photo and numbered prompt together, so the multi-reference idea reads quickly.
   Capture: 1440×870px; page bounds 7396–8266px of 21224px; source section ID: `bb84fe38-a25c-4abb-8462-e91cdcac638f`; image: https://media.designdetails.io/library/9bc16887bf8e4d94b1c641b236e38d82c64e9b5c1d20ac25d685d0a86973469d/bb84fe38-a25c-4abb-8462-e91cdcac638f.webp
   SECTION.md v3.2: `bb84fe38-a25c-4abb-8462-e91cdcac638f` (deterministic evidence; editorial review pending)
10. **Gallery — Three portraits showing consistency** (Home)
   Equal rounded portraits in a row let visitors judge identity consistency across scenes, and a side note explains it.
   Capture: 1440×966px; page bounds 8266–9232px of 21224px; source section ID: `b7edb3d2-e6bb-49f1-9a01-8967c7409d7b`; image: https://media.designdetails.io/library/f03f0022596cf0ea4e6abc4b4e5f9808cf2ae3d257830380fb65f34ac2b55459/b7edb3d2-e6bb-49f1-9a01-8967c7409d7b.webp
   SECTION.md v3.2: `b7edb3d2-e6bb-49f1-9a01-8967c7409d7b` (deterministic evidence; editorial review pending)
11. **Features — Native 2K image with loupe** (Home)
   Giant headline type and a magnifier over a detailed photo prove resolution by letting visitors inspect pixels.
   Capture: 1440×1136px; page bounds 9232–10368px of 21224px; source section ID: `b9fe6b27-374c-4789-84cc-e22c98b40e70`; image: https://media.designdetails.io/library/02b47fa0e3d24d32f45f9e19d75566c568cab12cd471a0c25ae5ac0dcbb75f9f/b9fe6b27-374c-4789-84cc-e22c98b40e70.webp
   SECTION.md v3.2: `b9fe6b27-374c-4789-84cc-e22c98b40e70` (deterministic evidence; editorial review pending)
12. **Comparison — Side-by-side generation speed demo** (Home)
   Three parallel panels with timers and costs let visitors watch the speed gap, and playback buttons control the pace.
   Capture: 1440×1117px; page bounds 10368–11485px of 21224px; source section ID: `2945fa2c-f96e-40dd-bff8-3c7ef79d9e28`; image: https://media.designdetails.io/library/923d1d7ae052a38a818fcb43c5ad8303bee11758c6900217ef212a987f455806/2945fa2c-f96e-40dd-bff8-3c7ef79d9e28.webp
   SECTION.md v3.2: `2945fa2c-f96e-40dd-bff8-3c7ef79d9e28` (deterministic evidence; editorial review pending)
13. **Gallery — Filtered carousel of design work** (Home)
   Category filter pills and large design samples with captions show range across posters, packaging and branding.
   Capture: 1440×1010px; page bounds 11485–12495px of 21224px; source section ID: `b6468591-c63e-4903-a48e-6ef87e10c15f`; image: https://media.designdetails.io/library/f9ab0ed86caf6dcdd12a095694fe811e81d2f44cc15f1d2fbd90ac225fff95a6/b6468591-c63e-4903-a48e-6ef87e10c15f.webp
   SECTION.md v3.2: `b6468591-c63e-4903-a48e-6ef87e10c15f` (deterministic evidence; editorial review pending)
14. **Features — Voice edit demo with chat bubbles** (Home)
   Photo and voice-note bubbles around huge type mimic a messaging app, making voice editing instantly understandable.
   Capture: 1440×1000px; page bounds 12495–13495px of 21224px; source section ID: `918ceb65-3378-4bf3-96db-6387f36d837a`; image: https://media.designdetails.io/library/af969d0c81c2699945e1f04ad5e55f54a253136b14da2f9a0e8e8e6a43c008cc/918ceb65-3378-4bf3-96db-6387f36d837a.webp
   SECTION.md v3.2: `918ceb65-3378-4bf3-96db-6387f36d837a` (deterministic evidence; editorial review pending)
15. **Gallery — Mosaic grid of preset thumbnails** (Home)
   Varied-size tiles with short labels show the breadth of presets, and a button sits beside the heading.
   Capture: 1440×1008px; page bounds 13495–14503px of 21224px; source section ID: `3a6ec278-f44e-4c44-ace0-60a3d589adb7`; image: https://media.designdetails.io/library/78af5bc6580b83432fa86c6267d079f4d00f62a8f3e316ece267c41fc8acbd05/3a6ec278-f44e-4c44-ace0-60a3d589adb7.webp
   SECTION.md v3.2: `3a6ec278-f44e-4c44-ace0-60a3d589adb7` (deterministic evidence; editorial review pending)
16. **Features — Before-after slider with tabs** (Home)
   Tabs switch effects while a draggable split compares input and result, with the prompt shown below.
   Capture: 1440×1073px; page bounds 14503–15576px of 21224px; source section ID: `2b3cb942-a7ac-4dfa-a837-1ffa66867419`; image: https://media.designdetails.io/library/6dfde95a0313d50fb6d5e9e4f8a7db2611a027064e40113d67c9f07a1654275c/2b3cb942-a7ac-4dfa-a837-1ffa66867419.webp
   SECTION.md v3.2: `2b3cb942-a7ac-4dfa-a837-1ffa66867419` (deterministic evidence; editorial review pending)
17. **Comparison — Pixel precision drag comparison** (Home)
   A drag slider with orange marks on changed pixels and large percentages makes the accuracy difference obvious.
   Capture: 1440×1101px; page bounds 15576–16677px of 21224px; source section ID: `9de399f7-dca0-4a03-8cce-b2b6852f1a1b`; image: https://media.designdetails.io/library/7f929801c686b3deafc309789ecd7a0a33c3ef899845834e1342f7e1d084cf7b/9de399f7-dca0-4a03-8cce-b2b6852f1a1b.webp
   SECTION.md v3.2: `9de399f7-dca0-4a03-8cce-b2b6852f1a1b` (deterministic evidence; editorial review pending)
18. **Logo Cloud — Row of creative tool icons** (Home)
   A compact row of familiar app icons under a short heading shows where the product fits into existing workflows.
   Capture: 1440×453px; page bounds 16677–17130px of 21224px; source section ID: `8ef259bd-5c63-4579-89f4-b4e6d8bb2374`; image: https://media.designdetails.io/library/5c3dfd1b852587bb66de1f2a57642182150ed2a81767421d5adf93985128e1ae/8ef259bd-5c63-4579-89f4-b4e6d8bb2374.webp
   SECTION.md v3.2: `8ef259bd-5c63-4579-89f4-b4e6d8bb2374` (deterministic evidence; editorial review pending)
19. **Forms — Sales form beside benefit list** (Home)
   A white form card beside checkmarked benefits and team logos gives reasons to enquire and a clear way to do it.
   Capture: 1440×857px; page bounds 17130–17987px of 21224px; source section ID: `4faad253-15d5-47c7-8582-ad6cdb8ef129`; image: https://media.designdetails.io/library/acf2f7b75533db232c7126273284bbe6b56c1a0fefc0df2c3189c87a71c74f6f/4faad253-15d5-47c7-8582-ad6cdb8ef129.webp
   SECTION.md v3.2: `4faad253-15d5-47c7-8582-ad6cdb8ef129` (deterministic evidence; editorial review pending)
20. **CTA — Press kit banner with image** (Home)
   A slim card with three included items, one dark button and a billboard image makes the press resource easy to find.
   Capture: 1440×440px; page bounds 17987–18427px of 21224px; source section ID: `a8a03c20-431f-4e8b-b10b-7ada05c54a9a`; image: https://media.designdetails.io/library/3fec114e7334170be362cf699695c38a3fddd11427e131caec383f5525d87c62/a8a03c20-431f-4e8b-b10b-7ada05c54a9a.webp
   SECTION.md v3.2: `a8a03c20-431f-4e8b-b10b-7ada05c54a9a` (deterministic evidence; editorial review pending)
21. **FAQ — Expandable question list** (Home)
   Single-line rows with plus icons keep the list compact and let visitors open only the answers they need.
   Capture: 1440×957px; page bounds 18427–19384px of 21224px; source section ID: `caf81be4-443f-4f37-8c3c-1bf063911ed1`; image: https://media.designdetails.io/library/80580ecc3e1e41350385b2539cc3074bdf4ce45007c77259888edd247abae7f8/caf81be4-443f-4f37-8c3c-1bf063911ed1.webp
   SECTION.md v3.2: `caf81be4-443f-4f37-8c3c-1bf063911ed1` (deterministic evidence; editorial review pending)
22. **Other — On-page link chips over big wordmark** (Home)
   Pill links jump to each section, and a huge pale wordmark gives the page a quiet closing moment.
   Capture: 960×600px; page bounds 19384–20134px of 21224px; source section ID: `c7a96bcc-440d-4b65-9fcd-d5532328ec46`; image: https://media.designdetails.io/library/5c1297ea5d402f75742e699cb8f6b16435ae5f82ac1f22f6013d5b91ae4475c6/c7a96bcc-440d-4b65-9fcd-d5532328ec46.webp
   SECTION.md v3.2: `c7a96bcc-440d-4b65-9fcd-d5532328ec46` (deterministic evidence; editorial review pending)
23. **Footer — Multi-column link footer** (Home)
   Grouped columns by task with small badges on new items help visitors find any tool, with legal and social links below.
   Capture: 1440×1090px; page bounds 20134–21224px of 21224px; source section ID: `dee84169-ca86-4b0a-80fe-39bd82cc94cc`; image: https://media.designdetails.io/library/fc41f77e4b5cb19114d4699cd2ed11c71beb12d7f4e59ea456c37c3abe738a72/dee84169-ca86-4b0a-80fe-39bd82cc94cc.webp
   SECTION.md v3.2: `dee84169-ca86-4b0a-80fe-39bd82cc94cc` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/d752091c1bb98273512fd1cbc7ad00a1359029a3118d1642c43f5e31d79434ce/desktop_full-67b14168-2026-10-31T06-25-38-744Z.jpg
- Mobile screenshot: https://media.designdetails.io/library/61ea4471750ed2c0655e23bfc1539ade0720c6d97b36d0063762209509a1889d/mobile_full-67b14168-2026-10-31T06-26-41-597Z.jpg
- Open Graph image: https://media.designdetails.io/library/8e8b8b68ccc8d8abd232b71e57577eb5cc5ec37742011183dfaf06fe9d0eb55f/og_image-67b14168-2026-10-31T06-25-47-939Z.webp
- Full-page video: https://media.designdetails.io/library/4458ea77cc155ef808b34a04e4493a7ad741561648c36d70fdff8140bca99106/motion-1793430008804.mp4
- Video poster: https://media.designdetails.io/library/ddf31efc0fb994ae8a6b6694ca7bd2328e8ea9a268490207be0707a4e91f4aa0/motion-poster-1793430008804.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
- Pricing Table
- Feature Card
- Gallery
- Primary Button
- Tag
- Contact Form
- Footer
- Product UI
- Interactive Comparison Slider
- Floating Bottom Navigation
- Image Hotspot Labels

## Quality rubric

Overall: 57.5/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: This is a polished, professionally executed AI-product marketing page that does its job well: oversized typographic claims, a sourced competitive benchmark chart, and interactive before/after demonstrations substantiate the product's value proposition with real specificity rather than empty hype. The typographic system is confidently scaled and consistently applied, the monochrome-plus-blue palette stays legible throughout a long page, and the layout maintains a coherent rhythm of whitespace, rounded media cards, and pill controls. However, nearly every structural device on display — the giant numeral hero stat, the Arena-style leaderboard bar chart, the drag-to-compare slider, the floating bottom pill nav, and the closing oversized translucent wordmark — is now a well-worn convention across contemporary AI tool launches. The motion evidence shows only standard scroll-triggered fade/translate/scale reveals with no observed choreography beyond that genre norm. The result is a genuinely competent, content-forward execution of a familiar format rather than a system with several hard-to-substitute ideas, which keeps it solidly in the competent tier rather than reaching 'good' or higher.

- Typography (15%): 68 — A disciplined, custom-named display family ('Krea 3 Suisse Intl') is pushed to extreme scale (288px, 132px, 100px) with consistently tight negative tracking, paired with a calmer Suisse Intl body/UI layer. The hierarchy is legible and consistent across dozens of measured instances, but the 'giant numeral statement' move (10x Faster, Native 2K) is now a common AI-launch convention rather than a distinctive typographic idea.
- Color (10%): 59 — Palette is restrained and legible: black/white canvas, near-black #111111 contrast sections, a single vivid blue (#2E6CF6) reserved for CTAs and data highlights, and muted gray (#737373) for secondary text. This is functional and on-brand for a technical tool, but it is also a very conventional monochrome-plus-one-accent system seen across many SaaS/AI sites, with no distinctive secondary hue, texture, or chromatic ambition beyond the swatch picker demo itself.
- Layout (20%): 65 — Generous vertical rhythm, large rounded media frames, a floating pill nav, and a benchmark bar chart are deployed consistently across many sections, with a giant translucent wordmark anchoring the footer. The structure is coherent and well-crafted, but it follows a now-standard AI-product template (hero stat claim → competitor benchmark chart → feature-card grid → before/after sliders → contact form → mega-logo footer) rather than inventing new structural logic.
- Motion (20%): 56 — Observed motion is limited to conventional scroll-triggered fade/translate/scale reveals on headlines and grid items, plus a draggable comparison slider. These are competently implemented and timed to narrative beats, but nothing exceeds standard scroll-reveal patterns common to this genre; hover/click-driven choreography is largely unobserved, and claims about smoothness/easing cannot be verified from the evidence.
- Originality (25%): 40 — The page assembles a now-familiar AI product-launch vocabulary: oversized numeral hero claims, a competitor benchmark leaderboard bar chart, before/after comparison sliders, numbered image hotspots, and a floating pill nav with a giant closing wordmark. Each piece is well executed, but this exact combination of components and rhythm has become a recognizable template across recent AI tool launches, so there is little here that is hard to substitute or surprising at a systemic level.
- Content (10%): 72 — Content integration is a relative strength: the benchmark chart ties directly to a sourced leaderboard, the hex-code color-matching demo and numbered hotspot tags let the copy and the product UI explain each other, and captions/pricing annotations clarify methodology. The marketing claims are substantiated with specific, labeled visual evidence rather than generic photography.

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
- [x] Functional palette
- [ ] Normalized sections
- [x] Reusable components
- [x] Typography roles

## Curator notes

A full-bleed photo of a tiled table with floating edit tags and crop handles shows the tool working on a real image instead of an abstract mockup. Bold black two-line headlines and bracketed stat callouts like 1.8s and $0.06 break the long scroll into short, scannable claims that build confidence before any text is read.

## 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.