# Bloom — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://bloom.security/
Captured: 2026-10-21
CSS measured: 2026-10-21T03:43:55.039Z at 1440×1000 — https://bloom.security/
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

Bloom Security's website employs an elegant, editorial aesthetic defined by sophisticated serif typography (Libre Baskerville) paired with clean sans-serifs. The design stands out through its use of a soft, pale pink and deep burgundy color palette, combined with highly detailed, botanical 3D illustrations that provide visual intrigue and a distinct brand identity. The layout is spacious and uncluttered, utilizing soft UI mockups with gentle shadows to demonstrate the product's capabilities. Rounded pill-shaped buttons and subtle borders contribute to the overall soft and refined visual language.

## Classification

- Industry: ai
- Site type: Blog, Store
- Business model: Shopping, Software
- Styles: editorial, illustrative, soft, minimal, 3d-art, sophisticated
- Platform: Framer
- Technology: Not identified

## Typography

- Display: Libre Baskerville — weight 500; size 50px; line-height 55px; tracking -2.5px; Regular (95% role confidence, computed values)
- Heading: Libre Baskerville — weight 400; size 40px; line-height 48px; tracking -1.2px; Regular (95% role confidence, computed values)
- Body: DM Sans — weight 400; size 18px; line-height 28.8px; tracking normal; Regular (90% role confidence, computed values)

## Functional palette

- Canvas — canvas #F0E9ED: color-1: computed rgb(240, 233, 237); AI role: Pale pink background (#F0E9ED) applied to the document body. (95% role confidence, computed values)
- Text — text #261116: color-2: computed rgb(38, 17, 22); AI role: Deep burgundy (#261116) used for primary text and headings. (95% role confidence, computed values)
- Surface — surface #DECCD1: color-3: computed rgb(222, 204, 209); AI role: Muted pink (#DECCD1) used for background blocks and surfaces. (85% 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": "Libre Baskerville",
    "fontStack": "\"Libre Baskerville\", \"Libre Baskerville Placeholder\", serif",
    "weight": "500",
    "size": "25px",
    "lineHeight": "27.5px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "h2",
        "text": "Live inventory",
        "top": 5072,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Contextual risk analysis",
        "top": 5905,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Granular Remediation",
        "top": 6833,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Libre Baskerville",
    "fontStack": "\"Libre Baskerville\", \"Libre Baskerville Placeholder\", sans-serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "48px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "Yesterday’s security tools are not built for the realities of today’s endpoint.",
        "top": 1011,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "The right approach for endpoint security",
        "top": 3765,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "A unified endpoint control plane",
        "top": 4666,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "500",
    "size": "27px",
    "lineHeight": "32.4px",
    "letterSpacing": "normal",
    "traits": "capitalize",
    "count": 4,
    "contexts": [
      {
        "tag": "h3",
        "text": "Complete endpoint Solution",
        "top": 9779,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Complete AI coverage",
        "top": 9779,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Complete",
        "top": 9777,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "500",
    "size": "22px",
    "lineHeight": "28.6px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "AI is on every endpoint",
        "top": 1464,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Every app is an appstore",
        "top": 1544,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "3rd party code is everywhere",
        "top": 1544,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Libre Baskerville Variable",
    "fontStack": "\"Libre Baskerville Variable\", \"Libre Baskerville Variable Placeholder\", serif",
    "weight": "400",
    "size": "70px",
    "lineHeight": "70px",
    "letterSpacing": "-3.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Bloom with us",
        "top": 11259,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Libre Baskerville",
    "fontStack": "\"Libre Baskerville\", \"Libre Baskerville Placeholder\", serif",
    "weight": "500",
    "size": "50px",
    "lineHeight": "55px",
    "letterSpacing": "-2.5px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h1",
        "text": "Securing the AI-Native Endpoint",
        "top": 279,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Libre Baskerville",
    "fontStack": "\"Libre Baskerville\", \"Libre Baskerville Placeholder\", serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "48px",
    "letterSpacing": "-1.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Do you really know what happens on your endpoints?",
        "top": 1891,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "17px",
    "lineHeight": "27.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 21,
    "contexts": [
      {
        "tag": "p",
        "text": "Agents, MCP servers, and local automation are a fact of life - and security needs to make it work.",
        "top": 1531,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Browsers, business tools, IDEs - every app comes with an appstore (or a package manager). Who knows ",
        "top": 1612,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Developers (and AI agents) are downloading open source libraries faster than security reviews can ca",
        "top": 1612,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Plus Jakarta Sans",
    "fontStack": "\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "span",
        "text": "251 Little Falls Drive,",
        "top": 11598,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Wilmington, New Castle County,",
        "top": 11622,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Delaware 19808, United States",
        "top": 11646,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "25.6px",
    "letterSpacing": "2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "The Challenge",
        "top": 975,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The Solution",
        "top": 3730,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Capabilities",
        "top": 4631,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Plus Jakarta Sans",
    "fontStack": "\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "18.2px",
    "lineHeight": "25.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Bradley Schaufenbuel",
        "top": 10739,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "VP and CISO | HCM market leader",
        "top": 10765,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Plus Jakarta Sans",
    "fontStack": "\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif",
    "weight": "500",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Get a Demo",
        "top": 661,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Get a Demo",
        "top": 11420,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "of corporate laptops have unapproved extensions and plugins installed.",
        "top": 2481,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "of employees use personal, unregulated GenAI accounts for work.",
        "top": 2481,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "30px",
    "lineHeight": "46.5px",
    "letterSpacing": "normal",
    "traits": "italic",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "\"Laptops at most organizations have dozens of tools that the security team never approved. Security ",
        "top": 10432,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "28.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Today, every endpoint is an ecosystem. AI agents, unknown extensions, and on-device data are creatin",
        "top": 466,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Plus Jakarta Sans",
    "fontStack": "\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "28.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Own your full endpoint surface",
        "top": 11339,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "of enterprise risk leaders ranked shadow AI as one of the top five emerging risks to watch.",
        "top": 2481,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Plus Jakarta Sans",
    "fontStack": "\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif",
    "weight": "500",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Get a Demo",
        "top": -61,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Satoshi",
    "fontStack": "Satoshi, \"Satoshi Placeholder\", sans-serif",
    "weight": "400",
    "size": "70px",
    "lineHeight": "63px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 60,
    "contexts": [
      {
        "tag": "div",
        "text": "0",
        "top": 1952,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "1",
        "top": 2015,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "2",
        "top": 2078,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Libre Baskerville",
    "fontStack": "\"Libre Baskerville\", \"Libre Baskerville Placeholder\", serif",
    "weight": "400",
    "size": "39px",
    "lineHeight": "54.6px",
    "letterSpacing": "-1.2px",
    "traits": "italic",
    "count": 22,
    "contexts": [
      {
        "tag": "span",
        "text": "In",
        "top": 3020,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "6",
        "top": 3020,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "months,",
        "top": 3020,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "500",
    "size": "22px",
    "lineHeight": "26.4px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "See",
        "top": 4393,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Understand",
        "top": 4393,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Fix",
        "top": 4393,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Satoshi",
    "fontStack": "Satoshi, \"Satoshi Placeholder\", sans-serif",
    "weight": "400",
    "size": "70px",
    "lineHeight": "63px",
    "letterSpacing": "-2px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "%",
        "top": 2393,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "%",
        "top": 2393,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "%",
        "top": 2393,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "25px",
    "lineHeight": "40px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "Bloom covers the full spectrum of endpoint security -",
        "top": 10073,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "from visibility to governance to remediation.",
        "top": 10113,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Libre Baskerville",
    "fontStack": "\"Libre Baskerville\", \"Libre Baskerville Placeholder\", serif",
    "weight": "400",
    "size": "40px",
    "lineHeight": "48px",
    "letterSpacing": "-1.2px",
    "traits": "italic",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "really",
        "top": 1890,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "18px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Cookie Settings",
        "top": 11881,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Plus Jakarta Sans",
    "fontStack": "\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "23.4px",
    "letterSpacing": "-0.2px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "© 2026 Bloom Security",
        "top": 11878,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Rethink Sans",
    "fontStack": "\"Rethink Sans\", \"Rethink Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "17px",
    "lineHeight": "25.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Home",
        "top": 11598,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Solutions",
        "top": 11637,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "About",
        "top": 11676,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "DM Sans",
    "fontStack": "\"DM Sans\", \"DM Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "a",
        "text": "Live inventory",
        "top": 4744,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Contextual risk analysis",
        "top": 4744,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Granular Remediation",
        "top": 4744,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Plus Jakarta Sans",
    "fontStack": "\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif",
    "weight": "600",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Home",
        "top": -76,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Solution",
        "top": -76,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "About",
        "top": -76,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Plus Jakarta Sans",
    "fontStack": "\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "27px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Terms of Use",
        "top": 11877,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Privacy Policy",
        "top": 11877,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#F0E9ED",
    "alpha": 1,
    "cssValue": "rgb(240, 233, 237)",
    "count": 26,
    "contexts": [
      {
        "tag": "body",
        "text": ":root body { background: var(--token-076f453b-4278-441a-9ff7-b0f0504b1614); }HomeSolutionAboutBlogGe",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "HomeSolutionAboutBlogGet a Demohtml body { background: var(--token-076f453b-4278-441a-9ff7-b0f0504b1",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "nav",
        "text": "HomeSolutionAboutBlogGet a Demo",
        "top": -90,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#261116",
    "alpha": 1,
    "cssValue": "rgb(38, 17, 22)",
    "count": 145,
    "contexts": [
      {
        "tag": "a",
        "text": "Home",
        "top": -76,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Get a Demo",
        "top": -77,
        "property": "control-background"
      },
      {
        "tag": "h1",
        "text": "Securing the AI-Native Endpoint",
        "top": 279,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#DECCD1",
    "alpha": 1,
    "cssValue": "rgb(222, 204, 209)",
    "count": 24,
    "contexts": [
      {
        "tag": "div",
        "text": "Do you really know what happens on your endpoints?",
        "top": 1693,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "In",
        "top": 3020,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#B2325A",
    "alpha": 1,
    "cssValue": "rgb(178, 50, 90)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "In 6 months, every endpoint runs tools built by Mythos-powered agents - exposing your organization t",
        "top": 2630,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#261116",
    "alpha": 0.6,
    "cssValue": "rgba(38, 17, 22, 0.6)",
    "count": 8,
    "contexts": [
      {
        "tag": "a",
        "text": "Solution",
        "top": -76,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#C79B7D",
    "alpha": 1,
    "cssValue": "rgb(199, 155, 125)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 10504,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 43,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 662,
        "property": "svg-fill"
      },
      {
        "tag": "use",
        "text": "",
        "top": 663,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 1067,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#1D1014",
    "alpha": 0.45098039215686275,
    "cssValue": "rgba(28, 15, 20, 0.45)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "Understand",
        "top": 4393,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#191919",
    "alpha": 0.12156862745098039,
    "cssValue": "rgba(22, 26, 24, 0.12)",
    "count": 4,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 4373,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "rgba(255, 255, 255, 0.2)",
    "count": 2,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 10384,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#271414",
    "alpha": 0.050980392156862744,
    "cssValue": "rgba(38, 17, 22, 0.05)",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Home",
        "top": -76,
        "property": "control-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 and airy, with large vertical padding (often 100px+) separating distinct content sections.
- Corner style: Predominantly rounded, from soft rounded corners on UI cards to fully rounded, pill-shaped buttons.
- Radius: Medium radius (approx 8-16px) on product UI mockups and feature cards; fully rounded (pill) on buttons.
- Borders: Mostly borderless relying on soft background contrasts, with thin (1px) solid borders on outline buttons and some UI elements.
- Buttons: Pill-shaped with either a solid dark fill or an outline with a transparent fill, often accompanied by an arrow icon.
- Content width: Standard max-width container (around 1200px), often utilizing a 50/50 split for text and imagery.
- Density: Low density, characterized by significant whitespace and large typography.
- Evidence: Visual observation of the hero button (pill, outline), floating UI mockups (rounded corners, soft shadows), and the ample space between the 'Challenge' and 'Capabilities' sections.

## Sections

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

1. **Hero — AI-Native Endpoint Hero** (Home)
   AI suggestion (98% confidence): Complete hero with a clear security value proposition, supporting copy, demo CTA, and distinctive 3D product artwork.
   Capture: 1440×834px; page bounds 75–909px of 12560px; source section ID: `c4f8ace7-57d2-46a5-b076-9f44b85b1a9a`; image: https://media.designdetails.io/library/ec9ef6bfbca1cdb29aecd46ca2f504072400ab9200c0662add7011ecea09b9b4/c4f8ace7-57d2-46a5-b076-9f44b85b1a9a.webp
   SECTION.md v3.2: `c4f8ace7-57d2-46a5-b076-9f44b85b1a9a` (deterministic evidence; editorial review pending)
2. **Features — The Endpoint Security Challenge** (Home)
   AI suggestion (93% confidence): Complete challenge section combining three risk cards, an app-ecosystem visual, and supporting statistics into one cohesive, reusable narrative component.
   Capture: 1440×1650px; page bounds 978–2628px of 12560px; source section ID: `8de803cd-219b-4fb0-8e1c-35e744c55dcc`; image: https://media.designdetails.io/library/4183b8911f4d6996018afa4772c5146e457cebe1d64d54ea5b9fe4be47098992/8de803cd-219b-4fb0-8e1c-35e744c55dcc.webp
   SECTION.md v3.2: `8de803cd-219b-4fb0-8e1c-35e744c55dcc` (deterministic evidence; editorial review pending)
3. **Process — The right approach for endpoint security** (Home)
   AI suggestion (91% confidence): Complete solution section with its own heading and a self-contained four-stage visual framework: See, Understand, Fix, and Prevent.
   Capture: 1440×885px; page bounds 3635–4520px of 12560px; source section ID: `c86e736d-b146-4084-a1cb-de8433ba858c`; image: https://media.designdetails.io/library/743ac49c92fc19f74a2c4e481f570b546ac90098e2c32efcfabd0cc9f6ade49f/c86e736d-b146-4084-a1cb-de8433ba858c.webp
   SECTION.md v3.2: `c86e736d-b146-4084-a1cb-de8433ba858c` (deterministic evidence; editorial review pending)
4. **Feature Card — Contextual Risk Analysis** (Home)
   AI suggestion (95% confidence): Complete, reusable split-layout feature with a clear heading, benefit bullets, and a distinctive layered risk-story visualization; strongest representative of the repeated product-feature pattern.
   Capture: 1440×687px; page bounds 5803–6490px of 12560px; source section ID: `3418c721-ecc3-4ace-ad2d-b9ac8ffa2923`; image: https://media.designdetails.io/library/912d2c77033ecbaa6f15f8b4dce9347870dae7d3f461cea58e750c645b35c91d/3418c721-ecc3-4ace-ad2d-b9ac8ffa2923.webp
   SECTION.md v3.2: `3418c721-ecc3-4ace-ad2d-b9ac8ffa2923` (deterministic evidence; editorial review pending)
5. **Feature Grid — Complete Endpoint Security Pillars** (Home)
   AI suggestion (97% confidence): Complete three-card feature grid with a clear headline, distinctive product imagery, concise descriptions, and a concluding statement; both its beginning and ending are visible.
   Capture: 1440×801px; page bounds 9378–10179px of 12560px; source section ID: `cd76bdee-6a6c-420d-add3-d69f6fd397a8`; image: https://media.designdetails.io/library/3ffae7ee47e02aed3f6c4eca07de863b94976057d6918def49a364a44e73b720/cd76bdee-6a6c-420d-add3-d69f6fd397a8.webp
   SECTION.md v3.2: `cd76bdee-6a6c-420d-add3-d69f6fd397a8` (deterministic evidence; editorial review pending)
6. **CTA — Bloom with us demo CTA** (Home)
   AI suggestion (96% confidence): Complete centered conversion block with a distinctive floral emblem, clear headline, supporting copy, and prominent “Get a Demo” button.
   Capture: 1440×475px; page bounds 11048–11523px of 12560px; source section ID: `7ea2f271-9637-4062-b222-3ac24563bbbc`; image: https://media.designdetails.io/library/a1a81a00fc6d8afee91227be8701b607c6dcb1e35d134f37db286a2fe359e772/7ea2f271-9637-4062-b222-3ac24563bbbc.webp
   SECTION.md v3.2: `7ea2f271-9637-4062-b222-3ac24563bbbc` (deterministic evidence; editorial review pending)
7. **Footer — Bloom Security footer** (Home)
   AI suggestion (98% confidence): Complete, substantial footer with brand mark, navigation, global addresses, contact details, legal and social links, certification badge, and a distinctive illustrated floral landscape.
   Capture: 1440×1015px; page bounds 11545–12560px of 12560px; source section ID: `eee17dbe-7625-4a70-8436-ce3c74c79157`; image: https://media.designdetails.io/library/557a576bd5a1b2b90a5dfe31ce986f590a89f67dadcfd742bcfde4256c106417/eee17dbe-7625-4a70-8436-ce3c74c79157.webp
   SECTION.md v3.2: `eee17dbe-7625-4a70-8436-ce3c74c79157` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/718d6ed3c564ffca5575f9e415ea3311b2d03df5c8c967550dc46d9d6fdd28f0/desktop_full-693ea470-2026-10-21T03-43-55-061Z.webp
- Mobile screenshot: https://media.designdetails.io/library/1898355b741d45daac7cb97ba682ddd88654fa0430121ec536fabad9dade0fb7/mobile_full-693ea470-2026-10-21T03-44-47-671Z.webp
- Open Graph image: https://media.designdetails.io/library/5897bcf95e383ced8e8e04aaf7ead9c33608ba253eb8ac3ef886a81e9a8aa2de/og_image-693ea470-2026-10-21T03-44-05-273Z.webp
- Full-page video: https://media.designdetails.io/library/48e9fd6d4aed1d85df176978effe057a395aaedc1ad1d78d737ebad4a9bfcb6d/motion-1792555203910.mp4
- Video poster: https://media.designdetails.io/library/fb7f84eab054f5e4ab4977f98ce4c5657f41f5788057438f23dc0f541a9b7a5d/motion-poster-1792555203910.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
- Outline Button
- Primary Button
- Stat Block
- Feature Card
- Product UI
- Testimonial Card
- Footer
- Scrolling Feature Tabs
- Floating UI Collage

## Quality rubric

Overall: 64.4/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: Bloom Security pairs a genuinely distinctive botanical 3D-illustration identity with a restrained pink/burgundy palette and a motion system that spans the full page rather than stopping at the hero, which lifts it clearly above a generic template execution. But the layout skeleton underneath the illustrations is a familiar SaaS landing-page assembly, and the typography fragments across too many families without a clear system, keeping the overall experience solidly in the good tier rather than strong.

- Typography (15%): 58 — The display serif (Libre Baskerville) paired with DM Sans body copy gives the page a legible editorial voice, with a sensible size scale (50px hero, 40px section heads, 18px body) and consistent negative tracking on headings. However the type system is not disciplined: six distinct families appear (Libre Baskerville, Libre Baskerville Variable, DM Sans, Plus Jakarta Sans, Satoshi, Rethink Sans), and the same UI role is inconsistently styled — the top nav uses Plus Jakarta Sans while the footer nav links switch to Rethink Sans, and large stat numerals use a sixth family (Satoshi) with no evident typographic logic tying it to the rest of the system.
- Color (10%): 69 — The palette is restrained and cohesive: a pale pink canvas, deep burgundy text, and muted pink surface recur across the full 12,500px page, with a single saturated magenta/burgundy band reserved for the mid-page risk statement, giving it intentional emphasis rather than diluting the palette. The accent tan used once for the testimonial carousel is the only minor departure, but it stays within the same muted, editorial register.
- Layout (20%): 63 — Generous whitespace, a clear 50/50 hero split, overlapping UI-mockup collages with soft shadows, and dividers between stat blocks demonstrate a consistent spacing rhythm across sections. But the underlying structural vocabulary — hero, three-card problem grid, stat strip, tabbed capability showcase with sticky mockup, three-card summary, testimonial carousel, CTA footer — is the standard SaaS landing-page template order used across countless competitor sites, differentiated mainly by the illustration overlay rather than by any structural invention.
- Motion (20%): 66 — Motion is distributed across the page rather than confined to the hero: a rotating 3D hero object, parallaxing app icons, a grid-disassembly transition between sections, scroll-synced translation of capability UI mockups tied to a tabbed narrative, and ambient animation in the footer illustration (wing flap) together form a coordinated scroll-driven system touching at least five distinct sections.
- Originality (25%): 66 — The governing idea — rendering a cybersecurity product through a botanical/floral 3D illustration language (a paper-flower torus hero, a thorned-vine risk section, a flowering footer landscape) — is a genuinely unusual choice for the category, which typically defaults to dark, circuit-like, or alarm-red visuals. This metaphor is sustained across the hero, mid-page risk statement, and footer rather than appearing once. However, the scaffolding beneath the illustrations (card grids, stat strips, tabbed capability demo, testimonial carousel) is assembled from very familiar SaaS landing-page parts, so the novelty is concentrated in the illustration system rather than in the overall interaction or structural design.
- Content (10%): 65 — The illustrations are not arbitrary decoration — the thorn/vine imagery visually argues the 'risk' narrative text sits inside, and the flower motif pays off the brand name 'Bloom' at the closing CTA. Product claims are also substantiated with detailed, specific UI mockups (software inventory tables, risk-score chips, policy builders) rather than vague placeholder screens.

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 blush pink palette and a 3D paper flower soften a cybersecurity pitch, while serif headlines and generous whitespace keep the risk messaging calm rather than alarming. Dark maroon panels and a tangled thorn illustration break up the long scroll, and repeated app screenshots in matching rounded cards make the product features easy to compare at a glance.

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