# Iru — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://www.iru.com/
Captured: 2026-11-06
CSS measured: 2026-11-06T17:36:20.483Z at 1440×1000 — https://www.iru.com/
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

The website features a clean, modern, and corporate design with a strong emphasis on typography and whitespace. The layout is structured and geometric, utilizing a minimal color palette dominated by deep blues, whites, and subtle grays, accented with vibrant gradients in product illustrations. The typography relies on 'FK Grotesk Neue', providing a professional and highly legible appearance. Reusable components include feature cards, stat blocks, and a prominent logo strip. The design tokens indicate a consistent spacing rhythm, rounded corners for cards and buttons, and a balanced content density.

## Classification

- Industry: ai
- Site type: Landing, Blog
- Business model: Software
- Styles: minimal, corporate, geometric, gradient, tech-focused
- Platform: Custom code
- Technology: Not identified

## Typography

- Display: FK Grotesk Neue — weight 500; size 56px; line-height 60.5px; tracking -1.7px; Regular (90% role confidence, computed values)
- Heading: FK Grotesk Neue — weight 500; size 48px; line-height 52.8px; tracking -1.4px; Regular (95% role confidence, computed values)
- Body: FK Grotesk Neue — weight 400; size 16px; line-height 24px; tracking normal; Regular (95% role confidence, computed values)

## Functional palette

- Canvas — canvas #FFFFFF: color-3: computed rgb(255, 255, 255); AI role: White background used for the majority of the page content. (95% role confidence, computed values)
- Text — text #000000: color-1: computed rgb(0, 0, 0); AI role: Black used for primary text and headings on light backgrounds. (95% role confidence, computed values)
- Surface — surface #0C0C29: color-2: computed rgb(12, 12, 41); AI role: Deep blue (#0C0C29) used for the announcement bar, header text, and footer background. (90% role confidence, computed values)

## Exact computed CSS inventory

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

### Font configurations

```json
[
  {
    "id": "font-1",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "-0.5px",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Fully automated and fully visual",
        "top": 3629,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Config as code for full control",
        "top": 3629,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Product",
        "top": 7192,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "500",
    "size": "48px",
    "lineHeight": "52.8px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "One integrated platform.Greater than the sum of its parts.",
        "top": 1175,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Point and click or commit and push.",
        "top": 3000,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Unified by design. Built for the AI era.",
        "top": 4136,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "500",
    "size": "56px",
    "lineHeight": "60.5px",
    "letterSpacing": "-1.7px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h1",
        "text": "Manage devices and everything they touch",
        "top": 337,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Let your team focus on what matters",
        "top": 6378,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Site Footer",
        "top": 7143,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "500",
    "size": "24px",
    "lineHeight": "24px",
    "letterSpacing": "-0.6px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h3",
        "text": "Endpoint",
        "top": 1445,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Identity",
        "top": 2056,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "Compliance",
        "top": 2523,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "500",
    "size": "48px",
    "lineHeight": "48px",
    "letterSpacing": "-1.4px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "h3",
        "text": "Iru helps companies rewrite",
        "top": 5428,
        "property": "font"
      },
      {
        "tag": "h3",
        "text": "the way work is done",
        "top": 5476,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "500",
    "size": "36px",
    "lineHeight": "40px",
    "letterSpacing": "-1.1px",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h2",
        "text": "Stay up to date",
        "top": 6927,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "400",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 77,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -1,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Site Header",
        "top": 41,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Iru logo",
        "top": 82,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "500",
    "size": "16px",
    "lineHeight": "24px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 12,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by teams at 6,000+ companies",
        "top": 933,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Endpoint Management",
        "top": 1705,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "Endpoint Detection & Response",
        "top": 1762,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "20px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "span",
        "text": "Tune in to the Iru Launch Event on December 9",
        "top": 11,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "1 Demandbase Switches to Iru to Supercharge Productivity, Customer Story 2025",
        "top": 5260,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "2 Miercom competitive assessment of macOS EDR solutions 2025",
        "top": 5288,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "500",
    "size": "14px",
    "lineHeight": "0px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 5,
    "contexts": [
      {
        "tag": "div",
        "text": "Products",
        "top": 58,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Solutions",
        "top": 58,
        "property": "font"
      },
      {
        "tag": "div",
        "text": "Resources",
        "top": 58,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "400",
    "size": "80px",
    "lineHeight": "72px",
    "letterSpacing": "-2.4px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "dd",
        "text": "50",
        "top": 4963,
        "property": "font"
      },
      {
        "tag": "dd",
        "text": "6,000+",
        "top": 4963,
        "property": "font"
      },
      {
        "tag": "dd",
        "text": "2.3x",
        "top": 5156,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "400",
    "size": "14px",
    "lineHeight": "21px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "span",
        "text": "850+",
        "top": 299,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "5 star reviews",
        "top": 299,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "FK Grotesk Neue",
    "fontStack": "\"FK Grotesk Neue\", -apple-system, \"system-ui\", \"Segoe UI\", \"Noto Sans\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"",
    "weight": "500",
    "size": "14px",
    "lineHeight": "14px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 8,
    "contexts": [
      {
        "tag": "a",
        "text": "Login",
        "top": 60,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "Book a demo",
        "top": 60,
        "property": "font"
      },
      {
        "tag": "a",
        "text": "View Endpoint Overview",
        "top": 1613,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 225,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 107,
        "property": "svg-fill"
      },
      {
        "tag": "g",
        "text": "",
        "top": 166,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 194,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#0C0C29",
    "alpha": 1,
    "cssValue": "rgb(12, 12, 41)",
    "count": 102,
    "contexts": [
      {
        "tag": "a",
        "text": "Skip to content",
        "top": -1,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "Tune in to the Iru Launch Event on December 9",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Site Header",
        "top": 41,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 127,
    "contexts": [
      {
        "tag": "body",
        "text": "Skip to content Tune in to the Iru Launch Event on December 9 Site Header Iru logo Products Endpoint",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Tune in to the Iru Launch Event on December 9",
        "top": 11,
        "property": "text"
      },
      {
        "tag": "path",
        "text": "",
        "top": 16,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#F6F6F6",
    "alpha": 1,
    "cssValue": "rgb(246, 246, 246)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "850+ 5 star reviews Manage devices and everything they touch See how compliance, productivity, and s",
        "top": 123,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#373737",
    "alpha": 1,
    "cssValue": "rgb(55, 55, 55)",
    "count": 11,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 195,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#1FFFEC",
    "alpha": 1,
    "cssValue": "rgb(31, 255, 236)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 268,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#0A0A27",
    "alpha": 0.10196078431372549,
    "cssValue": "oklab(0.175514 0.00868706 -0.0570399 / 0.1)",
    "count": 37,
    "contexts": [
      {
        "tag": "div",
        "text": "Iru logo Products Endpoint Manage every device with one lightweight agent Endpoint Management Endpoi",
        "top": 42,
        "property": "border"
      },
      {
        "tag": "a",
        "text": "Login",
        "top": 60,
        "property": "border"
      },
      {
        "tag": "form",
        "text": "Work Email*First NameLast NameDevices Range CategoryCountry/RegionForm Submission Nameutm_campaignut",
        "top": 577,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#70D3FF",
    "alpha": 1,
    "cssValue": "rgb(112, 211, 255)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 585,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#FFFFFF",
    "alpha": 0.10196078431372549,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.1)",
    "count": 9,
    "contexts": [
      {
        "tag": "a",
        "text": "Request a quote",
        "top": 6603,
        "property": "border"
      },
      {
        "tag": "div",
        "text": "Stay up to date Iru's bi-weekly collection of articles, videos, and research to keep IT & Security t",
        "top": 6871,
        "property": "border"
      },
      {
        "tag": "form",
        "text": "Email*gbraidwbraidgclidfbclidmsclkidli_fat_idrdt_cidutm_sourceutm_mediumutm_campaignutm_termutm_cont",
        "top": 6950,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#00B5FE",
    "alpha": 1,
    "cssValue": "rgb(0, 181, 254)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 584,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#F1944E",
    "alpha": 1,
    "cssValue": "rgb(241, 148, 78)",
    "count": 4,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 332,
        "property": "svg-fill"
      },
      {
        "tag": "path",
        "text": "",
        "top": 344,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FB4028",
    "alpha": 1,
    "cssValue": "rgb(251, 64, 40)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 353,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#888888",
    "alpha": 1,
    "cssValue": "rgb(136, 136, 136)",
    "count": 1,
    "contexts": [
      {
        "tag": "span",
        "text": "5 star reviews",
        "top": 299,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#67CBF9",
    "alpha": 1,
    "cssValue": "rgb(103, 203, 249)",
    "count": 3,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 631,
        "property": "svg-stroke"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#FFFFFF",
    "alpha": 0.2,
    "cssValue": "oklab(0.999994 0.0000455678 0.0000200868 / 0.2)",
    "count": 4,
    "contexts": [
      {
        "tag": "button",
        "text": "English",
        "top": 8249,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#0066FF",
    "alpha": 1,
    "cssValue": "rgb(0, 102, 255)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 8268,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#FA4242",
    "alpha": 1,
    "cssValue": "rgb(250, 66, 66)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 362,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#EC9720",
    "alpha": 1,
    "cssValue": "rgb(236, 151, 32)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 565,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-19",
    "hex": "#ED4D4D",
    "alpha": 1,
    "cssValue": "rgb(237, 77, 77)",
    "count": 2,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 350,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-20",
    "hex": "#F14E1D",
    "alpha": 1,
    "cssValue": "rgb(241, 78, 29)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 699,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-21",
    "hex": "#A258FF",
    "alpha": 1,
    "cssValue": "rgb(162, 88, 255)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 703,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-22",
    "hex": "#FF7261",
    "alpha": 1,
    "cssValue": "rgb(255, 114, 97)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 702,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-23",
    "hex": "#09CF82",
    "alpha": 1,
    "cssValue": "rgb(9, 207, 130)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 706,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-24",
    "hex": "#18BCFE",
    "alpha": 1,
    "cssValue": "rgb(24, 188, 254)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 706,
        "property": "svg-fill"
      }
    ]
  },
  {
    "id": "color-25",
    "hex": "#0078CA",
    "alpha": 1,
    "cssValue": "rgb(0, 120, 202)",
    "count": 1,
    "contexts": [
      {
        "tag": "path",
        "text": "",
        "top": 328,
        "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 and consistent spacing between sections, utilizing large margins and padding to create a clean, uncluttered layout.
- Corner style: Rounded corners are consistently applied to buttons, input fields, and feature cards.
- Radius: Moderate border-radius on interactive elements and cards, softening the geometric layout.
- Borders: Subtle, thin borders used primarily for input fields and to define card edges.
- Buttons: Solid fill buttons with rounded corners for primary actions; outline or ghost styles for secondary actions.
- Content width: Content is generally constrained to a central column, with some background elements extending full width.
- Density: Low density, prioritizing whitespace and clear typography over packing information tightly.
- Evidence: Visual inspection of the layout, spacing between elements, and consistent application of border-radius on cards and buttons.

## Sections

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

1. **Navbar — Iru Navbar** (Home)
   A slim event banner sits above evenly spaced links, while the dark demo button stands out as the single primary action.
   Capture: 1440×123px; page bounds 0–123px of 8403px; source section ID: `55555868-e436-4be6-bbb9-6f220737c142`; image: https://media.designdetails.io/library/c85b1ac76aa5c1fbb0a85034a6395fd337fa05eb6867252d0cdb135fc62a7e28/55555868-e436-4be6-bbb9-6f220737c142.webp
   SECTION.md v3.2: `55555868-e436-4be6-bbb9-6f220737c142` (deterministic evidence; editorial review pending)
2. **Hero — Hero with email demo capture** (Home)
   A large bold headline, short supporting line and inline email field give a clear action, while floating layered cards hint at the product.
   Capture: 1440×720px; page bounds 123–843px of 8403px; source section ID: `44244444-3460-49a2-a1f9-5f3274526824`; image: https://media.designdetails.io/library/716c0e2e01838f9b2d2d461106b59eac7687e9577bc0fd2ebe5db413f7a987d7/44244444-3460-49a2-a1f9-5f3274526824.webp
   SECTION.md v3.2: `44244444-3460-49a2-a1f9-5f3274526824` (deterministic evidence; editorial review pending)
3. **Logo Cloud — Single row of customer logos** (Home)
   Muted monochrome logos in one line under a short trust claim build credibility without pulling attention from the page.
   Capture: 1440×292px; page bounds 843–1135px of 8403px; source section ID: `bad8a8bb-f01c-4b1b-96d1-19c432ed2cbe`; image: https://media.designdetails.io/library/1a92f3d03226ede34308d6ce57e2b9fb8bf3abf59a62fc81a8d5a710761a5df7/bad8a8bb-f01c-4b1b-96d1-19c432ed2cbe.webp
   SECTION.md v3.2: `bad8a8bb-f01c-4b1b-96d1-19c432ed2cbe` (deterministic evidence; editorial review pending)
4. **Features — Product pillar with link list** (Home)
   Text and a list of linked sub-products sit beside a vivid screen visual, letting visitors scan capabilities and jump deeper.
   Capture: 1440×781px; page bounds 1135–1916px of 8403px; source section ID: `7b8bd021-3b4a-4e54-b9c2-1d3ea36afcb6`; image: https://media.designdetails.io/library/627a4a616fc520580c29f948bd7aa5767e79d83e1397bac20a8d431ffceb4ec5/7b8bd021-3b4a-4e54-b9c2-1d3ea36afcb6.webp
   SECTION.md v3.2: `7b8bd021-3b4a-4e54-b9c2-1d3ea36afcb6` (deterministic evidence; editorial review pending)
5. **Features — Identity pillar with product screen** (Home)
   The mirrored layout of copy left and gradient-framed interface right keeps a repeatable rhythm while showing the real product.
   Capture: 1440×496px; page bounds 1916–2412px of 8403px; source section ID: `7364c3de-ea64-48b3-8022-0f09025e1f65`; image: https://media.designdetails.io/library/cbca293c6e6d238203f12e9c09d462ca27aacebd84cf0aff8b789ef4b15f6b2d/7364c3de-ea64-48b3-8022-0f09025e1f65.webp
   SECTION.md v3.2: `7364c3de-ea64-48b3-8022-0f09025e1f65` (deterministic evidence; editorial review pending)
6. **Features — Compliance pillar with control visual** (Home)
   A consistent text-plus-visual pattern with a colorful gradient backdrop makes each pillar easy to compare and remember.
   Capture: 1440×528px; page bounds 2412–2940px of 8403px; source section ID: `b5cd507d-0c22-417a-a7dd-5a64d6b0827f`; image: https://media.designdetails.io/library/85ccfd454f224befa1be720089036b512c69aa1b4532d42854243d2f4e79ba66/b5cd507d-0c22-417a-a7dd-5a64d6b0827f.webp
   SECTION.md v3.2: `b5cd507d-0c22-417a-a7dd-5a64d6b0827f` (deterministic evidence; editorial review pending)
7. **Features — Two cards: visual versus code** (Home)
   Two side-by-side cards with screenshots and short captions present two ways of working, so visitors pick their own preference.
   Capture: 1440×819px; page bounds 2940–3759px of 8403px; source section ID: `d05673b3-1025-4a76-b55a-4a7843035aa2`; image: https://media.designdetails.io/library/3f8f409c663f26543858cbb731322b8a9a9ae85fac7078d07d3176d90c176bbf/d05673b3-1025-4a76-b55a-4a7843035aa2.webp
   SECTION.md v3.2: `d05673b3-1025-4a76-b55a-4a7843035aa2` (deterministic evidence; editorial review pending)
8. **CTA — Dark AI statement with glow** (Home)
   A deep navy panel with a glowing light bar focuses attention on one centered message and a single button.
   Capture: 1440×1079px; page bounds 3759–4838px of 8403px; source section ID: `c3f5e52b-3401-485c-bba1-f95c17ae23c0`; image: https://media.designdetails.io/library/4c9dbe4db16b10a0f0034f8947146ecfad1b520e66f8c9b133af5e111990e610/c3f5e52b-3401-485c-bba1-f95c17ae23c0.webp
   SECTION.md v3.2: `c3f5e52b-3401-485c-bba1-f95c17ae23c0` (deterministic evidence; editorial review pending)
9. **Stats — Four key metrics in grid** (Home)
   Large numerals with small captions in a two-by-two grid let visitors absorb proof quickly, with footnotes for credibility.
   Capture: 1440×530px; page bounds 4838–5368px of 8403px; source section ID: `f9252cc7-3f2f-4970-9b87-555bb2015c4a`; image: https://media.designdetails.io/library/7a73d2debac79131ef134e2bd1cff3ec6fdd0b8611dd82e6ff7afd8a98a858d6/f9252cc7-3f2f-4970-9b87-555bb2015c4a.webp
   SECTION.md v3.2: `f9252cc7-3f2f-4970-9b87-555bb2015c4a` (deterministic evidence; editorial review pending)
10. **Testimonials — Three customer quote cards** (Home)
   Each card pairs a customer logo with a short quote and named role, giving believable proof in equal-weight columns.
   Capture: 1440×730px; page bounds 5368–6098px of 8403px; source section ID: `ea8af5b2-8cca-44c2-b4a6-e8b8a56f1938`; image: https://media.designdetails.io/library/df9ad770923ad20a8695d6f2d0c818146439462d0e562d3fcbb33f218848d449/ea8af5b2-8cca-44c2-b4a6-e8b8a56f1938.webp
   SECTION.md v3.2: `ea8af5b2-8cca-44c2-b4a6-e8b8a56f1938` (deterministic evidence; editorial review pending)
11. **CTA — Dark closing call to action** (Home)
   A contrasting dark panel with a bold headline and a primary and secondary button gives a clear final step.
   Capture: 1440×741px; page bounds 6098–6839px of 8403px; source section ID: `74d99233-7998-489f-b4c6-b8efed4f5c8b`; image: https://media.designdetails.io/library/31cd961bc12525a697a32f3067a81df8b2f29cce9255e92515f967c6d054ae0b/74d99233-7998-489f-b4c6-b8efed4f5c8b.webp
   SECTION.md v3.2: `74d99233-7998-489f-b4c6-b8efed4f5c8b` (deterministic evidence; editorial review pending)
12. **Forms — Newsletter signup strip** (Home)
   A short pitch on the left and a compact email field with button on the right make subscribing effortless.
   Capture: 1440×305px; page bounds 6839–7144px of 8403px; source section ID: `9658fddc-a23a-4a6b-a50c-f9e1f178b99f`; image: https://media.designdetails.io/library/310fe70275583892d73d8f3dda1d7f33ec7a6da6af306f7b511deb1cc702ce8a/9658fddc-a23a-4a6b-a50c-f9e1f178b99f.webp
   SECTION.md v3.2: `9658fddc-a23a-4a6b-a50c-f9e1f178b99f` (deterministic evidence; editorial review pending)
13. **Footer — Multi-column footer with links** (Home)
   Grouped link columns under muted headings, plus social icons and legal links, make a large site easy to navigate.
   Capture: 1440×1259px; page bounds 7144–8403px of 8403px; source section ID: `08e30744-5d45-4a19-95ed-e351d96a61bb`; image: https://media.designdetails.io/library/31d544c22fbc84e410995162dfc228b97e964d1ffd8096279b583e114f677a40/08e30744-5d45-4a19-95ed-e351d96a61bb.webp
   SECTION.md v3.2: `08e30744-5d45-4a19-95ed-e351d96a61bb` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/899dce0774e897f936bdc0375e11e23de6c93f0bf06b8045fb29e458e4e45ae4/desktop_full-a5bc9908-2026-11-06T17-36-20-506Z.webp
- Mobile screenshot: https://media.designdetails.io/library/cd38c3c7bf690fbc8a9df7e31016724d0159e5d1fdd8dd706bab928e9de86106/mobile_full-a5bc9908-2026-11-06T17-37-08-334Z.webp
- Open Graph image: https://media.designdetails.io/library/009333cf0290c805f6e0fc734604775e6e796c73abf47d05d1b0e3cad6471129/og_image-a5bc9908-2026-11-06T17-36-29-892Z.webp
- Full-page video: https://media.designdetails.io/library/4b6efd34f8e8f65dcd01059ee57881f7eb9ffa8e79c437a9882c65844e423d8b/motion-1793988151251.mp4
- Video poster: https://media.designdetails.io/library/890a9cb3ff17106ca9075411e9dab877598129b3d3ae545295336c75876bfccb/motion-poster-1793988151251.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

- Announcement Bar
- Navigation Bar
- Hero
- Logo Strip
- Feature Card
- Stat Block
- Testimonial Card
- CTA
- Newsletter Form
- Footer
- Product Illustration Card

## Quality rubric

Overall: 53.8/100 (Competent)
Evidence coverage: 100%
Judge tier: Competent
Verdict: Iru's site is a well-executed, professional B2B SaaS marketing page: a single grotesk typeface carries a clear hierarchy, spacing and corner-radius tokens are applied consistently, and illustrated product mockups are paired sensibly with the feature copy they support. Scroll-triggered fade/slide animations and a horizontal logo carousel provide standard engagement cues, and testimonials/stats are sourced for credibility. However, nearly every structural choice — the isometric gradient product cards, the stat strip, the dark glowing CTA band, the testimonial-logo grid, and the long multi-column footer — is a widely recognized convention from the current wave of SaaS/tech marketing sites, with no hard-to-substitute idea or visual signature that distinguishes it from peers. The result is competent, trustworthy craft rather than a memorable or inventive execution, landing the overall judgment in the competent tier.

- Typography (15%): 64 — A single licensed grotesk (FK Grotesk Neue) carries the whole system with a sensible, disciplined type scale — 80px stat numerals, 56-60px hero/CTA headlines with tight -1.7px tracking, 48px section heads, 24px subheads, 16px body — giving clear hierarchy and consistent rhythm across sections. It is clean and professional but this is a conventional SaaS type ladder with no unusual pairing, optical texture, or expressive choices beyond negative tracking on large sizes.
- Color (10%): 58 — The core palette is restrained (white canvas, near-black text, deep navy #0C0C29 for header/footer) with vivid multi-hue gradients (orange-to-purple, teal-to-blue, pink-to-green) reserved for product illustration cards — a reasonable system for separating marketing chrome from product demonstration. However the gradient treatment is a very common SaaS illustration convention and the accent hues (cyan #1FFFEC, orange #F1944E, purple #A258FF) read as generic 'tech gradient' stock choices rather than a distinctive, custom palette.
- Layout (20%): 63 — The page follows a complete, consistently spaced SaaS marketing template: announcement bar, nav, hero with email capture, logo strip, alternating feature/illustration sections, dark AI-themed interstitial, stat block, testimonial grid, CTA band, newsletter, and a large multi-column footer. Spacing rhythm, rounded corners, and content-width constraints are applied uniformly, giving a coherent system. The structure, however, is a highly familiar B2B SaaS sequence with no unexpected compositional choices — sections stack predictably with little rhythm variation beyond left/right alternation of text and illustration.
- Motion (20%): 51 — Observed motion is limited to common scroll-reveal patterns: fade/slide-up entrances for text and illustration blocks, a horizontally scrolling logo carousel, and a glowing rotating-cube background in one dark section. These are standard, widely-used SaaS scroll-trigger techniques rather than a distinctive motion language, and the report explicitly notes exact triggers/easing could not be verified from a scroll capture.
- Originality (25%): 38 — Virtually every structural and visual choice — announcement bar, isometric gradient product-mockup cards, stat strip with citation footnotes, testimonial logo cards, dark glow CTA band, large multi-column footer — is a well-worn pattern seen across countless contemporary B2B SaaS sites (Linear/Vercel-adjacent aesthetic). Nothing in the supplied evidence suggests a hard-to-substitute idea, a bespoke interaction model, or a visual signature that couldn't be swapped for a competitor's template with minimal change.
- Content (10%): 61 — Copy and visuals are reasonably well matched: each feature section's illustration (Endpoint/Identity/Compliance) visually demonstrates the described capability, and stat claims carry footnoted sources. This is solid integration of content and design but does not go beyond expected marketing-site practice.

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

## Curator notes

Layered, isometric app cards in warm gradients float against plain white, turning an abstract device-management pitch into something tangible to look at. Bold black headlines, generous white space, and a repeating pattern of short text plus one glowing product panel per section keep a feature-heavy page easy to scan as you scroll.

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