# Pluto Security — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://pluto.security/
Captured: 2026-10-14
CSS measured: 2026-10-14T16:25:53.844Z at 1440×1000 — https://pluto.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

Pluto Security employs a highly illustrative, playful, and neo-brutalist visual language. The design is characterized by pastel backgrounds (yellows, peaches), thick solid black outlines on graphics and UI elements, and a space-exploration theme featuring a monkey mascot. Typography is bold, utilizing 'Unbounded' for expressive headings and 'Poppins' for readable body copy. The layout is spaced generously, with scroll-triggered animations enhancing the storytelling.

## Classification

- Industry: other
- Site type: Blog
- Business model: Software
- Styles: illustrative, playful, colourful, bold, neo-brutalism, comic-book
- Platform: WordPress
- Technology: GSAP

## Typography

- Display: Unbounded — weight 400; size 179.7px; line-height 67.8px; tracking -3.6px; Regular (100% role confidence, computed values)
- Heading: Unbounded — weight 800; size 56px; line-height 56px; tracking -1.1px; Regular (95% role confidence, computed values)
- Body: Poppins — weight 400; size 17px; line-height 23.8px; tracking normal; Regular (90% role confidence, computed values)

## Functional palette

- Text — text #000000: color-1: computed rgb(0, 0, 0); AI role: #000000. Dominant color for text, heavy outlines, and solid shapes. (100% role confidence, computed values)
- Canvas — canvas #FFFF78: color-2: computed rgb(255, 255, 120); AI role: #FFFF78 (Yellow). Used as the primary background color for large sections of the page. (95% role confidence, computed values)
- Surface — surface #FFB89F: color-3: computed rgb(255, 184, 159); AI role: #FFB89F (Peach). Used as the background color for alternating sections. (90% role confidence, computed values)
- Surface — surface #FFFFFF: color-4: computed rgb(255, 255, 255); AI role: #FFFFFF. Used for card backgrounds and buttons to contrast with the pastel canvas. (85% role confidence, computed values)
- Accent — accent #C1F174: color-11: computed rgb(193, 241, 116); AI role: #C1F174 (Light green). Used for illustrative highlights and badge backgrounds. (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": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "800",
    "size": "56px",
    "lineHeight": "56px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h1",
        "text": "Rule The AIAtmosphere",
        "top": 581,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Ever wanted to feel like Oprah?",
        "top": 5469,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "400",
    "size": "179.7px",
    "lineHeight": "67.8px",
    "letterSpacing": "-3.6px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Plutonium",
        "top": 9844,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "800",
    "size": "72px",
    "lineHeight": "72px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Ready to go where no CISO has gone before?",
        "top": 12109,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "700",
    "size": "55px",
    "lineHeight": "73px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "AI chaos makes it harder for CISOs to approve creation",
        "top": 1643,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "700",
    "size": "55px",
    "lineHeight": "64px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "The most granular enablement on any tool",
        "top": 6428,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "800",
    "size": "42px",
    "lineHeight": "42px",
    "letterSpacing": "-0.8px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "See, control, prevent andenable – it's all connected.",
        "top": 4250,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "700",
    "size": "38px",
    "lineHeight": "38px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Wanna integrate?",
        "top": 7370,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "700",
    "size": "28px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Praisers gonna praise",
        "top": 8416,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "700",
    "size": "28px",
    "lineHeight": "28px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "Discovered by Pluto",
        "top": 11036,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "600",
    "size": "24px",
    "lineHeight": "19.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Trusted by",
        "top": 991,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "500",
    "size": "32px",
    "lineHeight": "42px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "CISO’s brand new problem",
        "top": 1591,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Pluto to the rescue",
        "top": 3277,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "400",
    "size": "17px",
    "lineHeight": "23.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Uncover your entire AI universe with the widest context",
        "top": 4614,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The Free AI Supply Chain Security Catalog. Search any connector, plugin, or skill below to see its r",
        "top": 10617,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "400",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "-1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Join the Pluto community,no one is an alien here.",
        "top": 9677,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-14",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "400",
    "size": "32px",
    "lineHeight": "48.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Now you finally can!",
        "top": 5587,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-15",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "300",
    "size": "24px",
    "lineHeight": "35px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "New tools, skills, plugins and extensions, combined with intent-based actions that execute in runtim",
        "top": 1789,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-16",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "300",
    "size": "24px",
    "lineHeight": "30px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Pluto protects every layer of the AI atmosphere: tools, supply chain, artifacts and runtime, so ever",
        "top": 3895,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-17",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "600",
    "size": "16px",
    "lineHeight": "19.2px",
    "letterSpacing": "0.3px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "“Pluto shows us what we never saw before, explains where the risk is and why, and gives us the enfor",
        "top": 8547,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-18",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "20.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "Our brave researchers continuously discover vulnerabilities, even in the farthest quadrants of the A",
        "top": 11072,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-19",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "600",
    "size": "12px",
    "lineHeight": "16.2px",
    "letterSpacing": "1.4px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "* We definitely do not mean the specific Oprah you’re thinking about, just any Oprah in general. Sin",
        "top": 6223,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-20",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "600",
    "size": "17px",
    "lineHeight": "27.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 10,
    "contexts": [
      {
        "tag": "a",
        "text": "I can’t wait!",
        "top": 803,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Engineering",
        "top": 5969,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Marketing",
        "top": 5969,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-21",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "600",
    "size": "22.1px",
    "lineHeight": "51px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "You get a yes!",
        "top": 6128,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "You get a yes!",
        "top": 6128,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "You get a yes!",
        "top": 6128,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-22",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "600",
    "size": "20px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Code with Claude Code",
        "top": 6028,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Work with Claude Cowork",
        "top": 6028,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Run scripts with Cursor",
        "top": 6028,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-23",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "400",
    "size": "16px",
    "lineHeight": "20.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "span",
        "text": "Keep production data protected",
        "top": 6056,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Block unauthorized actions in real time",
        "top": 6056,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Require approval for payment API access",
        "top": 6056,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-24",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "600",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "span",
        "text": "Tools & Agents Sprawl",
        "top": 2154,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Runtime Execution",
        "top": 2225,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "AI Supply Chain",
        "top": 2374,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-25",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "18px",
    "letterSpacing": "0.1px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Apr 15, 2026 | 8 min read",
        "top": 11363,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "|",
        "top": 11392,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Jun 04, 2026 | 18 min read",
        "top": 11413,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-26",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "600",
    "size": "20px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "1",
        "top": 2147,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 2218,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "3",
        "top": 2367,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-27",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "600",
    "size": "16px",
    "lineHeight": "16px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "MCPwn: A CVSS 9.8 One-Line MCP Bug That Hands Over Your Nginx to Anyone on the Network – Actively Ex",
        "top": 11398,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Unauthenticated Remote Code Execution in HuggingFace Transformers via Config Injection",
        "top": 11448,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Nebula Deck: A Malicious VS Code Extension Built to Survive a Windows Reinstall",
        "top": 11403,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-28",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "700",
    "size": "174px",
    "lineHeight": "221px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "YESSS!",
        "top": 3580,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-29",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "700",
    "size": "114px",
    "lineHeight": "114px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "go for it",
        "top": 7428,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-30",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "700",
    "size": "110px",
    "lineHeight": "120px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Dmn it feelsgood to say",
        "top": 3351,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-31",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "400",
    "size": "22px",
    "lineHeight": "30.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Let everyone boldly venture into the AI space as you keep every endpoint protected",
        "top": 717,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-32",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "700",
    "size": "17px",
    "lineHeight": "27.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "AI Builders",
        "top": 5969,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-33",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "600",
    "size": "17px",
    "lineHeight": "23.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "Hans Gustavson",
        "top": 8667,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-34",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "16.8px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "CISO",
        "top": 8695,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-35",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Copyright © 2026 Pluto Security. All rights reserved.",
        "top": 13210,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-36",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "600",
    "size": "16px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "capitalize",
    "count": 11,
    "contexts": [
      {
        "tag": "a",
        "text": "The problem",
        "top": 38,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "About Us",
        "top": 36,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Blog",
        "top": 38,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-37",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "400",
    "size": "12px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "capitalize",
    "count": 4,
    "contexts": [
      {
        "tag": "a",
        "text": "Trust Center",
        "top": 13210,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Cookies Notice",
        "top": 13210,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Terms of Use",
        "top": 13210,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-38",
    "family": "Unbounded",
    "fontStack": "Unbounded, sans-serif",
    "weight": "400",
    "size": "24px",
    "lineHeight": "30.8px",
    "letterSpacing": "normal",
    "traits": "uppercase",
    "count": 3,
    "contexts": [
      {
        "tag": "button",
        "text": "Risk radar",
        "top": 4692,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Space Shield",
        "top": 4767,
        "property": "font"
      },
      {
        "tag": "button",
        "text": "Marketspace",
        "top": 4842,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-39",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "700",
    "size": "18px",
    "lineHeight": "20px",
    "letterSpacing": "1.6px",
    "traits": "uppercase",
    "count": 2,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 19,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Book a Demo",
        "top": 13013,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-40",
    "family": "Poppins",
    "fontStack": "Poppins, sans-serif",
    "weight": "700",
    "size": "32px",
    "lineHeight": "normal",
    "letterSpacing": "3px",
    "traits": "uppercase",
    "count": 1,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 12754,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 5219,
    "contexts": [
      {
        "tag": "a",
        "text": "The problem",
        "top": 38,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Plutonium",
        "top": 27,
        "property": "::after-background"
      },
      {
        "tag": "path",
        "text": "",
        "top": 39,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#FFFF78",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 120)",
    "count": 13,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 301,
        "property": "svg-fill"
      },
      {
        "tag": "section",
        "text": "Trusted by",
        "top": 854,
        "property": "background"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 4102,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFB89F",
    "alpha": 1,
    "cssValue": "rgb(255, 184, 159)",
    "count": 7,
    "contexts": [
      {
        "tag": "body",
        "text": "About cookies on this siteWe use cookies to collect and analyse information on site performance and ",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "section",
        "text": "The most granular enablement on any tool (function (list) { var width = 0; var centre = function () ",
        "top": 6316,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 7230,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 72,
    "contexts": [
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 19,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 96,
        "property": "svg-fill"
      },
      {
        "tag": "svg",
        "text": "",
        "top": 819,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#1A1A1A",
    "alpha": 1,
    "cssValue": "rgb(26, 26, 26)",
    "count": 35,
    "contexts": [
      {
        "tag": "span",
        "text": "Tools & Agents Sprawl",
        "top": 2154,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "Uncover your entire AI universe with the widest context",
        "top": 4614,
        "property": "text"
      },
      {
        "tag": "h2",
        "text": "Ever wanted to feel like Oprah?",
        "top": 5469,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#FDF2D4",
    "alpha": 1,
    "cssValue": "rgb(253, 242, 212)",
    "count": 11,
    "contexts": [
      {
        "tag": "a",
        "text": "Plutonium",
        "top": 27,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "3",
        "top": 2367,
        "property": "background"
      },
      {
        "tag": "li",
        "text": "AI Builders Connect MCP servers Allow trusted MCPs. Quarantine the rest. You get a yes!",
        "top": 5950,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#FF9C9C",
    "alpha": 1,
    "cssValue": "rgb(255, 156, 156)",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 11176,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#111013",
    "alpha": 1,
    "cssValue": "rgb(17, 16, 19)",
    "count": 23,
    "contexts": [
      {
        "tag": "a",
        "text": "Plutonium",
        "top": 27,
        "property": "text"
      },
      {
        "tag": "input",
        "text": "",
        "top": 6974,
        "property": "border"
      },
      {
        "tag": "span",
        "text": "Apr 15, 2026 | 8 min read",
        "top": 11363,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FDBDBD",
    "alpha": 1,
    "cssValue": "rgb(253, 189, 189)",
    "count": 6,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 4017,
        "property": "svg-fill"
      },
      {
        "tag": "use",
        "text": "",
        "top": 4018,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#FDB2AD",
    "alpha": 1,
    "cssValue": "rgb(253, 178, 173)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 11244,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#C1F174",
    "alpha": 1,
    "cssValue": "rgb(193, 241, 116)",
    "count": 195,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 180,
        "property": "svg-fill"
      },
      {
        "tag": "span",
        "text": "2",
        "top": 2218,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FCA5B5",
    "alpha": 1,
    "cssValue": "rgb(252, 165, 181)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 11234,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#DCE6DE",
    "alpha": 1,
    "cssValue": "rgb(220, 230, 222)",
    "count": 590,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 2608,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#F76230",
    "alpha": 1,
    "cssValue": "rgb(247, 98, 48)",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "",
        "top": 11302,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#E9F0EB",
    "alpha": 1,
    "cssValue": "rgb(233, 240, 235)",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "1",
        "top": 2147,
        "property": "background"
      },
      {
        "tag": "button",
        "text": "Risk radar",
        "top": 4692,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#5E5E5E",
    "alpha": 1,
    "cssValue": "rgb(94, 94, 94)",
    "count": 3,
    "contexts": [
      {
        "tag": "button",
        "text": "Risk radar",
        "top": 4692,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#FA673A",
    "alpha": 1,
    "cssValue": "rgb(250, 103, 58)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 327,
        "property": "svg-fill"
      },
      {
        "tag": "p",
        "text": "Pluto to the rescue",
        "top": 3277,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#FFED78",
    "alpha": 1,
    "cssValue": "rgb(255, 237, 120)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 774,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#F35F31",
    "alpha": 1,
    "cssValue": "rgb(243, 95, 49)",
    "count": 1,
    "contexts": [
      {
        "tag": "p",
        "text": "CISO’s brand new problem",
        "top": 1591,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#FA683A",
    "alpha": 1,
    "cssValue": "rgb(250, 104, 58)",
    "count": 2,
    "contexts": [
      {
        "tag": "button",
        "text": "Explorer",
        "top": 4554,
        "property": "control-background"
      },
      {
        "tag": "span",
        "text": "AI Builders",
        "top": 5969,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#FFBC65",
    "alpha": 1,
    "cssValue": "rgb(255, 188, 101)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 96,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#FCF1D3",
    "alpha": 1,
    "cssValue": "rgb(252, 241, 211)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 11667,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#FFCBCB",
    "alpha": 1,
    "cssValue": "rgb(255, 203, 203)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 3848,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#FCBCBC",
    "alpha": 1,
    "cssValue": "rgb(252, 188, 188)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 11661,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#F96839",
    "alpha": 1,
    "cssValue": "rgb(249, 104, 57)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 11693,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-26",
    "hex": "#FFD9D9",
    "alpha": 1,
    "cssValue": "rgb(255, 217, 217)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "4",
        "top": 2421,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-27",
    "hex": "#F9F871",
    "alpha": 1,
    "cssValue": "rgb(249, 248, 113)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 317,
        "property": "svg-fill"
      }
    ]
  }
]
```

### Extraction limits

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

## Type, spacing, and shape language

- Spacing rhythm: Generous spacing between major sections, relying on large background color blocks to group content loosely.
- Corner style: A mix of extreme rounding (pill shapes for buttons and some containers) and sharp right angles on inner cards or geometric graphics.
- Radius: Buttons and badges use full pill-shaped radiuses. Feature cards display moderate to zero rounding depending on their styling.
- Borders: Characterized by thick, solid #000000 borders applied to most UI components, illustrations, and cards.
- Buttons: Pill-shaped, typically featuring thick black borders with white backgrounds, or inverted as solid black with white/yellow text.
- Content width: Wide max-width to accommodate large illustrative assets that span towards the edges of the viewport.
- Density: Low visual density regarding text, allowing the large graphics and bold typography to breathe.
- Evidence: CSS values show #000000 used for borders on inputs and graphics, #FFFF78 and #FFB89F for large background sections, and Unbounded/Poppins font families driving the typography.

## Sections

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

1. **Hero — Rule The AI Atmosphere** (Home)
   Opening hero composition from Home, organized around “Rule The AI Atmosphere”.
   Capture: 1440×1000px; page bounds 0–1000px of 13295px; source section ID: `61fc0973-9e78-4ca9-8000-7a008f38b756`; image: https://media.designdetails.io/library/d3cb0c9509b85511050446173ece50b9ab625612c2556bf78228fc67347e069f/section_crop-61fc0973-2026-10-14T16-26-07-539Z.webp
   SECTION.md v3.2: `61fc0973-9e78-4ca9-8000-7a008f38b756` (deterministic evidence; editorial review pending)
2. **Footer — Ready to go where no CISO has gone before?** (Home)
   Closing footer and call-to-action from Home, organized around “Ready to go where no CISO has gone before?”.
   Capture: 1440×1246px; page bounds 12049–13295px of 13295px; source section ID: `0e7b9fb0-81a4-4a34-a6e0-698574da3174`; image: https://media.designdetails.io/library/630da8b6731405b8c531f99d259d978017bdc66b82fe79cc1478eaea3aafec6d/section_crop-0e7b9fb0-2026-10-14T16-26-08-623Z.webp
   SECTION.md v3.2: `0e7b9fb0-81a4-4a34-a6e0-698574da3174` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/0ec51db8116f7ec00e0e999a832e560fd04fa5eb9dc1da7d33336792d2cd6dd6/desktop_full-8dc474ce-2026-10-14T16-25-53-952Z.webp
- Mobile screenshot: https://media.designdetails.io/library/5a4a4c283f9195c96c6d9ca6b777be5be62aefeff20caea6ea9d9f0abb8cc1d3/mobile_full-8dc474ce-2026-10-14T16-26-40-016Z.webp
- Open Graph image: https://media.designdetails.io/library/9923a3405bdcffccabd21ad000c8e0db0ba7d4f2467f33d885529a9ab03292e6/og_image-8dc474ce-2026-10-14T16-26-06-649Z.webp
- Full-page video: https://media.designdetails.io/library/943b7b18d920f828c26480215fc80621925327120001de86bc950c4f01623281/motion-1791996938441.mp4
- Video poster: https://media.designdetails.io/library/2f7b95a7224ee69b5c4b1752770406089b27109dd2a4f563d812ccd9f1cd0d2b/motion-poster-1791996938441.webp
- Motion status: Recording attached. Consult the motion score and section motion records; do not infer exact easing from frames alone.

## Implementation contract

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

## Reusable components

- Navigation Bar
- Hero With Background Imagery
- Logo Strip
- Feature Card
- Testimonial Card
- Editorial Card
- Primary Button
- Footer
- Scroll Triggered Storytelling
- Thematic Sectioning

## Quality rubric

Overall: 63.6/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: Pluto Security executes a playful, illustration-driven neo-brutalist identity with real conceptual commitment — its astronaut mascot and a series of content-specific visual metaphors (pill bottles, gumball machines, rockets) are sustained across the full length of the page rather than limited to the hero. Execution of typography, color, and metaphor-to-copy integration is competent and occasionally inventive, but the governing aesthetic is a widely used contemporary SaaS convention, the layout leans on many one-off illustrated compositions rather than a disciplined system, and motion is limited to conventional scroll-reveal and hover patterns whose quality cannot be verified beyond the observation provided. The result is a good, cohesive execution within its chosen idiom rather than a landmark or genre-defining one.

- Typography (15%): 62 — A clear two-family system (Unbounded display / Poppins body) is used with a wide, purposeful size range (from a 179px numeral to 12px eyebrow labels) and visible tracking adjustments (negative letter-spacing on large display type, positive on uppercase labels), giving the page a legible hierarchy. However, several headline breaks look accidental rather than composed ('Rule The AI' / 'Atmosphere'; 'D*mn it feels' / 'good to say'), and the heavy rounded-grotesk display face is a widely used current SaaS choice rather than a distinctive typographic decision.
- Color (10%): 58 — A consistent pastel palette (yellow #FFFF78, peach #FFB89F, light green #C1F174) with solid black (#000000) text/outlines is applied across sections to delineate thematic zones, and card/button surfaces use white and cream consistently for contrast. This is handled competently but the pastel-plus-black-outline combination is a very common contemporary SaaS/neo-brutalist convention, so the palette reads as on-trend rather than distinctive.
- Layout (20%): 65 — The page is structured as a sequence of large bespoke 'set pieces' (orbit diagram, tabbed dashboard mockup, pill-bottle integration graphic, rocket testimonial, gumball machine, moon-surface CTA) with generous low-density spacing and wide content width to accommodate illustrations. This shows genuine layout variety and a loose narrative structure, but the reliance on many one-off illustrated compositions rather than a single disciplined grid creates inconsistency, and crops show text running to the viewport edge in card rows (e.g., truncated 'Cursor' / 'HR' cards), suggesting weak horizontal containment at some breakpoints.
- Motion (20%): 64 — Motion is scroll-triggered and tied to specific content metaphors (monkey shrinking/traveling, pill dropping into a bottle, gumball dispensing a 'yes', hand sliding in on tab hover, parallax shifts in the orbit diagram), giving the animation narrative purpose rather than being decorative scroll-fade filler. However, all observed motion is reveal/parallax/hover-based; there is no evidence of more advanced interaction choreography, and smoothness, easing quality, or frame rate cannot be verified from the available evidence.
- Originality (25%): 64 — The site commits to a sustained astronaut-monkey/space narrative with several specific, content-linked metaphors (pill bottle for integrations, gumball machine for 'you get a yes', rocket for testimonial, moon landing for the closing CTA, an 'Oprah giveaway' joke tied to access controls). This is more than a single novelty hero and shows real conceptual authorship across multiple sections. However, the overarching visual language — pastel backgrounds, thick black outlines, bold rounded-grotesk display type, mascot illustration — closely matches a now-common 'illustrated neo-brutalist SaaS' genre seen broadly in current B2B marketing sites, which caps how distinctive the execution can be judged.
- Content (10%): 67 — Visuals and copy are tightly paired to specific product claims rather than generic stock imagery — the integration graphic literally drops partner logos into a jar, the access-control section's 'yes' joke is paid off by a yes-dispensing machine, and the testimonial sits inside a rocket mid-launch. This consistent metaphor-to-content mapping across many sections is a genuine strength, though the humor-heavy copy ('D*mn it feels good to say YESSS!', the Oprah bit) trades some clarity/credibility for playfulness in a security-buyer context, and content density is thin given the large illustrative real estate.

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

## Curator notes

Curator review pending.

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