# Neon

> Generated by BrandSweets from the neon-tech BrandDoc (v3, schema 1). Do not edit by hand.

## Identity

**Tagline:** The backend for apps and agents. Build with Lakebase Postgres, Auth, Functions, Storage, and an AI Gateway: instant, branchable, serverless.

**Domain:** neon.tech


The backend for apps and agents. Build with Lakebase Postgres, Auth, Functions, Storage, and an AI Gateway: instant, branchable, serverless.

## Colors

| Role | Name | Hex | Dark | Usage |
| --- | --- | --- | --- | --- |
| `primary` | — | `#34d59a` | — | Primary brand color: CTAs, links, active states. |
| `secondary` | — | `#285d49` | — | Secondary brand color. |
| `accent` | — | `#ff3621` | — | Accent: highlights and secondary emphasis. |
| `surface` | — | `#ffffff` | — | Page and card background. |
| `text` | — | `#000000` | — | Body text on surface. |

### Scales

- **primary:** 50 `#f1f9f6`, 100 `#dcefe8`, 200 `#b3efd9`, 300 `#84e6c2`, 400 `#5addad`, 500 `#34d59a`, 600 `#26ba84`, 700 `#1f986c`, 800 `#187754`, 900 `#16503b`, 950 `#0f3426`
- **secondary:** 50 `#f3f7f5`, 100 `#e0ebe7`, 200 `#bfe3d5`, 300 `#97d3bc`, 400 `#74c3a5`, 500 `#54b690`, 600 `#439d7b`, 700 `#378164`, 800 `#285d49`, 900 `#224437`, 950 `#162c24`
- **accent:** 50 `#faf0ef`, 100 `#f4dad7`, 200 `#ffaca3`, 300 `#ff7a6b`, 400 `#ff4c38`, 500 `#ff3621`, 600 `#e01600`, 700 `#b81200`, 800 `#8f0e00`, 900 `#5e1008`, 950 `#3d0b05`
- **surface:** 50 `#ffffff`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#212121`
- **text:** 50 `#f5f5f5`, 100 `#e6e6e6`, 200 `#d1d1d1`, 300 `#b5b5b5`, 400 `#9c9c9c`, 500 `#858585`, 600 `#707070`, 700 `#5c5c5c`, 800 `#474747`, 900 `#333333`, 950 `#000000`

## Typography

### Families

#### Inter `inter`
- **Source:** google
- **Weights:** 300 Light, 400 Regular, 500 Medium, 600 Semibold, 700 Bold, 800 Extrabold
- **Fallback stack:** `Inter, "Inter Fallback", ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"`

### Role assignments

- **heading:** Inter (`inter`)
- **body:** Inter (`inter`)

### Scale

| Step | Size (rem) | Line height | Tracking (em) |
| --- | --- | --- | --- |
| sm | 0.875 | 1.5 | — |
| base | 1 | 1.6 | — |
| lg | 1.25 | 1.4 | — |
| xl | 1.75 | 1.25 | — |
| 2xl | 2.25 | 1.15 | — |
| display | 3.5 | 1.05 | -0.02 |

## Logos

### primary
- **Formats:**
  - `svg` (102×28): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22102%22%20height%3D%2228%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%2028%22%20class%3D%22hidden%20dark%3Ablock%22%3E%3Cpath%20fill%3D%22%2334D59A%22%20d%3D%22M27.542.008V28l-10.747-9.508v9.323H0V0zM3.376%2024.439H13.42V11.084l10.747%209.508V3.382l-20.79-.005z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m49.97%2023.124-10.745-9.51v9.323h-3.38V6.201l10.746%209.51V6.387h3.38zm3.722-.187V6.387h10.116V9.72h-6.736v3.264h5.338v3.263h-5.338v3.357h6.736v3.333zm20.58.187a8.446%208.446%200%200%201-8.461-8.462%208.446%208.446%200%200%201%208.46-8.461%208.446%208.446%200%200%201%208.462%208.461%208.446%208.446%200%200%201-8.461%208.462m0-3.264c2.89%200%205.058-2.33%205.058-5.198%200-2.867-2.168-5.198-5.058-5.198s-5.058%202.331-5.058%205.198%202.168%205.198%205.058%205.198m24.888%203.264-10.746-9.51v9.323h-3.38V6.201l10.746%209.51V6.387h3.38z%22%2F%3E%3C%2Fsvg%3E
- **Clearspace:** 1× logo-height — Default clearspace of one logo-height on all sides (auto-seeded; refine after review).
- **Min size:** 24px w (screen)
- **Allowed backgrounds:** any

### mark
- **Formats:**
  - `svg` (14×15): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2215%22%20fill%3D%22none%22%20viewBox%3D%220%200%2014%2015%22%20class%3D%22text-gray-new-30%20opacity-60%20transition-all%20duration-200%20group-hover%2Fmain-nav-trigger%3Atext-black-pure%20dark%3Atext-gray-new-70%20dark%3Agroup-hover%2Fmain-nav-trigger%3Atext-white%22%20aria-hidden%3D%22true%22%3E%3Cpath%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%20d%3D%22M3.5%205.75%207%209.25l3.5-3.5%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any

### mono
- **Formats:**
  - `svg` (102×28): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22102%22%20height%3D%2228%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%2028%22%20class%3D%22hidden%20dark%3Ablock%20sm%3Ah-6%20sm%3Aw-auto%22%3E%3Cpath%20fill%3D%22%2334D59A%22%20d%3D%22M27.542.008V28l-10.747-9.508v9.323H0V0zM3.376%2024.439H13.42V11.084l10.747%209.508V3.382l-20.79-.005z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m49.97%2023.124-10.745-9.51v9.323h-3.38V6.201l10.746%209.51V6.387h3.38zm3.722-.187V6.387h10.116V9.72h-6.736v3.264h5.338v3.263h-5.338v3.357h6.736v3.333zm20.58.187a8.446%208.446%200%200%201-8.461-8.462%208.446%208.446%200%200%201%208.46-8.461%208.446%208.446%200%200%201%208.462%208.461%208.446%208.446%200%200%201-8.461%208.462m0-3.264c2.89%200%205.058-2.33%205.058-5.198%200-2.867-2.168-5.198-5.058-5.198s-5.058%202.331-5.058%205.198%202.168%205.198%205.058%205.198m24.888%203.264-10.746-9.51v9.323h-3.38V6.201l10.746%209.51V6.387h3.38z%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any

### inverse
- **Formats:**
  - `svg` (102×28): data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22102%22%20height%3D%2228%22%20fill%3D%22none%22%20viewBox%3D%220%200%20100%2028%22%20class%3D%22hidden%20dark%3Ablock%22%3E%3Cstyle%3E*%7Bfill%3A%23ffffff%3Bcolor%3A%23ffffff%7D%3C%2Fstyle%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M27.542.008V28l-10.747-9.508v9.323H0V0zM3.376%2024.439H13.42V11.084l10.747%209.508V3.382l-20.79-.005z%22%2F%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22m49.97%2023.124-10.745-9.51v9.323h-3.38V6.201l10.746%209.51V6.387h3.38zm3.722-.187V6.387h10.116V9.72h-6.736v3.264h5.338v3.263h-5.338v3.357h6.736v3.333zm20.58.187a8.446%208.446%200%200%201-8.461-8.462%208.446%208.446%200%200%201%208.46-8.461%208.446%208.446%200%200%201%208.462%208.461%208.446%208.446%200%200%201-8.461%208.462m0-3.264c2.89%200%205.058-2.33%205.058-5.198%200-2.867-2.168-5.198-5.058-5.198s-5.058%202.331-5.058%205.198%202.168%205.198%205.058%205.198m24.888%203.264-10.746-9.51v9.323h-3.38V6.201l10.746%209.51V6.387h3.38z%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any
- **Notes:** Derived from primary (flattened to #ffffff for dark backgrounds). Auto-generated — review before use.

### favicon
- **Formats:**
  - `svg`: data:image/svg+xml,%3Csvg%20width%3D%22180%22%20height%3D%22180%22%20viewBox%3D%220%200%20180%20180%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cstyle%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%20%3Aroot%20%7B%20fill%3A%20%2337C38F%3B%20%7D%20%40media%20(prefers-color-scheme%3A%20dark)%20%7B%20%3Aroot%20%7B%20fill%3A%20%2334D59A%3B%20%7D%20%7D%0A%3C%2Fstyle%3E%3Cpath%20d%3D%22M162%2017.5406V162.5L105.812%20113.897V162.5H18V17.5L162%2017.5406ZM35.6515%20144.901H88.1606V75.278L144.349%20124.843V35.1348L35.6515%2035.1037V144.901Z%22%2F%3E%3C%2Fsvg%3E
- **Allowed backgrounds:** any

### app-icon
- **Formats:**
  - `png` (180×180): data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALQAAAC0CAYAAAA9zQYyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAOdEVYdFNvZnR3YXJlAEZpZ21hnrGWYwAABKJJREFUeAHt3c+LVWUcx/HHHAolQ1AKNCNBUmpjixa5zLUkFbgqdJlRG4WiskUiFLQqtGVDrYqCYLbZso2L2iROuBDMAUFDMiaUxO4zMoH5o8ZzZ+Y8n/N6wf0P3lye+z3f89wVpZTrBULcVyCIoIkiaKIImiiCJoqgiSJoogiaKIImiqCJImiiCJoogiaKoIkiaKIImiiCJoqgiSJoogiaKIImiqCJImiiCJoogiaKoIkiaKIImiiCJoqgiSJoogiaKIImiqCJImiiCJoogiaKoIkiaKIImigTpQGbj+wt63bvKCyfmWNTZeboVOk739BEETRRBE0UQRNF0EQRNFEETRRBE0XQRBE0UZp49L1QV2YuFu5uYs2qsnLN6pImMugzb0+WyyemC3e24bVdZcP+XSWNIwdRBE0UQRNF0EQRNFEETRRBE0XQRBE0UQRNFEETRdBEETRRBE0UQRNF0EQRNFEETRRBE0XQRBE0UQRNFEETRdBEETRRBE0UQS+ytTu3jz5PF5aGoBdZvRBxy8evlkde2VlYfIJeIpve3DN3QSKLS9BLqN72+dhbewqLR9BL7OGXd5Ytn+wvKx/Ku5u5DwS9DNY+t71s/exgeWDj+sJ4CXqZrN726CjqA6IeM0Evo/s3rpuLevW2TYXxEPQym4t68oBZ9ZgIugfmZ9XGet0JukfqWE/U3Qi6Z8yquxF0D9VZ9dbJg2bV90DQPbXmmSfKU18fMtZbIEH32PxYT9T/n6B7zqx6YQTdgBr1k98cKut37yjcnaAb8viRvcZ6/0HQjTGrvjtBN6hGvfnIvsKtBN2odbufHZ2r3zMB+RdBN8wK6q0E3Tiz6psJOsCNsd67o6eLW8vQCTpEXUGte9VDvy5B0GGGfl2CoHvm8onpcnXmYuliyLNqQffM1XO/lem9H5XZU7+WLmrUQ7wuQdA9dOXcxXLyxffLhW9/KF0M8boEQffYmXcmy8zRqdLF0GbVgu65mWNTnaMe0gqqoBtQoz79+qfl2u+z5V4N5boEQTfi0vc/lpMvHe40ARnCdQmCbkj9sVgnIOMY661/PvNlAUE3pkb98wuHR/PqX0oX9QiSSNANunZ5du6b+vznxws3E3TDzn74ZecJSBpBN65OQM5+8FXhBkEHOP/Fd6Mni4c7/1hMIOgQs6fOjmUC0jpBB5kf63VdbGqZoMPMR911salVgg5Ux3rjWGxqkaCDjWOxqTWCDjeOxaaWCHoAxrHY1ApBD8S4Fpv6bqIEqiuSf/3xZ+mDiQdXlb6YX2yqf3dR32RJFBl0fTHU/5PcXp2A1PcV63UHiXd4OHIMVOpik6AHLHGxSdADl7bYJGiiFpsEzZyUsZ6g+cf8WO/S8Z9KqwTNTepY7/Qbx5qdgAia22p1sUnQ3FGLi02RTwoZn7rYNL3vQjP34q0Yfa4XCOHIQRRBE0XQRBE0UQRNFEETRdBEETRRBE0UQRNF0EQRNFEETRRBE0XQRBE0UQRNFEETRdBEETRRBE0UQRNF0EQRNFEETRRBE0XQRBE0UQRNFEETRdBEETRRBE0UQRNF0EQRNFEETRRBE0XQRBE0Uf4GtmIiCrcyoIMAAAAASUVORK5CYII=
- **Allowed backgrounds:** any

## Boards

- **Cover** — `cover` (`board-cover`)
- **Color System** — `color-system` (`board-colors`)
- **Type Specimen** — `type-specimen` (`board-type`)
- **Logo Suite** — `logo-suite` (`board-logos`)

## Resources

- Tokens (JSON): /b/neon-tech/tokens.json
- Tokens (CSS): /b/neon-tech/brand.css
- This document: /b/neon-tech/brand.md
- MCP endpoint (public read): mcp.brandsweets.com/neon-tech/mcp
- Agent integration guide: /agents.md