{
  "name": "Scrawl",
  "slug": "scrawl",
  "description": "An illustrator's site with hand-drawn wobbly borders, doodle marks and sunny yellow and blue ink on white. Gallery by project, commission price tiers, a four-step process, an about page and an enquiry form.",
  "audience": [
    "illustrator",
    "picture book illustrator",
    "poster and gig artist",
    "freelance illustrator taking commissions"
  ],
  "category": "Freelancer",
  "palette": {
    "--paper": "#ffffff",
    "--ink": "#1b2140",
    "--blue": "#2148d6",
    "--sun": "#ffd23f"
  },
  "fonts": [
    "Caveat",
    "Nunito"
  ],
  "files": [
    "index.html",
    "work.html",
    "commissions.html",
    "process.html",
    "about.html",
    "contact.html",
    "404.html",
    "privacy.html",
    "styles.css",
    "script.js",
    "favicon.svg",
    "og.png",
    "apple-touch-icon.png",
    "art/arrow.svg",
    "art/hero.svg",
    "art/portrait.svg",
    "art/work-editorial.svg",
    "art/work-gig.svg",
    "art/work-jars.svg",
    "art/work-lantern.svg",
    "art/work-sessions.svg",
    "art/work-stickers.svg"
  ],
  "customise": {
    "strings": [
      "Scrawl in titles, header, footer and JSON-LD; replace every data-pl-fill fact",
      "Keep name, address and phone identical in the footer, contact page, privacy page and JSON-LD",
      "Illustrator name, studio town and short bio in index.html, about.html and the footer credit",
      "Commission tiers and prices in commissions.html (data-pl-fill=\"price\"); the 'most booked' badge is the Scene tier",
      "Project titles, years, materials and captions in work.html (each figure has data-kind: books, posters, packaging or editorial; update the radio labels and the matching #k-* selectors in styles.css if you change the kinds)",
      "Client quotes and the stat on index.html (remove sample quotes unless real)"
    ],
    "colours": "Edit the :root tokens in styles.css: --sun is the highlighter yellow, --blue is the fineliner ink used for borders, marks and links. Keep white or a near-white page ground.",
    "fonts": "Change the Google Fonts link in every page and --font-hand (display handwriting) and --font-body in styles.css. Keep at most two families and four font files.",
    "sections": "Every page shares the header, footer and closing band. The hand-drawn wobbly borders come from the --wob and --wob-alt radius values in styles.css. The work filter is pure CSS (:has on radio inputs), so if you rename kinds, update the matching selectors. The enquiry form stays inert inside its slot template until a forms plugin is connected.",
    "images": "Replace art/*.svg frames: hero 1200×1000 (hero.svg); project frames 1600×1000 landscape (work-lantern, work-gig, work-sessions, work-jars, work-stickers, work-editorial); portrait 800×1000 (portrait.svg). process.html reuses three of these as stand-ins for scans of pencil thumbnails, line art and colour proofs: swap them for real scans. WebP under 300 KB, keep width, height and data-pl-photo. Pipeline supplies og.png and apple-touch-icon.png."
  },
  "schemaVersion": 2,
  "job": "freelance",
  "categoryId": "freelancer",
  "alsoFits": [
    "illustrator",
    "designer",
    "writer",
    "consultant",
    "picture book artist",
    "gig poster artist"
  ],
  "direction": "Hand-drawn wobbly borders, doodle marks and sunny yellow and blue fineliner ink on white",
  "mood": [
    "light",
    "bold",
    "modern"
  ],
  "schemaOrg": "ProfessionalService",
  "pages": [
    {
      "path": "index.html",
      "label": "Home",
      "purpose": "Pen-line hero with commission CTA, recent pieces, what I draw, four-step process teaser, client quote and stat, closing CTA"
    },
    {
      "path": "work.html",
      "label": "Work",
      "purpose": "Six projects with a CSS-only filter by type (books, posters, packaging, editorial)"
    },
    {
      "path": "commissions.html",
      "label": "Commissions",
      "purpose": "Four price tiers (doodle, spot, scene, series), what to send with a brief, terms in plain words"
    },
    {
      "path": "process.html",
      "label": "Process",
      "purpose": "Four long steps (scribble, ink, colour, deliver) with what the client sees and approves at each"
    },
    {
      "path": "about.html",
      "label": "About",
      "purpose": "Illustrator portrait, short story of the practice, tools on the desk"
    },
    {
      "path": "contact.html",
      "label": "Contact",
      "purpose": "Studio details and enquiry slot with mailto and phone fallback, plus a brief form in the slot template"
    }
  ],
  "slots": [
    {
      "id": "enquiry",
      "kind": "form",
      "page": "contact.html",
      "fallback": "mailto"
    }
  ],
  "facts": [
    "name",
    "address",
    "phone",
    "email",
    "hours",
    "illustrator name and town",
    "commission prices",
    "projects, years and materials",
    "client quotes",
    "social links"
  ],
  "interview": [
    "What is your name and the studio name, and which town do you work from?",
    "What kinds of work do you take most: picture books, posters, labels or editorial?",
    "What do your commission prices start at, for a small piece and for a full scene or series?",
    "Which phone number and email should clients use, and what are your studio hours?",
    "Which six projects should appear in the work gallery, with a year and the materials for each?",
    "Do you have a client quote you are happy to publish, and who should it be credited to?"
  ],
  "updated": "2026-10-12"
}