design.md

Preview

# dropsitenews.com Design Tokens

> Generated by UI Archive — https://ui-archive.com/dropsitenews.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-theme-bg-pop | #00056F | Defined in :root as --color_theme_bg_pop |
| --color-cover-bg-color | #FFFFFF | Defined in :root as --cover_bg_color |
| --color-background-pop-darken | #000456 | Defined in :root as --background_pop_darken |
| --color-theme-bg-pop-20 | rgba(0, 5, 111, 0.2) | Defined in :root as --color_theme_bg_pop_20 |
| --color-theme-bg-pop-30 | rgba(0, 5, 111, 0.3) | Defined in :root as --color_theme_bg_pop_30 |
| --color-cover-print-primary | #363737 | Defined in :root as --cover_print_primary |
| --color-cover-print-secondary | #757575 | Defined in :root as --cover_print_secondary |
| --color-cover-print-tertiary | #b6b6b6 | Defined in :root as --cover_print_tertiary |
| --color-background-contrast-pop | rgba(0, 5, 111, 0.4) | Defined in :root as --background_contrast_pop |
| --color-bg-marketing-green | #2f6d5d | Defined in :root as --color-bg-marketing-green |

## Typography

| Token | Font Family | Size |
|-------|-------------|------|
| --font-size-cahuenga | Cahuenga, serif | 55px |
| --font-size-cahuenga-2 | Cahuenga, serif | 38px |
| --font-size-cahuenga-3 | Cahuenga, serif | 32px |
| --font-size-cahuenga-4 | Cahuenga, serif | 24px |
| --font-size-cahuenga-5 | Cahuenga, serif | 20px |
…

All Tokens