Amber Scrapbook Suite
Paper, prompts, and afternoon light — as a site.
Build a multi-page site suite for a scrapbook and memory-keeping brand: a warm amber palette, collage layouts with readable structure, and pages that move visitors from browsing to buying to making.
Install it in 3 steps
No sign-up. No CLI tools. Pick your AI, copy one line, paste it over.
Prefer doing it yourself? Buy the skill ($4.99), download the ZIP from your checkout confirmation, unzip it into the directory shown above, restart your AI session — same result. Already bought it? Your AI assistant can download it for you.
What’s inside
One SKILL.md (the playbook) + one starter template. A preview:
Amber Scrapbook Suite
When to use
- You run a scrapbook or memory-keeping brand — kits, papers, tools, workshops — and your site is a single shop page with no story
- You need a small suite of pages (home, shop/collections, inspiration, workshops, about) that feel like one brand, not five disconnected pages
- Your products are tactile and visual — paper textures, layered pages, hand-finished details — and your site currently makes them look flat
- You want visitors to see what they can make, not just what they can buy, because inspiration is what sells this category
- You are launching a new collection or kit and need the whole suite to carry it consistently, from homepage banner to product pages
Workflow
- Map the suite (input: brand offer → output: page map)
Decide the pages before writing a word: Home, Collections/Shop, Inspiration (gallery of finished pages), Workshops/Classes, About, plus product pages. Each page gets one job: Home orients, Collections sells, Inspiration shows what is possible, Workshops books seats, About builds trust. If a page cannot state its job in one sentence, cut it — a five-page suite that is tight beats an eight-page suite with three pages nobody visits. - Set the amber system (input: brand identity → output: palette + type rules)
Define the warm amber palette concretely: a deep amber for headings and actions, a soft cream for backgrounds, a mid-amber for accents, and a dark warm brown for body text. Pick two typefaces — one warm display face for headings, one highly readable face for body — and set the rules once (heading sizes, line lengths, button styles) so every page matches. The palette should feel like paper and afternoon light, not like a warning sign: amber used everywhere at full saturation shouts; amber used with restraint glows. - Design the collage language (input: palette + product photos → output: layout rules)
Scrapbook collage on the web means layered, slightly rotated cards, torn or deckled edges, tape-and-sticker details, and overlapping photos — but every effect must serve readability. Set rules: rotations stay small (1–3 degrees), overlapping elements never cover text, and every collage block has a clean anchor (a straight edge or a clear heading) so the eye knows where to land. Use the brand's own photos of real finished pages; collage made from generic stock looks like a mood board, not a brand.
Template preview
Amber Scrapbook Suite — Suite Template
One suite, one brand. Fill in the page map first, then write each page to its job.
Brand: {name} | Current collection: {name}
Page map
Amber system
Display typeface: {name} — headings · Body typeface: {name} — body, buttons
Contrast check: [ ] button text passes · [ ] small headings pass · [ ] amber-on-cream combinations tested
Collage rules
- Rotation: {1–3 degrees max}
- Overlap: never covers text; every card ≥70% visible
- Edge treatments: {torn / deckled / tape / sticker — describe}
- Photos: brand's own finished pages only; customer work used only with permission + credit
