Qué incluye

Un SKILL.md (la guía paso a paso) + una plantilla inicial. Una vista previa:

Cut-Paper Collective Site

When to use

• A collective, studio, or small gallery needs a site that reflects handmade, collage, or paper-based work
• The current site looks like every other template site and buries the members' individual voices
• You need to show many artists, projects, and events without a cold grid of identical cards
• The collective wants a site members can update themselves with new works, shows, and news
• A portfolio, exhibition, or open-call page must feel warm and tactile on both phone and desktop

Workflow

1. Collect the raw material (input: collective members and work → output: content inventory)
   Gather before designing: each member's name, one-line practice description, portrait or workspace photo, and 2–4 representative works with titles, years, and materials; the collective's statement in the members' own words; upcoming and past events with dates and venues; and practical details (location, contact, open-call rules, how to join). Photograph or scan real paper textures, scraps, and offcuts from the members' studios — even a few phone photos of torn paper, layered card, and cutting mats give the site authentic textures that no stock texture library can match. Decide what is missing now: a collective site that launches without member pages, a works index, and a contact route is a poster, not a site.
2. Set the paper system (input: content inventory and textures → output: visual system)
   Define the cut-paper language as a small set of repeatable rules, so the site feels hand-assembled but stays consistent. Fix the palette: paper whites and warm off-whites for backgrounds, 2–3 ink colors for text and accents, and one strong accent for links and calls to action. Fix the paper pieces: torn-edge strips, layered cards with soft offset shadows (as if one sheet sits on another), and collage clusters where images overlap at slight rotations. Fix the type: one expressive display face for headings (with slightly irregular, hand-cut energy) and one highly legible text face for body copy — never let the display face carry paragraphs. Write these rules down as the site's style sheet; every later section follows them, which is what keeps "handmade" from sliding into "messy."
3. Structure the site (input: visual system → output: sitemap and section plan)
   Keep the structure simple and member-first: Home (statement + latest works + next event), Members (every member, equal weight, one card each), Works (filterable by member, medium, and year), Events (upcoming first, past events archived), About / Join (statement, how the collective works, open-call rules), and Contact. The home page answers three questions in order: who you are, what the work looks like, and what is happening next. Give each member a full page, not just a card — collectives lose members when the site makes them feel like footnotes. Plan the Works index so it works with 20 works and with 200: filters by member, medium, and year, plus a search box, so growth never forces a redesign.
4. Build the collage sections (input: sitemap and visual system → output: section templates)
   Build each section from the same paper pieces, arranged differently per section so the site feels varied without breaking its system. The hero is a collage, not a slider: a statement line, 2–3 overlapping work images at slight rotations, a torn-edge strip, and one clear action (see the works, meet the members). Member cards are layered paper: photo on top, name and practice on the card, shadow offset so the card lifts off the background. Works pages lead with the image large, then title, member, year, materials, and a short note in the maker's words — the materials line matters to this audience and must never be dropped. Events get a torn-ticket treatment: date as a bold tab, title, venue, and a short description, with past events visibly muted so visitors instantly see what is live.
5. Make it usable on phones (input: section templates → output: responsive pass)
   Collage layouts break first on phones, so design the phone layout deliberately rather than letting pieces stack by accident. On narrow screens: rotations shrink to 0–2 degrees (a 6-degree tilt that looks playful on desktop looks broken on a phone), overlapping images become a clean vertical stack with one overlap kept as a signature, and torn edges stay but simplify so they do not eat into text. Touch targets must be at least 44px, filters must work as a single row of chips or a compact dropdown (never a sidebar that pushes content off-screen), and images must load at phone-appropriate sizes so a works index with 100 images does not take ten seconds to open. Test on a real phone: scroll the home page, open a member page, filter the works index, find the next event — if any of those takes more than two taps from the home page, simplify.
6. Hand over the update routine (input: finished site → output: update guide and launch checklist)
   A collective site dies when only one person can update it, so ship an update guide written for non-technical members: how to add a work (image, title, member, year, materials), how to add a member, how to post an event, and how to archive a past event — each as numbered steps with screenshots. Set the routine: new works added within a week of making them, events posted at least two weeks ahead, past events archived within a week after they end. Before launch, check the essentials: every member page approved by that member, every image credited, contact form actually delivering, site readable with images off, and the site's statement in the members' own words rather than marketing copy. Keep the paper textures and templates in one shared folder so future updates reuse the system instead of inventing new styles.

Vista previa de la plantilla

Cut-Paper Collective Site — Production Template

Fill this in before designing. The paper system keeps "handmade" from sliding into "messy."

Content inventory

• Collective statement (members' own words): "{statement}"
• Members: {name — one-line practice — portrait/work photo — 2–4 works}
• Works: {title — member — year — materials} (repeat per work)
• Events: {title — date — venue — description} (upcoming first)
• Practical details: {location — contact — open-call rules — how to join}
• Real paper textures: {photos/scans of torn paper, offcuts, cutting mats — file names}

Paper system (style sheet — every section follows this)

El paquete de la habilidad (SKILL.md + plantilla) está escrito en inglés.

Comprar el paquete completo de la habilidad — $4.99 Pro — las 511 habilidades