Brand · BLANK Intranet

¿Qué es esto?

La fuente única de verdad para cómo se ve y cómo suena BLANK. Si algo cambia aquí, se propaga a las 4 apps y al launcher.

Los tokens viven en JSON y se consumen desde los presets de Tailwind y desde los resources de Android. Así nadie hardcodea colores.

Incluye también guía de copy: tono de voz, nombres de productos, mensajes de error, taglines y plantillas de email.

Stack técnico

JSON para tokens
SVG para logos
Markdown para guidelines
Figma como canvas fuente (fuera del repo)

Estructura de carpetas

brand/
├── tokens/
│   ├── colors.json
│   ├── typography.json
│   └── spacing.json
├── logos/               11 SVG en variantes claro/oscuro
├── guidelines/
│   └── book.md
├── copy/
│   ├── tone.md
│   ├── product-names.md
│   ├── error-messages.md
│   └── taglines.md
└── email-templates/

Archivos clave

Archivo	Qué hace	Prioridad
tokens/colors.json	Paleta completa con nombres semánticos.	Alta
tokens/typography.json	Escala tipográfica (display, h1, body...).	Alta
guidelines/book.md	Libro de marca: cómo y cuándo usar cada cosa.	Media
copy/tone.md	Tono de voz en español e inglés.	Media
copy/error-messages.md	Catálogo de mensajes de error con tono BLANK.	Baja
email-templates/welcome.mjml	Email de bienvenida.	Baja
copy/byod-messaging.md	Cómo comunicamos BYOD vs BLANK Phone sin confundir al cliente.	Media
copy/capability-disclosure-guidelines.md	Reglas de transparencia al surfacear limitaciones.	Media

Cómo ejecutarlo

Los tokens se usan automáticamente vía preset de Tailwind

pnpm --filter intranet dev

Compilar emails MJML a HTML

pnpm --filter brand build:email

Qué falta

0 de 10 completados

Alta Media Baja

Dependencias con otros módulos

Consumido por packages/config/tailwind y por android/launcher/app/src/main/res/values.
No depende de ningún otro módulo en tiempo de ejecución.