Regala Maresme
Llibre d'Estil Corporatiu
Guia completa d'identitat visual de Regala Maresme. Aquestes directrius asseguren la coherència de la marca en totes les comunicacions i materials.
1. Logotip
Versió Positiva
Versió Negativa
Àrea de Seguretat
Mantenir sempre un espai mínim equivalent a l'altura del punt rosa al voltant del logotip.
⚠️ Usos Incorrectes
- • No modificar les proporcions del logotip
- • No canviar els colors del logotip
- • No afegir efectes, ombres o contorns
- • No rotar o distorsionar el logotip
2. Paleta de Colors
Color Principal
Rosa Principal
#e9026aRGB(233, 2, 106)
PANTONE 226 C
El rosa és el color corporatiu principal de Regala Maresme. S'utilitza en elements destacats, crides a l'acció i per identificar la marca.
Colors Secundaris
Verd
#00b894RGB(0, 184, 148)
Groc
#fdcb6eRGB(253, 203, 110)
Taronja
#e17055RGB(225, 112, 85)
Els colors secundaris complementen la paleta principal i s'utilitzen per categories, icones i elements decoratius.
Colors Neutres
Negre
#000000Gris Fosc
#2d3436Gris
#636e72Gris Clar
#b2bec3Blanc
#ffffffEls colors neutres proporcionen equilibri i es fan servir per textos, fons i elements estructurals.
3. Tipografia
Família Tipogràfica: Inter
Inter és una font sans-serif moderna i llegible que s'utilitza en tots els materials de la marca.
Títols
Aa Bb Cc Dd
Text Corporal
Aa Bb Cc Dd
Text Petit
Aa Bb Cc Dd
ℹ️ Bones Pràctiques
- • Utilitzar Inter per a títols i textos corporals
- • Mantenir jerarquies clares amb les mides establertes
- • Assegurar bon contrast per a la llegibilitat
- • Espaiat adequat entre línies (line-height: 1.5)
4. Iconografia
Estil d'Icones
S'utilitza la biblioteca Lucide React amb icones de línia simple i netes. Les icones han de ser:
- • Consistents: Mateix gruix de línia en tots els icones
- • Simples: Formes clares i fàcils de reconèixer
- • Escalables: Funcionen bé a diferents mides
- • Color: Utilitzar el rosa principal (hsl(var(--primary))) per destacar
Mides d'Icones
Catàleg d'Icones Principals
Tots els icones provenen de la biblioteca Lucide React. A continuació es mostren els icones utilitzats en la plataforma amb les seves mides estàndard.
Ús en Context
Les icones s'utilitzen amb el color principal rosa per accions destacades, gris per elements neutrals, i blanc sobre fons de color.
5. Elements d'Interfície
Botons
Targetes
Títol de Targeta
Les targetes tenen ombra suau i cantonades arrodonides. Hover efecte amb ombra més pronunciada.
Targeta Destacada
Targetes destacades poden utilitzar gradients suaus per cridar l'atenció.
Etiquetes i Badges
6. Fotografia i Imatges
Estil Fotogràfic
- • Autèntiques: Fotografies reals del Maresme i els seus comerços
- • Càlides: Colors vibrants i llum natural
- • Properes: Mostrar persones i experiències reals
- • Locals: Destacar el patrimoni i cultura del Maresme
Tractament d'Imatges
- • Cantonades arrodonides (border-radius: 12px)
- • Relació d'aspecte consistent (16:9 o 4:3)
- • Overlay subtil amb gradient en casos destacats
- • Hover efecte amb escala lleuger (scale: 1.05)
7. To i Veu de Marca
✓ Som
- • Propers i amigables
- • Locals i autèntics
- • Entusiastes del Maresme
- • Professionals i fiables
- • Compromesos amb el comerç local
✗ No Som
- • Formals o distants
- • Impersonals o freds
- • Massa tècnics
- • Agressius en vendes
- • Genèrics o corporatius
Idiomes
La plataforma està disponible en català i castellà, prioritzant sempre el català com a idioma principal del Maresme.
8. Recursos Descarregables
Pack d'Identitat Corporativa
Descarrega tots els recursos de marca: logotips en diferents formats, paleta de colors, guies i plantilles.
Logotips
SVG, PNG, PDF
Paleta Colors
ASE, ACO, CSS
Plantilles
Figma, Sketch
© 2025 Regala Maresme. Tots els drets reservats.
Per a qualsevol dubte sobre l'ús de la marca, contacta amb hola@regalamaresme.com