{
  "name": "Otto",
  "slug": "otto",
  "description": "A playful designer's desk with notebook grids, oversized type, movable stickers and tactile project previews.",
  "audience": ["independent designer", "developer", "creative"],
  "category": "Portfolio",
  "job": "freelance",
  "categoryId": "freelancer",
  "mood": ["light", "bold", "modern"],
  "palette": {"--bg": "#F2F2EE", "--ink": "#161616", "--accent": "#00A86B"},
  "fonts": ["Schibsted Grotesk", "Fragment Mono"],
  "files": ["index.html", "styles.css", "script.js", "favicon.svg"],
  "customise": {
    "strings": ["Business name 'Otto Bell' in <title>, header, about and footer", "Project names and case studies in #work", "Address and email in #contact", "Record and book choices in #desk"],
    "colours": "Edit the :root tokens at the top of styles.css",
    "fonts": "Change the Google Fonts <link> in index.html and --font-display/--font-body",
    "sections": "Each <section> has an id and is self-contained; delete or reorder freely"
  },
  "visuals": {
    "notes": "No art folder. Hero is a CSS grid-paper canvas with inline SVG stickers that JS makes draggable. Decor is CSS: a dashed spinning orbit ring, rotating glyph stars, clip-path paper folds, and a repeating-gradient record that spins on click. The portrait is a flat inline SVG.",
    "prompt": "Draw playful flat SVG stickers on graph paper: a smiley, a pink star and a label tag, with thick black outlines and a slight drop shadow."
  }
}