sposterscom

:root {
  --sposters-primary: #2d77bf;
  --sposters-secondary: #9b3b3c;
  --sposters-accent: #664cf0;
  --sposters-ink: #32221b;
  --sposters-paper: #f7efde;
  --sposters-font-display: 'Young Serif', serif;
  --sposters-font-body: 'Source Serif 4', serif;
}

// tailwind.config.js → theme.extend
{
  colors: {
    sposters: {
      primary: '#2d77bf',
      secondary: '#9b3b3c',
      accent: '#664cf0',
      ink: '#32221b',
      paper: '#f7efde',
    },
  },
  fontFamily: {
    display: ['Young Serif', 'serif'],
    body: ['Source Serif 4', 'serif'],
  },
}

{
  "name": "Sposters",
  "color": {
    "primary": {
      "hex": "#2d77bf",
      "rgb": [
        45,
        119,
        191
      ],
      "name": "Cobalt"
    },
    "secondary": {
      "hex": "#9b3b3c",
      "rgb": [
        155,
        59,
        60
      ],
      "name": "Crimson"
    },
    "accent": {
      "hex": "#664cf0",
      "rgb": [
        102,
        76,
        240
      ],
      "name": "Violet"
    },
    "ink": {
      "hex": "#32221b",
      "rgb": [
        50,
        34,
        27
      ],
      "name": "Deep Ember"
    },
    "paper": {
      "hex": "#f7efde",
      "rgb": [
        247,
        239,
        222
      ],
      "name": "Soft Marigold"
    }
  },
  "font": {
    "display": {
      "family": "Young Serif",
      "weight": 400
    },
    "body": {
      "family": "Source Serif 4",
      "weight": 400
    }
  }
}