Amber Scrapbook Suite
Papel, prompts y luz de tarde, convertidos en un sitio
Construye un conjunto de sitio multipágina para una marca de scrapbooking y conservación de recuerdos: paleta ámbar cálida, composiciones tipo collage con estructura legible y páginas que llevan al visitante de explorar a comprar y a crear.

Instálala en 3 pasos
Sin registro. Sin herramientas CLI. Elige tu IA, copia una línea y pégala.
¿Prefieres hacerlo tú mismo? Compra la habilidad ($4.99), descarga el ZIP desde la confirmación de compra, descomprímelo en el directorio que se muestra arriba y reinicia tu sesión de IA — el mismo resultado. ¿Ya la compraste? Tu asistente de IA puede descargarla por ti.
Qué incluye
Un SKILL.md (la guía paso a paso) + una plantilla inicial. Una vista previa:
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. - Write the pages (input: page map + collage rules → output: full page copy)
Write each page to its job. Home: one clear promise, the current collection, three ways in (shop, get inspired, book a workshop). Collections: honest product copy — what is in the kit, paper count, page size, skill level. Inspiration: finished pages with a materials list and a link to buy the kit that made them. Workshops: dates, skill level, what you take home, seat count. About: who makes this, why, and what "hand-finished" actually means here. Every claim must be checkable against the real products. - Connect the paths (input: finished pages → output: linked suite)
Walk the three visitor paths end to end: browse → buy (Home → Collection → product → checkout), browse → make (Home → Inspiration → materials → kit), browse → book (Home → Workshop → booking). Every path must work on a phone, every button must lead somewhere real, and no page should strand the visitor without a next step. Then check visual consistency: same header, same footer, same amber, same type on every page — the suite should feel like one house, not five rentals.
Vista previa de la plantilla
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
Page copy
El paquete de la habilidad (SKILL.md + plantilla) está escrito en inglés.


