{
  "id": "parker-studio",
  "title": "Parker Studio",
  "url": "https://parker.studio",
  "tags": [
    "Portfolio",
    "Studio",
    "Clean",
    "Editorial",
    "Curation"
  ],
  "colors": {
    "principle": "High-contrast palette with soft mint and pure white backgrounds, using black ink for maximum legibility.",
    "bg": "#B7E3B6",
    "bgSoft": "#FFFFFF",
    "bgQuiet": null,
    "ink": "#000000",
    "inkSoft": "#A5A5A5",
    "muted": null,
    "mutedSoft": null,
    "accent": null,
    "line": "rgba(0,0,0,1)"
  },
  "typography": {
    "rules": [
      "Mix transitional-serif for project headings with a clean grotesque-sans for navigation.",
      "Maintain tight line heights for large display text.",
      "Use uppercase transforms for consistent navigation styling."
    ],
    "scaleUses": [
      "Section headings and large UI labels",
      "Navigation links and small UI text"
    ],
    "display": "transitional-serif",
    "body": "grotesque-sans",
    "mono": null,
    "scale": [
      {
        "token": "display",
        "size": 43,
        "lh": 1.09,
        "weight": 400,
        "ls": "-0.5px"
      },
      {
        "token": "body",
        "size": 16,
        "lh": 1.15,
        "weight": 400,
        "ls": "normal"
      }
    ]
  },
  "spacing": {
    "rhythm": "Generous vertical spacing creates a sense of openness and highlights the visual work.",
    "base": 4,
    "scale": [
      4,
      8,
      16,
      20,
      24,
      32,
      48,
      64,
      96
    ]
  },
  "surfaces": {
    "shadows": [
      "0px 4px 4px rgba(0, 0, 0, 0.25)"
    ],
    "borders": "1px solid rgba(0,0,0,1)",
    "radius": {
      "sm": 4,
      "md": 8,
      "lg": 12,
      "pill": 999
    }
  },
  "layout": {
    "skeleton": "Asymmetric, editorial layout with large, immersive imagery and generous whitespace.",
    "container": 1280,
    "paragraph": 680,
    "columns": 12,
    "gutter": 24,
    "breakpoints": [
      768,
      1024
    ]
  },
  "motion": {
    "patterns": [
      "Smooth opacity and transform transitions on hover states."
    ],
    "durations": {
      "micro": 220,
      "small": 400,
      "medium": 500
    },
    "easing": "cubic-bezier(0.25, 0.1, 0.25, 1)"
  },
  "identity": {
    "keywords": [
      "design studio",
      "curated",
      "architectural",
      "playful",
      "portfolio"
    ],
    "analogy": "A modern gallery space showcasing diverse creative projects with distinct visual identities.",
    "oneLiner": "A refined design studio portfolio balancing high-contrast imagery with elegant typography and playful accents."
  },
  "components": {
    "button": "Minimal, text-based navigation with simple transitions.",
    "card": "Large, immersive project cards that often span the full width.",
    "chip": null,
    "input": null,
    "hero": "Full-bleed, image-driven hero sections that set a distinct visual tone for each project."
  },
  "interaction": {
    "hover": "Subtle color or position shifts, primarily on text links.",
    "click": "Direct navigation or modal triggers.",
    "transition": "Consistent 0.5s transition applied across most interactive elements.",
    "keyboard": "Standard tab navigation through links and interactive areas."
  },
  "voice": {
    "tone": "Confident, professional, and slightly playful.",
    "headlineStyle": "Short, punchy project titles often set in large serif type.",
    "ctaStyle": "Understated, functional text links for navigation.",
    "avoid": [
      "Overly decorative elements that distract from the work.",
      "Cluttered layouts or excessive UI components.",
      "Loud, multi-color gradients.",
      "Heavy drop shadows on flat elements."
    ]
  },
  "donts": [
    "Don't use multiple competing background colors — screenshot shows a clean, focused use of soft mint, white, or black per section.",
    "Don't apply heavy drop shadows to all elements — screenshot shows them used sparingly, mainly for depth on specific objects.",
    "Don't center all text content — screenshot shows left-aligned navigation and headings to create a clear visual hierarchy.",
    "Don't use a sans-serif for all headings — screenshot distinctly uses a transitional serif for project titles like 'Architecture'.",
    "Don't use low-contrast text for navigation — screenshot shows high-contrast black or white text against its background.",
    "Don't use rounded corners universally — screenshot shows primarily sharp edges on images and layout containers."
  ],
  "systemPrompt": "Parker Studio is a refined design agency portfolio showcasing diverse, high-quality projects. The design relies on a clean palette of soft mint, pure white, and solid black, creating high contrast and readability. Typography mixes transitional-serif for expressive headings with a clean grotesque-sans for navigation and UI elements. Key hex values include #B7E3B6, #FFFFFF, and #000000. Critical design principles include generous whitespace, high-contrast text, and immersive, image-driven layouts. Important constraints: do not use multiple competing background colors, do not apply heavy drop shadows universally, and do not center all text content. The overall feel is architectural yet playful, emphasizing the quality of the showcased work."
}