Guía de estilo de marca — borrador modular que puedes editar
Arma tu manual de identidad en el navegador. Pasos: nombre, sector, HEX principal (ejemplo Northline Studio #0F6E8C), etiquetas de personalidad, módulos activos; obtienes borrador con espacio de protección, colores, tipos, espaciado y ejemplos qué sí / qué no, y copias Markdown o JSON. Los valores sugeridos se editan campo a campo — sin IA en la nube. Nada se sube.
Las etiquetas influyen radio, tipografía sugerida, voz y uso del primario.
Los módulos desactivados no salen en vista previa ni exportación.
Es un borrador editable, no asesoría legal de marca. Los presets (Estricto / Producto / Cercano) son patrones educativos inspirados en guías públicas — no kits oficiales ni afiliación con esas organizaciones. La generación es local; no alojamos logos de terceros.
Cómo funciona
Completa lo básico, elige preset y módulos, pulsa Generar. Se aplican reglas visibles de personalidad (radio, tipografía, voz, área primaria), se crean ejemplos qué sí / qué no y se exporta Markdown/JSON. Lo que editas queda manual; Regenerar solo sugeridos refresca defaults intactos.
Reglas que verás
Módulos, sugerido vs manual, contraste y privacidad.
- Estructura: Módulo → Elemento → Ejemplo (Sí/No). Módulos cerrados no exportan.
- Etiquetas mapean radio, área máxima del primario, roles tipográficos y voz — reglas visibles, no caja negra.
- Espacio de protección por defecto 1× altura del signo (1,5× en Estricto). Tamaño digital mínimo según preset.
- Colores de estado fijos y desacoplados del primario; errores no heredan el tono de marca.
- «Sugerido» son reglas deterministas en esta pestaña — no un brand kit LLM en la nube.
- Privacidad: generación, vista previa y copia al portapapeles en local. No subimos logos ni packs de marca.
Ejemplo
Cargar ejemplo: Northline Studio, SaaS, #0F6E8C, calma + técnica, preset Producto. Vista previa con base, espacio 1×, primario teal con secundario/accento derivados, estados fijos, roles tipográficos, espaciado 8px y tarjetas Sí/No. Markdown y JSON se actualizan.
Cuándo encaja
- Sitios indie que redactan su primera hoja visual antes de contratar diseño.
- Freelancers que entregan Markdown editable, no solo PDF cerrado.
- Equipos pequeños alineando web, redes y chrome de app en mismas reglas de espacio y color.
Frequently asked questions
¿«Sugerido» es lo mismo que IA de marca?
No. Son reglas fijas visibles (personalidad → radio/tipo/voz, HEX → secundario/accento). Nada va a una API de modelo.
¿Sirve como licencia oficial de marca?
No. La exportación es borrador de trabajo para tu marca; no es asesoría legal ni permiso para marcas ajenas.
¿En qué se diferencia de una paleta de color?
Las paletas centran muestras o tokens CSS. Aquí construyes documento multi-módulo (logo, tipo, espaciado, ejemplos). Para sistemas de color más profundos usa Brand Color Scale o Smart Website Color Scheme.
¿Qué cambian los presets de estructura?
Estricto enfatiza espacio de protección y límites; Producto deja módulos token-friendly; Cercano activa voz y touchpoints. Puedes togglear módulos a mano.
¿Los módulos cerrados siguen en el JSON?
Los flags se guardan; vista previa y Markdown omiten secciones cerradas para que partners vean solo lo activado.
¿Cómo funcionan las exportaciones a Word y PDF?
Word y PDF capturan la misma vista previa de la página (html2canvas) y la paginan en imágenes .docx o páginas PDF. Las demos de movimiento se congelan. Todo corre en local tras generar; las librerías cargan al pulsar descargar.
Related tools
Consultas o comentarios
¿Algo poco claro, roto o que falte? Redacta un mensaje abajo — leemos cada nota sobre estas herramientas.