---
site: "https://ramp.com"
url: "https://ramp.com"
generated_at: "2026-06-25T08:30:57.905Z"
generator: "designlang@13.0.0"
intent: landing
material: flat
tokens:
  colors:
    foreground: "#000000"
  typography:
    sans: Times
  spacing:
    scale: "[8, 13]"
---

# Overview

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

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

Reading order detected on the source: `—`.

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

# Colors

| role | hex | usage |
|---|---|---|
| foreground | `#000000` | — |

**Neutrals:** `#000000`

**Total unique colors detected:** 1.

# Typography

**Families**
- `Times` · 4 uses

# Layout

**Scale:** `8px` · `13px`

**Layout primitives:** 0 grid containers · 0 flex containers.

# Elevation and Depth

_No discrete shadow tokens detected — flat material._

# Shapes

_No discrete radius tokens detected — sharp/brutalist shapes._

# Components

_No component anatomy extracted._

# Do's and Don'ts

**Do's**
- Write headings in **unknown** case, **tight** length.
- Address the reader with the pronoun posture **third-person**.
- Stay inside the **flat** material — match shadow and radius habits.

**Don'ts**
- Don't no clear primary brand color detected.
- Don't no consistent spacing base unit detected — values appear arbitrary.

---
_Generated by [designlang](https://github.com/Manavarya09/design-extract) v13.0.0 from <https://ramp.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._