パックの内容

SKILL.md（手順書）1点とスターターテンプレート1点が入っています。プレビューはこちらです：

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

1. 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.
2. 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.
3. 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.
4. 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.
5. 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.

テンプレートのプレビュー

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

スキルパック本体（SKILL.md とテンプレート）は英語で書かれています。

スキルパックを購入 — $4.99 Pro — 全511件のスキル