---
site: Mintlify - The Knowledge Platform Built for Agents
url: "https://mintlify.com"
generated_at: "2026-06-25T08:30:14.503Z"
generator: "designlang@13.0.0"
intent: landing
material: flat
library: shadcn/ui
tokens:
  colors:
    primary: "#faf8f5"
    secondary: "#004cff"
    accent: "#ff7a59"
    background: "#f9f6f3"
    foreground: "#000000"
  typography:
    sans: inter
    mono: paperMono
    base: 12
  spacing:
    base: 2
    scale: "[4, 40, 48, 64, 80, 93, 104, 128, 160, 266]"
  radii:
    xs: 2
    md: 6
    lg: 12
    xl: 24
  shadows:
    sm: "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 169px 47px 0px, rgba(0, 0, 0, 0.01) 0px 108px 43px 0px, rgba(0, 0, 0, 0.02) 0px 61px 37px 0px, rgba(0, 0, 0, 0.03) 0px 27px 27px 0px, rgba(0, 0, 0, 0.04) 0px 7px 15px 0px"
---

# Overview

A **landing** page (heuristic confidence 0.31), dressed in **flat** material.

Component library appears to be **shadcn/ui** (0.65).

> "The knowledge infrastructure agents build on"

The author writes in a **neutral** voice; headings tend to be **Sentence case** case and **balanced**.

Reading order detected on the source: `cta → nav → nav → steps → cta → testimonials → steps → nav → content → nav → content → nav → hero → nav → comparison → logo-wall → pricing-table → nav → cta → footer`.

Source: <https://mintlify.com>.

# Colors

| role | hex | usage |
|---|---|---|
| primary | `#faf8f5` | 39 |
| secondary | `#004cff` | 2 |
| accent | `#ff7a59` | 2 |
| background | `#f9f6f3` | — |
| foreground | `#000000` | — |

**Neutrals:** `#000000` · `#ffffff` · `#121715` · `#969e9b` · `#485450`

**Total unique colors detected:** 15.

# Typography

**Families**
- `inter` · 1121 uses
- `paperMono` · 779 uses
- `arizonaFlare` · 2 uses

**Body size:** `12px` / line-height `16px`.

**Heading scale**
| level | size | weight | line-height |
|---|---|---|---|
| h1 | `50px` | `400` | `52px` |
| h2 | `36px` | `500` | `40px` |
| h3 | `35px` | `500` | `40px` |
| h4 | `24px` | `500` | `28px` |

# Layout

**Spacing base:** `2px` increments.
**Scale:** `4px` · `40px` · `48px` · `64px` · `80px` · `93px` · `104px` · `128px` · `160px` · `266px`

**Layout primitives:** 33 grid containers · 1043 flex containers.

**Breakpoints:** `[object Object]px` · `[object Object]px`

# Elevation and Depth

**Shadow scale**
- `sm` — `rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px, rgba(0, 0, 0, 0) 0px 169px 47px 0px, rgba(0, 0, 0, 0.01) 0px 108px 43px 0px, rgba(0, 0, 0, 0.02) 0px 61px 37px 0px, rgba(0, 0, 0, 0.03) 0px 27px 27px 0px, rgba(0, 0, 0, 0.04) 0px 7px 15px 0px`

**Z-index layers:** 8 · ⚠ 1 issue(s)

# Shapes

**Radius scale**
- `xs` — `2px`
- `md` — `6px`
- `lg` — `12px`
- `xl` — `24px`

# Components

**Detected patterns:** `buttons` · `cards` · `links` · `navigation` · `footer` · `modals` · `dropdowns`

**Anatomy**
| kind | variants | sizes | instances |
|---|---|---|---|
| card | primary, secondary | lg, xl | 22 |
| button | outline, secondary, ghost, primary | medium, small | 15 |

# Do's and Don'ts

**Do's**
- Use `products`, `solutions`, `resources` as the primary verbs in CTAs — these dominate the source.
- Write headings in **Sentence case** case, **balanced** length.
- Address the reader with the pronoun posture **you-only**.
- Stay inside the **flat** material — match shadow and radius habits.

**Don'ts**
- Don't 118 !important rules — prefer specificity over overrides.
- Don't 3329 duplicate css declarations.

---
_Generated by [designlang](https://github.com/Manavarya09/design-extract) v13.0.0 from <https://mintlify.com>._
_Compatible with the DESIGN.md convention pioneered by [design-extractor.com](https://www.design-extractor.com) — extended with intent, material, voice, anatomy, and library detection._