Brand System Template banner
janmo22 janmo22

Brand System Template

Design community

Description

Plantilla de sistema de marca para creadores y agentes de IA (Claude Design, Lovable, v0, Cursor). Colores, tipografias, patterns de carrusel y efectos.

Installation

This entry records only its repository, not the path inside it, so there is no exact command to give. Open the source below and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

README

Brand System Template — Creadores de contenido con IA

Plantilla abierta de sistema de marca para creadores, diseñadores y agentes de IA. Copia este repo, adapta los tokens a tu marca, y tendrás una fuente única de verdad que Claude Design, Lovable, v0, Cursor y cualquier agente puede leer para generar contenido on-brand automáticamente.


Qué es esto

Un **sistema de marca modular** pensado para carruseles de Instagram tipo zine / collage (estilo "cuaderno con washi tape, spray drip y fuentes mezcladas"). Pensado para:

  • Agentes de IA (Claude Design, Lovable, v0, Cursor) — leen los tokens y patterns y generan piezas consistentes
  • Diseñadores freelance — entran al proyecto y pillan el tono en 10 minutos
  • Creadores que quieren dejar de tener la marca solo en su cabeza

El documento maestro es **[`DESIGN.md`](./DESIGN.md)**. Si alguien solo puede leer un archivo, que sea ese.


Cómo usarlo

1. Clona / usa como template

git clone  mi-brand-system
cd mi-brand-system

O haz click en **"Use this template"** en GitHub.

2. Adapta los tokens

Edita:

  • tokens/colors.json — cambia los hex a tu paleta
  • tokens/typography.json — cambia las fuentes
  • tokens/effects.md — ajusta lo que no encaje con tu estilo

3. Personaliza los patterns

Los patterns (`patterns/01…07`) son plantillas de slide. Úsalos como base, edita los textos y estructura a tu gusto.

4. Conéctalo a un agente de IA

  • Claude Design: conecta el repo en el onboarding. El agente leerá automáticamente DESIGN.md, tokens/*, patterns/*.
  • Otro agente (v0, Lovable, etc.): pásale el contenido de DESIGN.md en el prompt. Con eso basta.

Estructura

brand-system-template/
├── DESIGN.md                          ← MASTER (leer primero)
├── README.md                          ← este archivo
│
├── tokens/                            ← design tokens
│   ├── colors.json
│   ├── typography.json
│   ├── effects.md
│   └─