---
source: gallery_supabase
---

# supabase.com — Atmosphere

> Developer-focused Postgres platform with a signature mint-green brand accent against crisp black-and-white minimalism.

> Extracted by [Coherent](https://getcoherent.design) from `https://supabase.com` on 2026-07-20 00:31:02 UTC.
> Mode: `light` · captured in 5641ms · density: `comfortable`

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

## Hero

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

> Build in a weekendScale to millions

## Color

| Token | Hex | Role | Usage |
|-------|-----|------|-------|
| `#000000` | ![#000000](https://placehold.co/16x16/000000/000000.png) | text | page text |
| `#72e3ad` | ![#72e3ad](https://placehold.co/16x16/72e3ad/72e3ad.png) | brand | a background |

### Backgrounds


## Typography

**Font families**

- Inter
- Inter Fallback
- system-ui
- Helvetica Neue
- Helvetica
- Arial

**Scale**

| Role | Size | Weight | Line height | Family |
|------|------|--------|-------------|--------|
| h1 | `46px` | 500 | `46px` | Manrope |
| h2 | `16px` | 600 | `24px` | Manrope |
| h3 | `34px` | 600 | `37.7778px` | Manrope |
| h6 | `15px` | 600 | `22.5px` | Manrope |
| body | `16px` | 450 | `24px` | Inter |

## Spacing

Scale: `8px` · `16px` · `32px`

## Radius

Scale: `0px` · `6px`

## Motion

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

## Breakpoints

Strategy: `desktop-first`

| Name | Min/Max width |
|------|---------------|
| md | `600px` |

## Container widths

- **input** (unspecified) — `80%`

## Borders

- `1px solid oklch(0.1 0 34 / 0.0812725)`
- `1px solid oklch(0.1 0 34)`
- `1px solid oklab(0.685565 -0.144466 0.057858 / 0.75)`
- `1px solid oklch(0.1 0 34 / 0.146418)`

## Z-index scale

- **nav** — `40`

## Glassmorphism

`backdrop-filter: blur(4px)`

## Voice

Tone: `confident` · `developer-centric` · `concise`

- *(hero)* "Build in a weekendScale to millions"
- *(meta-description)* "Build production-grade applications with a Postgres database, Authentication, instant APIs, Realtime, Functions, Storage and Vector embeddings. Start for free."


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