Esplai La Baldufa
12 places
- #1d4ed8
- #ffffff
- #1d4ed8
- #e8edfb
S’ha pogut fer servir tal qual.
Referència visual
Font de veritat de GRA-77. Les decisions i el perquè de cadascuna són a docs/disseny.md. Cap pantalla d’aquí és funcional.
Color
Neutres tebis, no grisos. El verd de Grapa deixa lliure la franja de tons on cauen la majoria de marques d’entitat, de manera que la nostra identitat i la seva no competeixen pel mateix lloc.
- page#faf8f5
- surface#ffffff
- surface-subtle#f1eee9
- border#e0dad1
- border-strong#8a8378
- ink-faint#616b65
- ink-soft#55605a
- ink#17211d
- accent (Grapa)#1b6b52
- accent-strong#14513e
- accent-soft#e7f1ec
- danger#b3261e
- warning#8a5a00
- success#1e6b3a
- info#1f5c8b
- terra#a8431f
La marca de cada entitat
L’entitat tria un color i el sistema en deriva quatre tokens que compleixen AA per construcció. Cap component fa servir mai el color cru: així un groc canari es pot acceptar sense publicar pantalles il·legibles. El que s’ha hagut d’ajustar es diu, no es fa en silenci —GRA-30 ho ha de poder ensenyar al formulari.
AMPA Pau Casals
12 places
- #a78600
- #17211d
- #8b6f00
- #fef9e6
fons enfosquit per poder-hi llegir a sobre; el text damunt del color va en tinta, no en blanc; variant fosca per als textos i enllaços
Club Nord
12 places
- #b27d8f
- #17211d
- #8b6270
- #fcf6f8
fons enfosquit per poder-hi llegir a sobre; el text damunt del color va en tinta, no en blanc; variant fosca per als textos i enllaços
Tipografia i densitat
Una sola família —la del sistema— i dues escales. La pública té base de 17 px i interlineat 1.65: es llegeix una vegada, amb pressa i amb el mòbil a una mà. La de gestió baixa a 16 px i 1.5 perquè qui porta 200 inscripcions en vol veure moltes alhora. Es canvia amb data-gr-surface="app" i no toca cap component.
escala pública (per defecte)
Casal d’estiu 2026--font-size-3xl
Inscripcions obertes--font-size-2xl
Dades de l’infant--font-size-xl
Del 25 de juny al 26 de juliol--font-size-lg
Text corrent: el que es llegeix de debò.--font-size-md
Etiquetes de camp i text secundari.--font-size-sm
Ajudes, peus i metadades.--font-size-xs
escala de gestió
Casal d’estiu 2026--font-size-3xl
Inscripcions obertes--font-size-2xl
Dades de l’infant--font-size-xl
Del 25 de juny al 26 de juliol--font-size-lg
Text corrent: el que es llegeix de debò.--font-size-md
Etiquetes de camp i text secundari.--font-size-sm
Ajudes, peus i metadades.--font-size-xs
Botons
A 375 px l’acció principal d’un formulari ocupa tota l’amplada i fa 48 px d’alt. Les secundàries van a sota, no al costat: dos botons de text llarg un al costat de l’altre no hi caben.
375 px
Camps de formulari
Etiqueta sempre visible i a sobre. Es marca el que és opcional, no el que és obligatori. El text de l’error va lligat al camp amb aria-describedby i el camp queda aria-invalid; el resum de dalt és l’únic que crida.
Hi enviarem el resguard de la inscripció.
Falta el telèfon: l’equip de monitoratge l’ha de tenir el dia de l’activitat.
Ho veuen només les persones responsables del grup.
Targetes, avisos i estats
Casal d’estiu
Matins de 9 a 13 h, amb servei d’acollida des de les 8.
Encara no hi ha cap inscripció
Quan s’obrin les inscripcions, apareixeran aquí a mesura que arribin.