design.md

Preview

# portorocha.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/portorocha.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-black | #000000 | Defined in :root as --color-black |
| --color-white | #e2e6e3 | Defined in :root as --color-white |
| --color-blue | #007aff | Defined in :root as --color-blue |
| --color-gray10 | hsla(135,7%,89%,.1) | Defined in :root as --color-gray10 |
| --color-gray20 | hsla(135,7%,89%,.2) | Defined in :root as --color-gray20 |
| --color-gray30 | hsla(135,7%,89%,.3) | Defined in :root as --color-gray30 |
| --color-gray50 | hsla(135,7%,89%,.5) | Defined in :root as --color-gray50 |

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
| --font-size-sf-pro-text | sf-pro-text, sans-serif | 14px |
| --font-size-sf-pro-display | sf-pro-display, sans-serif | 23px |

## Spacing

| Token | Value |
|-------|-------|
| --spacing-2px | 2px |
…

All Tokens