---
site: "Research | Coulomb"
url: "https://coulomb.social"
generated_at: "2026-08-08T23:30:22.030Z"
generator: "designlang@12.21.0"
intent: landing
material: flat
tokens:
  colors:
    primary: "#d08728"
    background: "#ffffff"
    foreground: "#000000"
  typography:
    sans: Helvetica
  spacing:
    base: 4
    scale: "[1, 24, 32, 40, 60, 80, 96, 320]"
  radii:
    sm: 4
    md: 8
    lg: 15
    xl: 20
  shadows:
    sm: "rgb(170, 170, 170) 2px 2px 4px 0px"
    md: "rgba(23, 23, 23, 0.1) 2px 2px 8px 2px"
---

# Overview

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

> "Research | Coulomb"

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

Reading order detected on the source: `—`.

Source: <https://coulomb.social>.

# Colors

| role | hex | usage |
|---|---|---|
| primary | `#d08728` | 8 |
| background | `#ffffff` | — |
| foreground | `#000000` | — |

**Neutrals:** `#000000` · `#efefef` · `#616161` · `#373737` · `#171717`

**Total unique colors detected:** 8.

# Typography

**Families**
- `Helvetica` · 1739 uses
- `Arial` · 761 uses
- `Times New Roman` · 450 uses
- `Inter` · 397 uses

# Layout

**Spacing base:** `4px` increments.
**Scale:** `1px` · `24px` · `32px` · `40px` · `60px` · `80px` · `96px` · `320px`

**Layout primitives:** 123 grid containers · 1256 flex containers.

# Elevation and Depth

**Shadow scale**
- `sm` — `rgb(170, 170, 170) 2px 2px 4px 0px`
- `md` — `rgba(23, 23, 23, 0.1) 2px 2px 8px 2px`

**Z-index layers:** 35

# Shapes

**Radius scale**
- `sm` — `4px`
- `md` — `8px`
- `lg` — `12px`
- `lg` — `15px`
- `xl` — `20px`

# Components

**Detected patterns:** `buttons` · `cards` · `inputs` · `links` · `modals`

**Anatomy**
| kind | variants | sizes | instances |
|---|---|---|---|
| button | — | — | 56 |

# Do's and Don'ts

**Do's**
- Use `content`, `favorite`, `format` as the primary verbs in CTAs — these dominate the source.
- 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 4 font families — consider limiting to 2 (heading + body).
- Don't 140 !important rules — prefer specificity over overrides.
- Don't 81% of css is unused — consider purging.
- Don't 6545 duplicate css declarations.

---
_Generated by [designlang](https://github.com/Manavarya09/design-extract) v12.21.0 from <https://coulomb.social>._
_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._