{
  "theme": "light",
  "category": "personal",
  "tags": [
    "muted",
    "cool",
    "playful",
    "vibrant",
    "premium",
    "creative",
    "soft-corners",
    "display-fonts"
  ],
  "northStar": "Andy Allen's portfolio for Not Boring software — playful, sticker-rich, app icons as the heroes.",
  "description": "Andy.works is a design playground built around hyper-detailed 3D-rendered app icons (weather, calculator, habits) on a soft pastel canvas. Massive sculpted display numerals like a 3D '2' anchor sections, and the whole page reads like a print magazine spread for a design studio. A signature yellow CTA strip ('Get Updates') hits midway. Type rotates between a confident editorial sans for headers and tight body copy. The personality is craft-obsessed and gleeful.",
  "colors": [
    {
      "name": "neutral-950",
      "hex": "#000000",
      "group": "neutral",
      "role": "neutral step 950",
      "tailwind": null
    },
    {
      "name": "neutral-700",
      "hex": "#333333",
      "group": "neutral",
      "role": "neutral step 700",
      "tailwind": null
    },
    {
      "name": "neutral-800-1",
      "hex": "#232323",
      "group": "neutral",
      "role": "neutral step 800",
      "tailwind": {
        "name": "neutral-800",
        "hex": "#262626",
        "deltaE": 0.012
      }
    },
    {
      "name": "neutral-50",
      "hex": "#ffffff",
      "group": "neutral",
      "role": "neutral step 50",
      "tailwind": {
        "name": "zinc-50",
        "hex": "#fafafa",
        "deltaE": 0.015
      }
    },
    {
      "name": "blue-600",
      "hex": "#0000ee",
      "group": "blue",
      "role": "blue step 600",
      "tailwind": null
    },
    {
      "name": "neutral-800-2",
      "hex": "#292929",
      "group": "neutral",
      "role": "neutral step 800",
      "tailwind": {
        "name": "zinc-800",
        "hex": "#27272a",
        "deltaE": 0.009
      }
    }
  ],
  "surfaces": [
    {
      "level": 0,
      "name": "background",
      "hex": "#ffffff",
      "purpose": "Page background"
    },
    {
      "level": 1,
      "name": "surface-1",
      "hex": "#333333",
      "purpose": "Cards / elevated panels"
    },
    {
      "level": 2,
      "name": "surface-2",
      "hex": "#292929",
      "purpose": "Elevation tier 2"
    },
    {
      "level": 3,
      "name": "surface-floor",
      "hex": "#000000",
      "purpose": "Elevation tier 3"
    }
  ],
  "elevationPhilosophy": "Soft elevation throughout — drop shadows on every icon to give material presence. Section background colors create the canvas-tier elevation; the icons float gently above.",
  "typography": [
    {
      "family": "Arial",
      "weight": "400",
      "role": "body",
      "fontFeatureSettings": null,
      "substitute": null
    },
    {
      "family": "Founders Grotesk",
      "weight": "700",
      "role": "display",
      "fontFeatureSettings": null,
      "substitute": null
    },
    {
      "family": "Jet Brains",
      "weight": "400",
      "role": "link",
      "fontFeatureSettings": null,
      "substitute": null
    }
  ],
  "typeScale": [
    {
      "role": "display",
      "size": 76,
      "lineHeight": 1,
      "letterSpacing": null
    },
    {
      "role": "h2",
      "size": 76,
      "lineHeight": 1,
      "letterSpacing": null
    },
    {
      "role": "h3",
      "size": 44,
      "lineHeight": 1.2,
      "letterSpacing": null
    },
    {
      "role": "link",
      "size": 36,
      "lineHeight": 1,
      "letterSpacing": null
    },
    {
      "role": "ui-input",
      "size": 24,
      "lineHeight": 1.43,
      "letterSpacing": null
    },
    {
      "role": "body",
      "size": 14,
      "lineHeight": 1.43,
      "letterSpacing": null
    }
  ],
  "spacing": {
    "radius": {
      "none": "0",
      "sm": "4px",
      "md": "8px"
    },
    "base": "1px"
  },
  "layout": "Long vertical magazine layout — hero icon trio, big paragraph, sculpted numeral, more icons, yellow band, More posts grid. Each section is its own composition.",
  "imagery": "3D-rendered app icons in dimensional, materially-rich detail (glass, foam, metal). Big sculpted typographic moments. A single illustrated photo at the bottom (a couch scene). Otherwise, all imagery is rendered icons.",
  "dos": [
    "Make the app icons the heroes — render them in 3D at huge sizes against soft canvases",
    "Use display-scale sculpted numerals as section dividers instead of headlines",
    "Punch a single yellow CTA band into the editorial flow as a high-contrast moment",
    "Mix soft pastel section backgrounds with white canvas to create rhythm"
  ],
  "donts": [
    "Don't flatten the icons — depth and material are the personality",
    "Don't use a uniform card grid; mix featured, supporting, and trio layouts",
    "Don't avoid color — every section should feel slightly different in tone",
    "Don't lose the playfulness; technical perfection without joy is not the brand"
  ],
  "brandColor": {
    "hex": "#0000ee",
    "source": "heuristic",
    "chroma": 0.297
  }
}