design.md

AI-ready Markdown · Human-readable · 128 tokens

Preview

# behance.net Design System

> Inspected by UI Archive — https://ui-archive.com/behance.net
> Last updated: 2026-04-14

## Colors

| Token | Value | Description |
|-------|-------|-------------|
| --color-be-color-black | rgba(var(--be-color-black-rgb)) | Defined in :root as --be-color-black |
| --color-be-color-white | rgba(var(--be-color-white-rgb)) | Defined in :root as --be-color-white |
| --color-be-color-grey-50 | rgba(var(--be-color-grey-50-rgb)) | Defined in :root as --be-color-grey-50 |
| --color-be-color-grey-100 | rgba(var(--be-color-grey-100-rgb)) | Defined in :root as --be-color-grey-100 |
| --color-be-color-grey-200 | rgba(var(--be-color-grey-200-rgb)) | Defined in :root as --be-color-grey-200 |
| --color-be-color-grey-300 | rgba(var(--be-color-grey-300-rgb)) | Defined in :root as --be-color-grey-300 |
| --color-be-color-grey-400 | rgba(var(--be-color-grey-400-rgb)) | Defined in :root as --be-color-grey-400 |
| --color-be-color-grey-500 | rgba(var(--be-color-grey-500-rgb)) | Defined in :root as --be-color-grey-500 |
| --color-be-color-grey-600 | rgba(var(--be-color-grey-600-rgb)) | Defined in :root as --be-color-grey-600 |
| --color-be-color-grey-650 | rgba(var(--be-color-grey-650-rgb)) | Defined in :root as --be-color-grey-650 |
| --color-be-color-grey-700 | rgba(var(--be-color-grey-700-rgb)) | Defined in :root as --be-color-grey-700 |
| --color-be-color-grey-800 | rgba(var(--be-color-grey-800-rgb)) | Defined in :root as --be-color-grey-800 |
| --color-be-color-grey-900 | rgba(var(--be-color-grey-900-rgb)) | Defined in :root as --be-color-grey-900 |
| --color-be-color-blue-100 | rgba(var(--be-color-blue-100-rgb)) | Defined in :root as --be-color-blue-100 |
| --color-be-color-blue-150 | rgba(var(--be-color-blue-150-rgb)) | Defined in :root as --be-color-blue-150 |
| --color-be-color-blue-200 | rgba(var(--be-color-blue-200-rgb)) | Defined in :root as --be-color-blue-200 |
| --color-be-color-blue-300 | rgba(var(--be-color-blue-300-rgb)) | Defined in :root as --be-color-blue-300 |
| --color-be-color-blue-400 | rgba(var(--be-color-blue-400-rgb)) | Defined in :root as --be-color-blue-400 |
| --color-be-color-blue-450 | rgba(var(--be-color-blue-450-rgb)) | Defined in :root as --be-color-blue-450 |
| --color-be-color-blue-500 | rgba(var(--be-color-blue-500-rgb)) | Defined in :root as --be-color-blue-500 |
| --color-be-color-blue-700 | rgba(var(--be-color-blue-700-rgb)) | Defined in :root as --be-color-blue-700 |

All Tokens

Colors

50

Typography

18

Spacing

32

Radius

16

Shadows

12

Checking your plan…

Also available: Tokens Studio JSON

W3C DTCG format, ready to import into Figma via the Tokens Studio plugin.

View JSON export →