# Legora — Design Reference

Schema: Design Details DESIGN.md v3.2
Source: https://legora.com/
Captured: 2026-10-23
CSS measured: 2026-10-23T18:19:30.547Z at 1440×1000 — https://legora.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: anthropic/claude-sonnet-5

## Design direction

Legora is a corporate website with a highly polished, clean aesthetic. The design relies heavily on a stark, largely monochrome palette of white, off-white, and dark gray/black, accented by a deep forest green. Typography is modern and unembellished, using the 'Legora Sans' font family across most elements, creating a cohesive, professional feel. Notable visual patterns include a scroll-linked 3D glass stacking animation, prominent video backgrounds, and clean, structured grid layouts. The overall impression is one of sophisticated technology tailored for professional enterprise use.

## Classification

- Industry: ai
- Site type: Blog
- Business model: Agency
- Styles: corporate, minimal, glassmorphism, high-tech
- Platform: Framer
- Technology: Not identified

## Typography

- Display: Legora Sans Regular — weight 400; size 56.2px; line-height 56.2px; tracking normal; Regular (90% role confidence, computed values)
- Heading: Legora Sans Regular — weight 400; size 41.2px; line-height 41.2px; tracking -0.4px; Regular (95% role confidence, computed values)
- Body: Legora Sans Regular — weight 400; size 15px; line-height 19.5px; tracking normal; Regular (95% role confidence, computed values)

## Functional palette

- Text — text #0D1016: color-3: computed rgb(13, 16, 22); AI role: Dark color (#0D1016) used for primary text headings and body copy on light backgrounds. (95% role confidence, computed values)
- Primary Action — primary action #005032: color-7: computed rgb(0, 80, 50); AI role: Forest green used for the announcement bar, primary CTA buttons ('Book a demo'), and links. (95% role confidence, computed values)
- Canvas — canvas #FFFFFF: color-4: computed rgb(255, 255, 255); AI role: White background used extensively across major sections of the page. (90% role confidence, computed values)
- Muted Text — muted text #68655E: color-10: computed rgb(104, 101, 94); AI role: Lighter gray text used for elements like 'Trusted by' and secondary information. (85% role confidence, computed values)
- Surface — surface #FAFAF9: color-1: computed rgb(250, 250, 249); AI role: Off-white background used for sections like the footer and specific content blocks. (80% role confidence, computed values)
- Surface — surface #E6E6E6: color-2: computed rgb(230, 230, 230); AI role: Light gray background used for elements like the 'Explore the Legora aOS' button background. (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": "Legora Sans Regular",
    "fontStack": "\"Legora Sans Regular\", \"Legora Sans Regular Placeholder\", sans-serif",
    "weight": "400",
    "size": "33.7px",
    "lineHeight": "37.1px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h2",
        "text": "Measuring the impact of AI on in-house teams",
        "top": 9550,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Our Vision",
        "top": 11270,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Compliant with the most rigorous security and safety standards.",
        "top": 12120,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-2",
    "family": "Legora Sans Medium",
    "fontStack": "\"Legora Sans Medium\", \"Legora Sans Medium Placeholder\", sans-serif",
    "weight": "500",
    "size": "19.5px",
    "lineHeight": "25.3px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "h6",
        "text": "Legora aOS™",
        "top": 7976,
        "property": "font"
      },
      {
        "tag": "h6",
        "text": "Agent",
        "top": 7976,
        "property": "font"
      },
      {
        "tag": "h6",
        "text": "Monitors",
        "top": 7976,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-3",
    "family": "Legora Sans Regular",
    "fontStack": "\"Legora Sans Regular\", \"Legora Sans Regular Placeholder\", sans-serif",
    "weight": "400",
    "size": "41.2px",
    "lineHeight": "41.2px",
    "letterSpacing": "-0.4px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "h2",
        "text": "Introducing the Legora aOS™",
        "top": 1320,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Our latest innovations",
        "top": 7301,
        "property": "font"
      },
      {
        "tag": "h2",
        "text": "Every team.Every practice.",
        "top": 8383,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-4",
    "family": "Legora Sans Regular",
    "fontStack": "\"Legora Sans Regular\", \"Legora Sans Regular Placeholder\", sans-serif",
    "weight": "400",
    "size": "22.5px",
    "lineHeight": "29.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 1,
    "contexts": [
      {
        "tag": "h3",
        "text": "Legora worked with legal industry analyst Ari Kaplan on a qualitative study of how AI is reshaping i",
        "top": 10530,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-5",
    "family": "Legora Sans Regular",
    "fontStack": "\"Legora Sans Regular\", \"Legora Sans Regular Placeholder\", sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "19.5px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 108,
    "contexts": [
      {
        "tag": "p",
        "text": "Announcing $550M Series E",
        "top": 12,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Read more",
        "top": 12,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "→",
        "top": 12,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-6",
    "family": "Legora Sans Regular",
    "fontStack": "\"Legora Sans Regular\", \"Legora Sans Regular Placeholder\", sans-serif",
    "weight": "400",
    "size": "13.1px",
    "lineHeight": "17.1px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 7,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by",
        "top": 1066,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "ISO 42001 certified, our AI governance framework gives customers confidence in how we build and run ",
        "top": 12582,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Legora is fully certified with ISO 27001, the internationally recognized standard for information se",
        "top": 12582,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-7",
    "family": "Legora Sans Regular",
    "fontStack": "\"Legora Sans Regular\", \"Legora Sans Regular Placeholder\", sans-serif",
    "weight": "400",
    "size": "18px",
    "lineHeight": "23.4px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 6,
    "contexts": [
      {
        "tag": "p",
        "text": "Collaborative AI for exceptional lawyers",
        "top": 913,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "The agentic operating system for legal work",
        "top": 1391,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "A single system that connects information, communication, and the execution of legal work.",
        "top": 7025,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-8",
    "family": "Legora Sans Regular",
    "fontStack": "\"Legora Sans Regular\", \"Legora Sans Regular Placeholder\", sans-serif",
    "weight": "400",
    "size": "33.7px",
    "lineHeight": "33.7px",
    "letterSpacing": "-0.3px",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "p",
        "text": "⮑",
        "top": 9587,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Read more",
        "top": 9587,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "⮑",
        "top": 12195,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-9",
    "family": "Legora Sans Regular",
    "fontStack": "\"Legora Sans Regular\", \"Legora Sans Regular Placeholder\", sans-serif",
    "weight": "400",
    "size": "15px",
    "lineHeight": "15px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "⮑",
        "top": 9333,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Read more",
        "top": 9333,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-10",
    "family": "Legora Sans Medium",
    "fontStack": "\"Legora Sans Medium\", \"Legora Sans Medium Placeholder\", sans-serif",
    "weight": "500",
    "size": "14.4px",
    "lineHeight": "14.4px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Book a demo",
        "top": 71,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Book a demo",
        "top": 918,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-11",
    "family": "Legora Sans Regular",
    "fontStack": "\"Legora Sans Regular\", \"Legora Sans Regular Placeholder\", sans-serif",
    "weight": "400",
    "size": "14.4px",
    "lineHeight": "14.4px",
    "letterSpacing": "-0.1px",
    "traits": "Regular",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "Explore the Legora aOS™",
        "top": 7032,
        "property": "font"
      },
      {
        "tag": "p",
        "text": "Book a demo",
        "top": 13516,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-12",
    "family": "Legora Sans Regular",
    "fontStack": "\"Legora Sans Regular\", \"Legora Sans Regular Placeholder\", sans-serif",
    "weight": "400",
    "size": "56.2px",
    "lineHeight": "56.2px",
    "letterSpacing": "normal",
    "traits": "Regular",
    "count": 4,
    "contexts": [
      {
        "tag": "span",
        "text": "Legal",
        "top": 824,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "work,",
        "top": 824,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "without",
        "top": 824,
        "property": "font"
      }
    ]
  },
  {
    "id": "font-13",
    "family": "Aktiv Grotesk VF Variable Regular",
    "fontStack": "\"Aktiv Grotesk VF Variable Regular\", \"Aktiv Grotesk VF Variable Regular Placeholder\", sans-serif",
    "weight": "300",
    "size": "90px",
    "lineHeight": "90px",
    "letterSpacing": "-2.7px",
    "traits": "Regular",
    "count": 3,
    "contexts": [
      {
        "tag": "span",
        "text": "70%",
        "top": 10545,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "50%",
        "top": 10725,
        "property": "font"
      },
      {
        "tag": "span",
        "text": "60%",
        "top": 10905,
        "property": "font"
      }
    ]
  }
]
```

### Color configurations

```json
[
  {
    "id": "color-1",
    "hex": "#FAFAF9",
    "alpha": 1,
    "cssValue": "rgb(250, 250, 249)",
    "count": 3,
    "contexts": [
      {
        "tag": "body",
        "text": "<iframe src=\"https://www.googletagmanager.com/ns.html?id=GTM-W3PRDDJQ\" height=\"0\" width=\"0\" style=\"d",
        "top": 0,
        "property": "background"
      },
      {
        "tag": "div",
        "text": "Announcing $550M Series ERead more→→ProductSolutionsSecurityCustomersCompanyResourcesLog inBook a de",
        "top": 0,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-2",
    "hex": "#E6E6E6",
    "alpha": 1,
    "cssValue": "rgb(230, 230, 230)",
    "count": 12,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1475,
        "property": "background"
      },
      {
        "tag": "a",
        "text": "Explore the Legora aOS™",
        "top": 7025,
        "property": "control-background"
      },
      {
        "tag": "div",
        "text": "",
        "top": 8603,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-3",
    "hex": "#0D1016",
    "alpha": 1,
    "cssValue": "rgb(13, 16, 22)",
    "count": 30,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 74,
        "property": "background"
      },
      {
        "tag": "h2",
        "text": "Introducing the Legora aOS™",
        "top": 1320,
        "property": "text"
      },
      {
        "tag": "p",
        "text": "The agentic operating system for legal work",
        "top": 1391,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-4",
    "hex": "#FFFFFF",
    "alpha": 1,
    "cssValue": "rgb(255, 255, 255)",
    "count": 56,
    "contexts": [
      {
        "tag": "p",
        "text": "Announcing $550M Series E",
        "top": 12,
        "property": "text"
      },
      {
        "tag": "div",
        "text": "",
        "top": 69,
        "property": "background"
      },
      {
        "tag": "span",
        "text": "Legal",
        "top": 824,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-5",
    "hex": "#E1DFDA",
    "alpha": 1,
    "cssValue": "rgb(225, 223, 218)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Our VisionMax JunestrandCo-founder & CEOLawyers bring judgment, strategy, and creativity. AI brings ",
        "top": 11240,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-6",
    "hex": "#003D26",
    "alpha": 1,
    "cssValue": "rgb(0, 61, 38)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "Discover the future of legal work through a live product demo.Experience the Legora aOS™ in action —",
        "top": 13036,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-7",
    "hex": "#005032",
    "alpha": 1,
    "cssValue": "rgb(0, 80, 50)",
    "count": 59,
    "contexts": [
      {
        "tag": "a",
        "text": "Announcing $550M Series ERead more→→",
        "top": 0,
        "property": "control-background"
      },
      {
        "tag": "p",
        "text": "Product",
        "top": 13798,
        "property": "text"
      },
      {
        "tag": "a",
        "text": "Legora aOS",
        "top": 13833,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-8",
    "hex": "#6B6B6B",
    "alpha": 1,
    "cssValue": "rgb(107, 107, 107)",
    "count": 5,
    "contexts": [
      {
        "tag": "p",
        "text": "The Legora aOS facilitates the flow of information, communication, and execution of legal work, help",
        "top": 8014,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-9",
    "hex": "#343434",
    "alpha": 1,
    "cssValue": "rgb(52, 52, 52)",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "Lawyers bring judgment, strategy, and creativity. AI brings speed, scale, and precision. Together, t",
        "top": 11270,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-10",
    "hex": "#68655E",
    "alpha": 1,
    "cssValue": "rgb(104, 101, 94)",
    "count": 14,
    "contexts": [
      {
        "tag": "p",
        "text": "Trusted by",
        "top": 1066,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-11",
    "hex": "#000000",
    "alpha": 0.5019607843137255,
    "cssValue": "rgba(0, 0, 0, 0.5)",
    "count": 7,
    "contexts": [
      {
        "tag": "a",
        "text": "Large Language Models",
        "top": 1505,
        "property": "control-background"
      }
    ]
  },
  {
    "id": "color-12",
    "hex": "#FFFFFF",
    "alpha": 0.6,
    "cssValue": "rgba(255, 255, 255, 0.6)",
    "count": 3,
    "contexts": [
      {
        "tag": "p",
        "text": "ROI Report",
        "top": 9530,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-13",
    "hex": "#8F8D8A",
    "alpha": 1,
    "cssValue": "rgb(143, 141, 138)",
    "count": 2,
    "contexts": [
      {
        "tag": "p",
        "text": "⮑",
        "top": 12195,
        "property": "text"
      }
    ]
  },
  {
    "id": "color-14",
    "hex": "#000000",
    "alpha": 0.4,
    "cssValue": "rgba(0, 0, 0, 0.4)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1821,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-15",
    "hex": "#000000",
    "alpha": 1,
    "cssValue": "rgb(0, 0, 0)",
    "count": 6,
    "contexts": [
      {
        "tag": "svg",
        "text": "",
        "top": 70,
        "property": "svg-fill"
      },
      {
        "tag": "use",
        "text": "",
        "top": 70,
        "property": "svg-fill"
      },
      {
        "tag": "iframe",
        "text": "",
        "top": -9999,
        "property": "border"
      }
    ]
  },
  {
    "id": "color-16",
    "hex": "#FFFFFF",
    "alpha": 0.25098039215686274,
    "cssValue": "rgba(255, 255, 255, 0.25)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1515,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-17",
    "hex": "#FFFFFF",
    "alpha": 0.4,
    "cssValue": "rgba(255, 255, 255, 0.4)",
    "count": 1,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 1833,
        "property": "background"
      }
    ]
  },
  {
    "id": "color-18",
    "hex": "#0C1018",
    "alpha": 0.25098039215686274,
    "cssValue": "rgba(13, 16, 22, 0.25)",
    "count": 7,
    "contexts": [
      {
        "tag": "div",
        "text": "",
        "top": 8612,
        "property": "background"
      }
    ]
  }
]
```

### Extraction limits

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

## Type, spacing, and shape language

- Spacing rhythm: Generous spacing between major sections, creating a calm, structured reading rhythm. Internal component padding is moderate.
- Corner style: Combination of sharp corners on large background sections and rounded corners on smaller interactive elements like buttons and UI pills.
- Radius: Buttons and the labels next to the 3D cube appear to use a pill-shape radius.
- Borders: Minimal use of borders; structure is largely defined by spacing, background color changes, and typography.
- Buttons: Pill-shaped, solid fill for primary actions (green), often including a small arrow icon.
- Content width: Content is generally centered and constrained within a readable max-width, though some sections (like the hero and footer) span full width.
- Density: Low density. The layout relies on significant whitespace to separate concepts and features.
- Evidence: Visual inspection of the screenshots shows distinct spacing blocks between headings and content, pill-shaped buttons for CTAs, and a clean, borderless aesthetic for most structural elements.

## Sections

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

1. **Hero — Legal Work Without Limits Hero** (Home)
   AI suggestion (99% confidence): Complete, substantial opening hero with integrated navigation, cinematic imagery, clear value proposition, supporting copy, and demo CTA.
   Capture: 1440×1008px; page bounds 0–1008px of 11041px; source section ID: `12b96126-0894-4043-8f14-48d63dcc1e70`; image: https://media.designdetails.io/library/6e1bdaf48b5689e907ed842b8d4dcdc6943e2cb86af1fc168b04dfb393c428a6/12b96126-0894-4043-8f14-48d63dcc1e70.webp
   SECTION.md v3.2: `12b96126-0894-4043-8f14-48d63dcc1e70` (deterministic evidence; editorial review pending)
2. **Footer — Legora Footer** (Home)
   Closing footer and call-to-action from Home, organized around “Legora Footer”.
   Capture: 1440×808px; page bounds 10233–11041px of 11041px; source section ID: `d19becfe-9c39-455e-8d1c-071768c9f944`; image: https://media.designdetails.io/library/437c83b61049821dff374029f51b6fe6144226a43315ec8c1a25aac351a96620/section-manual-d19becfe-9c39-455e-8d1c-071768c9f944-1792829021627.webp
   SECTION.md v3.2: `d19becfe-9c39-455e-8d1c-071768c9f944` (deterministic evidence; editorial review pending)
3. **Logo Cloud — Trusted by Leading Firms** (Home)
   AI suggestion (90% confidence): Self-contained trust strip featuring a labeled row of recognizable customer and partner logos.
   Capture: 1440×174px; page bounds 1011–1185px of 11041px; source section ID: `b1b54467-a9bc-42ea-87cf-88aae3df62ef`; image: https://media.designdetails.io/library/2d42bf97479087b812d7f588b4ab641f31065639cf86b9041a5bd2e730426e35/b1b54467-a9bc-42ea-87cf-88aae3df62ef.webp
   SECTION.md v3.2: `b1b54467-a9bc-42ea-87cf-88aae3df62ef` (deterministic evidence; editorial review pending)
4. **Feature Grid — Our latest innovations** (Home)
   AI suggestion (98% confidence): Complete four-card product innovation grid with a clear heading, introductory copy, product imagery, descriptions, and read-more links; its beginning and ending are fully visible.
   Capture: 1440×876px; page bounds 3767–4643px of 11041px; source section ID: `7d0e037b-999a-4453-a22a-acae5beaad64`; image: https://media.designdetails.io/library/0aae6c6eabaf84c40de621c425f4fc51f562c779826ff2c42d6a05c866a97b13/7d0e037b-999a-4453-a22a-acae5beaad64.webp
   SECTION.md v3.2: `7d0e037b-999a-4453-a22a-acae5beaad64` (deterministic evidence; editorial review pending)
5. **Stats — AI Impact ROI Report** (Home)
   AI suggestion (96% confidence): Complete report section with a titled full-width image, study context, and three prominent outcome statistics; it has clear visual boundaries and works as a reusable research-and-results component.
   Capture: 1440×1737px; page bounds 5980–7717px of 11041px; source section ID: `a19ce37a-bf84-4c9e-8403-404d859626f3`; image: https://media.designdetails.io/library/4321148869ecf2920acbca962f8005e429b91a90b413dd108c5ad0ecfd0eb25b/a19ce37a-bf84-4c9e-8403-404d859626f3.webp
   SECTION.md v3.2: `a19ce37a-bf84-4c9e-8403-404d859626f3` (deterministic evidence; editorial review pending)
6. **Safety — Security and Safety Standards** (Home)
   AI suggestion (98% confidence): Complete dark certification section with a clear headline, supporting copy, and a five-item standards grid covering ISO, SOC 2, GDPR, and HIPAA.
   Capture: 1440×753px; page bounds 8571–9324px of 11041px; source section ID: `3945759c-a380-4d35-9c85-cebbd24c6b96`; image: https://media.designdetails.io/library/c767afd12cf37c39b7e8ca323a1111d92bfd3fccaba9a89dc0248a12454c002f/3945759c-a380-4d35-9c85-cebbd24c6b96.webp
   SECTION.md v3.2: `3945759c-a380-4d35-9c85-cebbd24c6b96` (deterministic evidence; editorial review pending)
7. **Product Demo — Live Legal Product Demo** (Home)
   AI suggestion (99% confidence): Self-contained green demo panel combining a conversion-focused headline, explanatory copy, booking CTA, and distinctive illustration.
   Capture: 1440×537px; page bounds 9519–10056px of 11041px; source section ID: `ccb95ddf-1afd-4cb8-9d05-0bfc1a22e52b`; image: https://media.designdetails.io/library/4b7b4123f9f80a8625375bdd7151772068bcbccfe6aa9b8b7520f2461067f511/ccb95ddf-1afd-4cb8-9d05-0bfc1a22e52b.webp
   SECTION.md v3.2: `ccb95ddf-1afd-4cb8-9d05-0bfc1a22e52b` (deterministic evidence; editorial review pending)

## Capture and motion evidence

- Desktop screenshot: https://media.designdetails.io/library/46f855f3d96753231bda82b722b3c9ac02e9af7f3c2dc9b0df0e92cecf8e9e6b/desktop_full-e88b1b70-2026-10-23T18-19-30-575Z.webp
- Mobile screenshot: https://media.designdetails.io/library/2897e9b18a6ada25bbb6dcaac66a179a6d4b3ba2510d6a60970662e8d2615cea/mobile_full-e88b1b70-2026-10-23T18-20-13-892Z.webp
- Open Graph image: https://media.designdetails.io/library/90cdbd88d52f3b98b5f68c9b07a2255146be9d0fe6de0858fe5072b3f9f9f2f5/og_image-e88b1b70-2026-10-23T18-19-38-587Z.webp
- Full-page video: https://media.designdetails.io/library/b0c2dc3687fd14aa22bb60003dab911d1705dc9e7c2d05ccf98a680e875eb1fd/motion-1792782588984.mp4
- Video poster: https://media.designdetails.io/library/7883734ec809b6ca27ecd790bec7fb828d08db9758fd7f92e67374a8154fdb87/motion-poster-1792782588984.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 With Background Imagery
- Logo Strip
- Feature Card
- Stat Block
- Footer
- Testimonial Card
- Primary Button
- Interactive 3D Diagram
- Marquee

## Quality rubric

Overall: 61.4/100 (Good)
Evidence coverage: 100%
Judge tier: Good
Verdict: Legora pairs a disciplined, restrained corporate palette and typographic system with one genuinely strong idea — a scroll-linked, reversible glass-cube diagram that visualizes the product's architecture — but surrounds it with largely generic enterprise SaaS components (feature cards, logo strips, stat blocks, testimonial, certification grid) that don't extend that same level of thought, keeping the overall execution solidly good rather than exceptional.

- Typography (15%): 62 — A single custom family (Legora Sans) is used with a clear, logical scale from 14.4px UI labels to 56.2px hero display, with subtle negative tracking at larger sizes. This gives the site a cohesive voice, but the hierarchy is conventional corporate SaaS sizing with no distinctive type personality, and the stat numbers switch to an unrelated 'Aktiv Grotesk VF Variable' at 90px — an inconsistency that undercuts the otherwise unified system.
- Color (10%): 60 — The palette is tightly restrained — near-black text, white/off-white surfaces, and a single forest-green accent reused for the announcement bar, CTAs, and links — which reads as disciplined and on-brand for a legal-tech product. Execution is clean but the formula (mono neutral + one accent) is a standard enterprise pattern rather than a considered, extended system (e.g. no secondary accent, limited tonal variation beyond grays).
- Layout (20%): 63 — The page follows a clear, repeatable structural rhythm: announcement bar → nav → hero → logo strip → intro → feature cards → carousel → stats → testimonial → security grid → CTA → footer. Spacing is generous and consistent, and grids (4-up feature cards, 5-up security badges) are evenly built. This is a well-organized corporate template rather than an inventive spatial composition — nothing in the grid or composition is structurally surprising beyond what's expected from a SaaS marketing site.
- Motion (20%): 67 — The standout motion idea is the scroll-linked glass-cube stack that builds and reverses in sync with scroll position, tying architecture labels to visual layers — a genuinely engineered, multi-step interaction rather than a single fade-in. It's supplemented by count-up stats, marquees, and hero video, giving the page a reasonably coherent motion vocabulary. However, most of the rest of the page (cards, testimonial, security grid) likely relies on standard scroll-reveal patterns, and no evidence substantiates animation smoothness, easing quality, or responsiveness — the praise is limited to the presence and structure of the effects, not their refinement.
- Originality (25%): 56 — The scroll-synced glass-cube architecture diagram is a genuinely distinctive, product-specific idea that ties motion directly to explaining a complex system — this is hard to substitute and shows real design thinking. But it is essentially one hero-level set piece; everything else (logo strip, feature cards, carousel, stat blocks, testimonial, certification grid, demo CTA, footer) is assembled from highly familiar enterprise SaaS patterns with no reinterpretation. Per the standard that a single standout effect cannot carry a site into the 70s, the overall experience reads as competent-not-novel outside that one moment.
- Content (10%): 61 — Dense enterprise content (certifications, stats, case studies, testimonial, partner logos) is reasonably well integrated into matching components — badges get icon+heading+body treatment, stats get large numerals with supporting captions, and the architecture diagram directly visualizes the product's technical structure. This is solid content-to-design mapping typical of mature B2B sites, without any content-design idea that feels bespoke to Legora specifically beyond the cube.

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

A close-up human profile and deep green accents give an AI legal tool a human, trustworthy mood rather than a cold tech feel. Grey capsule tags, a stacked 3D product icon, and large percentage stats break the long page into easy-to-scan proof points for skeptical law firm visitors.

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