# BRAND.md · Ball de Diables de Torrelles de Foix **El cervell de la marca.** Qualsevol persona (o IA) que hagi de dissenyar, escriure o publicar en nom de la colla ha de llegir aquest document primer. Tot el que hi ha aquí és vinculant: el web, els cartells, les xarxes i qualsevol peça nova en surten. --- ## 1. Qui som - **Nom complet:** Ball de Diables de Torrelles de Foix. Curt: *Diables de Torrelles de Foix*. - **Identitat visual:** projecte **Inferis** (2017–2021), el redisseny integral del 30è aniversari. - **Què som:** colla de cultura popular (correfocs, cercaviles, versots, ball parlat) fundada el **1987** a Torrelles de Foix, Alt Penedès. - **Xifres:** +160 diablesses i diables des de 1987 (acumulat, no membres actuals) · +10.000 kg de pólvora cremada · 13 nits de foc. Els anys d'història es calculen sempre des de 1987 (mai escriure'ls a mà). - **La llegenda pròpia:** el **Boc de Foix** (any 1328, Santuari de Foix): un monjo que pacta amb la foscor i queda fos per sempre amb la bèstia. És l'univers narratiu de tot el que fem. - **Personatges:** Llucifer (crani de boc, jerarquia suprema), la Diablessa, els Diables, els Tabalers, l'Arcàngel, i el Boc (només surt a la nit de foc i a la cercavila). ### Contacte i canals - Correu: balldediablestorrellesdefoix@gmail.com - Instagram: **@balldiablestorrelles** · Facebook: diables.torrellesdefoix · YouTube: canal UCME9MZXNbQWXp5duqiRz2mg - **Mai publicar cap número de telèfon.** El contacte públic és el correu i l'Instagram. --- ## 2. La idea que ho mana tot > «Sense el negre, les flames i les guspires no tindrien la màgia que tenen.» Som de poble, de vinya i de terracota. El negre és el fons de tot; el foc només hi apareix com a accent, com una espurna a la nit. Si una peça és majoritàriament taronja o vermella, és que està mal feta. **La regla del corall:** ~70% negre · ~20% os · **<10% principal/suau**. --- ## 3. Color (tokens: `brand/tokens.css` i `brand/tokens.json`) | Token | Hex | RGB | Ús | |---|---|---|---| | negre | `#121212` | 18 18 18 | Fons de tot (mai negre pur #000) | | principal | `#ED8D75` | 237 141 117 | Accent de marca (corall): botons, eyebrows, èmfasi | | suau | `#F1A693` | 241 166 147 | Accent suau: highlights i detalls sobre foto | | vermell | `#E23C3C` | 226 60 60 | Alerta i èmfasi fort; extrem fosc de la costura | | blau | `#385BE5` | 56 91 229 | Funcional: focus i enllaços destacats. Mai decoratiu | | os | `#F4F1EE` | 244 241 238 | Neutre de text principal | | cendra | `#A5A09B` | 165 160 155 | Text secundari | No hi ha color de superfície: les targetes es fan amb vores (`--vora`) i veladures blanques molt subtils (rgba blanc 4–5%), mai amb un gris ple. **La costura** (element signatura): línia d'1–2 px amb el gradient `90deg: vermell → principal (45%) → suau`. S'usa com a costura entre imatge i contingut (com els baixos socarrats dels vestits). Mai com a fons ni més gruixuda de 2 px. --- ## 4. Tipografia | Rol | Font | Regles | |---|---|---| | Display / titulars | **Unzialish** 400 (uncial, pes únic) | Interlineat 1.1–1.2 · tracking +0.01em · frases curtes amb **punt final** («Som el foc.») · mai cursiva ni negreta sintètiques | | Eyebrow / etiqueta | **Averta** Semibold | MAJÚSCULES · tracking 0.24em · petita · color principal o suau · separador « · » | | Cos / dades | **Averta** Light–Regular | Interlineat 1.6–1.7 · color cendra, èmfasi en os | Fitxers autoallotjats a `brand/fonts/`: **UnzialishCatala** (font lliure; la colla hi va afegir els accents catalans à è é í ï ò ó ú ç i el punt volat — fes servir sempre aquesta versió, no l'original) i **Averta** (font amb llicència de la colla: no redistribuir els fitxers). Jerarquia de qualsevol peça: **eyebrow (què és) → titular Unzialish (el ganxo) → línia meta (dia · hora · lloc) → detall**. ## 5. Logotip (`assets/logo-blanc.png`, `assets/logo-negre.png`) - Versió principal: **blanc sobre negre**. Sobre fons clar: versió negra. - Sobre fotografia: només amb un escurçat/scrim fosc al darrere. - Zona de respecte: la meitat de l'alçada del crani per cada costat. Mida mínima: 24 px digital / 15 mm imprès. - **Prohibit:** recolorar-lo, deformar-lo, girar-lo, afegir-hi ombres o efectes. ## 6. Fotografia - Fosca, càlida i amb gra: nit, fum, espurnes, brasa. Les fotos del projecte Inferis (fons negre, estil lookbook) són la referència. - Sobre cada foto amb text: degradat cap a negre (mai caixes de color sòlides). - Res d'imatges d'estoc: sempre foc, vestits i gent de la colla. ## 7. Veu i to - **Català sempre.** Primera persona del plural («Som», «Portem», «Vine»). - Frases curtes i declaratives. Orgull de poble amb ironia de versot: seriosos amb el foc, mai solemnes amb nosaltres mateixos. - Sense allaus d'exclamacions ni majúscules cridaneres. El punt final del titular és la nostra manera de cridar. - **Mai el guió llarg (—).** Ni en textos, ni en títols, ni en codi. Separadors: coma, dos punts o «·». - **La llegenda del Boc és invenció nostra.** L'any 1328 és l'ambientació de la ficció: mai presentar-la com a llegenda històrica real («una llegenda que ve de 1328» ❌). - Lèxic propi: colla, correfoc, cercavila, versots, ball parlat, tabalers, esquellots, ceptrot, carretilla, nit de foc, l'inframón, la cort infernal. - Tancaments de marca: «Que la nit cremi, que el poble balli.» · «Ens veiem sota les espurnes.» --- ## 8. Com es fa una peça nova (cartell, post, story…) 1. Parteix d'una plantilla de `brand/plantilles/` (cartell A3, post 4:5, story 9:16): són HTML editables amb comentaris `EDITA`. 2. Canvia foto i textos. Mantén la jerarquia (§4) i la regla del corall (§2). 3. Exporta: `node brand/render.mjs` (PNG a `brand/exports/`) o, per a impremta, obre l'HTML al navegador → Imprimeix → A3 sense marges. 4. El manual visual complet és a **marca.html** al web. ## 9. Inventari - Web: 9 pàgines estàtiques (HTML/CSS/JS, sense frameworks) + `marca.html` (manual de marca). - Tokens: `brand/tokens.css` (font única, el web l'importa) + `brand/tokens.json` (per a Figma/eines). - Plantilles: `brand/plantilles/*.html` + exemples renderitzats a `brand/exports/`. - Fotos i logos: `assets/` (56 imatges amb noms semàntics).