design.md

Preview

# replit.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/replit.com
> Snapshot: 2026-11-15
> Format: W3C DTCG compatible — suitable for Cursor, Lovable, Claude Code, and other AI coding agents

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-brand-text | #1b252b | Defined in :root as --brand-text |
| --color-brand-secondary-text | #5c6062 | Defined in :root as --brand-secondary-text |
| --color-brand-text-light | #f5f9fc | Defined in :root as --brand-text-light |
| --color-brand-accent-strongest | #feccb3 | Defined in :root as --brand-accent-strongest |
| --color-brand-accent-stronger | #fe9c6c | Defined in :root as --brand-accent-stronger |
| --color-brand-accent-default | #ec4e02 | Defined in :root as --brand-accent-default |
| --color-brand-accent-dimmer | #bb3e02 | Defined in :root as --brand-accent-dimmer |
| --color-brand-accent-dimmest | #7e2a01 | Defined in :root as --brand-accent-dimmest |
| --color-111827 | #111827 |  |

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
| --font-size-replit-diatype-14px-400 | Replit Diatype, sans-serif | 14px |
| --font-size-replit-diatype-13-3333px-400 | Replit Diatype, sans-serif | 13.3333px |
| --font-size-replit-diatype-36px-400 | Replit Diatype, sans-serif | 36px |
| --font-size-replit-diatype-12px-400 | Replit Diatype, sans-serif | 12px |
| --font-size-replit-diatype-10-4px-400 | Replit Diatype, sans-serif | 10.4px |
| --font-size-replit-diatype-16px-400 | Replit Diatype, sans-serif | 16px |
…

All Tokens