{
  "id": "bpowell",
  "title": "Bpowell",
  "url": "https://www.bpowell.co",
  "tags": [
    "Portfolio",
    "Typography",
    "Studio",
    "Clean",
    "Bold Typography"
  ],
  "colors": {
    "principle": "Strict monochrome palette relying on contrast between deep black text and pure white space",
    "bg": "#FFFFFF",
    "bgSoft": null,
    "bgQuiet": null,
    "ink": "#111111",
    "inkSoft": "#373737",
    "muted": null,
    "mutedSoft": null,
    "accent": null,
    "line": "rgba(17,17,17,0.1)"
  },
  "typography": {
    "rules": [
      "Tight negative letter-spacing on display sizes",
      "Medium weight used for primary emphasis",
      "High-contrast sizing jump between header and body"
    ],
    "scaleUses": [
      "Hero and section headings",
      "Navigation and subheaders"
    ],
    "display": "grotesque-sans",
    "body": "grotesque-sans",
    "mono": null,
    "scale": [
      {
        "token": "display",
        "size": 86,
        "lh": 1.0,
        "weight": 500,
        "ls": "-2.88px"
      },
      {
        "token": "body",
        "size": 26,
        "lh": 1.15,
        "weight": 500,
        "ls": "0px"
      }
    ]
  },
  "spacing": {
    "rhythm": "Asymmetrical, using large blocks of negative space to separate content sections",
    "base": 4,
    "scale": [
      4,
      8,
      16,
      24,
      32,
      48,
      64,
      96
    ]
  },
  "surfaces": {
    "shadows": [],
    "borders": "None used for primary surfaces; 2px solid borders appear on interactive links",
    "radius": {
      "sm": 0,
      "md": 0,
      "lg": 0,
      "pill": 999
    }
  },
  "layout": {
    "skeleton": "Asymmetrical grid with a multi-column header and large single-column content blocks",
    "container": 1440,
    "paragraph": 1280,
    "columns": 12,
    "gutter": 24,
    "breakpoints": [
      768,
      1024
    ]
  },
  "motion": {
    "patterns": [
      "All elements have a CSS transition applied for smooth state changes"
    ],
    "durations": {
      "micro": 220,
      "small": 400,
      "medium": 800
    },
    "easing": "cubic-bezier(0.4, 0, 0.2, 1)"
  },
  "identity": {
    "keywords": [
      "minimal",
      "typographic",
      "portfolio",
      "bold",
      "editorial"
    ],
    "analogy": "A high-end design monograph",
    "oneLiner": "A minimalist portfolio driven by bold typography and extreme whitespace."
  },
  "components": {
    "button": "Text-only links with 2px bottom borders and pointer cursors",
    "card": "None",
    "chip": "None",
    "input": "None",
    "hero": "Oversized typographic list of projects with tight leading and negative tracking"
  },
  "interaction": {
    "hover": "Subtle opacity or color shift on text links",
    "click": "Immediate navigation transition",
    "transition": "Uniform 'all' transition applied globally",
    "keyboard": "Standard focus states for accessibility"
  },
  "voice": {
    "tone": "Quietly confident, professional, and refined",
    "headlineStyle": "Minimalist, relying entirely on scale and typography without decorative elements",
    "ctaStyle": "Understated, utilizing simple text links with subtle underlines",
    "avoid": [
      "Colorful accents",
      "Drop shadows",
      "Complex gradients",
      "Rounded containers",
      "Illustrations",
      "Busy layouts"
    ]
  },
  "donts": [
    "don't use drop shadows — screenshot shows flat, shadowless surfaces",
    "don't use multi-color palettes — screenshot shows strictly monochrome black and white",
    "don't use rounded corners on containers — screenshot shows sharp, square edges",
    "don't use centered text alignment for the main content — screenshot shows left-aligned typography",
    "don't use decorative serif fonts — screenshot shows strictly sans-serif typography",
    "don't use small, timid display text — screenshot shows massive, dominant headings"
  ],
  "systemPrompt": "This is a premium, minimalist portfolio for a designer and filmmaker. It features a strict monochrome palette using deep black (#111111) for text and pure white (#FFFFFF) for backgrounds. The typography relies heavily on bold, grotesque sans-serif display fonts with negative letter-spacing and tight line-height. Critical constraints: no drop shadows, no rounded corners on layouts, no colored accents, no centered alignment, no serif fonts, and no decorative illustrations. The focus is entirely on scale, whitespace, and clean typography."
}