design.md

Preview

# society6.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/society6.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-font-h1-color | #000000 | Defined in :root as --font-h1--color |
| --color-error | #8B0000 | Defined in :root as --color-error |
| --color-success | #006400 | Defined in :root as --color-success |
| --color-white | #FFFFFF | Defined in :root as --color-white |
| --color-instock | #3ED660 | Defined in :root as --color-instock |
| --color-lowstock | #EE9441 | Defined in :root as --color-lowstock |
| --color-outofstock | #C8C8C8 | Defined in :root as --color-outofstock |
| --color-gradient-image-overlay | linear-gradient(to top, rgb(0 0 0 / 0.5), transparent) | Defined in :root as --gradient-image-overlay |
| --color-primary | #5c5c5c | Defined in :root as --color-primary |
| --color-primary-button-hover-background | #333333 | Defined in :root as --color-primary-button-hover-background |
| --color-oke-filter-searchhighlightcolor | #999999 | Defined in :root as --oke-filter-searchHighlightColor |
| --color-oke-mediagrid-chevroncolor | #676986 | Defined in :root as --oke-mediaGrid-chevronColor |

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
| --font-size-oke-widget-icons-important | oke-widget-icons | 12px |
| --font-size-oke-widget-icons-important-2 | oke-widget-icons | 24px |
| --font-size-greycliff-cf-18px-400 | greycliff-cf, Arial, sans-serif | 18px |
…

All Tokens