---
source: gallery_neon
---

# neon.tech — Atmosphere

> Developer-focused Postgres platform with a vivid neon-green brand accent against a stark black-and-white interface.

> Extracted by [Coherent](https://getcoherent.design) from `https://neon.tech` on 2026-07-20 03:04:32 UTC.
> Mode: `dark` · captured in 5165ms · density: `spacious`

<!-- coherent-extract: v1 -->

## Hero

**Detected via:** `h1` (72px)

> Neon is the Postgres backend, designed for apps and agents.

## Color

| Token | Hex | Role | Usage |
|-------|-----|------|-------|
| `#ffffff` | ![#ffffff](https://placehold.co/16x16/ffffff/ffffff.png) | text | body text |
| `#000000` | ![#000000](https://placehold.co/16x16/000000/000000.png) | background | button-secondary text |
| `#797d86` | ![#797d86](https://placehold.co/16x16/797d86/797d86.png) | neutral | h2 text |
| `#000000` | ![#000000](https://placehold.co/16x16/000000/000000.png) | background | body background |
| `#34d59a` | ![#34d59a](https://placehold.co/16x16/34d59a/34d59a.png) | brand | button-secondary background |
| `#ffffff` | ![#ffffff](https://placehold.co/16x16/ffffff/ffffff.png) | text | a text |
| `#131415` | ![#131415](https://placehold.co/16x16/131415/131415.png) | text | button-primary text |
| `#e4f1eb` | ![#e4f1eb](https://placehold.co/16x16/e4f1eb/e4f1eb.png) | background | button-primary background |

### Backgrounds

- **page** — `#000000`

## Typography

**Font families**

- Inter
- Inter Fallback
- ui-sans-serif
- system-ui
- sans-serif
- Apple Color Emoji

**Scale**

| Role | Size | Weight | Line height | Family |
|------|------|--------|-------------|--------|
| h1 | `72px` | 400 | `81px` | Inter |
| h2 | `48px` | 400 | `54px` | Inter |
| body | `16px` | 400 | `24px` | Inter |

## Spacing

Scale: `10px` · `12px` · `16px` · `20px` · `28px`

## Radius

Scale: `0px`

## Motion

| Duration | Easing | Property |
|----------|--------|----------|
| `200ms` | `cubic-bezier(0.4, 0, 0.2, 1)` | color |

## Breakpoints

Strategy: `desktop-first`

| Name | Min/Max width |
|------|---------------|
| sm | `413px` |
| md | `767px` |
| lg | `1023px` |
| xl | `1279px` |

## Container widths

- **h1** (unspecified) — `1120px`

## Z-index scale

- **footer** — `30`

## Voice

Tone: `technical` · `confident` · `minimal`

- *(hero)* "Neon is the Postgres backend, designed for apps and agents."
- *(meta-description)* "The backend for apps and agents. Build with Serverless Postgres, Auth, Functions, Storage, and an AI Gateway: instant, branchable, serverless."
- *(body)* "Cloud primitives for the AI Engineering era. Integrate with a single command and the LLM does the hard work."
- *(cta)* "$ npx neon init"


---
Captured deterministically from computed CSS. Numerical fields (color, motion, spacing) reflect the live site at extraction time.