CSS Variables

Preview

/* Generated by UI Archive — ui-archive.com */

:root {
  /* Colors */
  --color-theme-bg-pop: #00056F;
  --color-cover-bg-color: #FFFFFF;
  --color-background-pop-darken: #000456;
  --color-theme-bg-pop-20: rgba(0, 5, 111, 0.2);
  --color-theme-bg-pop-30: rgba(0, 5, 111, 0.3);
  --color-cover-print-primary: #363737;
  --color-cover-print-secondary: #757575;
  --color-cover-print-tertiary: #b6b6b6;
  --color-background-contrast-pop: rgba(0, 5, 111, 0.4);
  --color-bg-marketing-green: #2f6d5d;

  /* Typography */
  --font-size-cahuenga: 55px;
  --font-size-cahuenga-2: 38px;
  --font-size-cahuenga-3: 32px;
  --font-size-cahuenga-4: 24px;
  --font-size-cahuenga-5: 20px;
  --font-size-cahuenga-7: 28px;
  --font-size-anton: 64px;
  --font-size-sf-pro-display: 12px;
  --font-size-inherit: 1.35em;
  --font-size-inherit-2: 1.15em;
  --font-size-american-grotesk: 16px;
  --font-size-american-grotesk-2: 14px;
  --font-size-sf-pro-display-19px-400: 19px;

  /* Spacing */
  --spacing-2px: 2px;
  --spacing-3px: 3px;
  --spacing-4px: 4px;
  --spacing-5px: 5px;
  --spacing-6px: 6px;
  --spacing-7px: 7px;
  --spacing-8px: 8px;
  --spacing-9px: 9px;
  --spacing-10px: 10px;
…

All Tokens