Sistema de diseño
La cancha de los diseñadores
Tokens, componentes accesibles y piezas de cancha con las que se construye Palo. Todo lo que ves aquí es el código real de la app, no una maqueta.
Marca y color
Cinco colores de marca editables desde el panel; todo lo demás se deriva. Los estados usan la semántica de la cancha.
--brand-primaryAcción--brand-nightFondo de marca--brand-pitchConfirmado--brand-accentLogros--brand-chalkClaridad--successSemántico--warningAdvertencia--dangerError--infoInformativoTipografía
Archivo variable: condensada para titulares y marcadores, ancho normal para leer.
Arma el partido
Título de pantalla (h1)
Sección (h2)
Subsección (h3)
Texto de lectura: frases cortas, verbos concretos. El que avisa a tiempo nunca pierde nada.
Texto secundario para ayudas y metadatos.
Eyebrow · etiqueta de sección
3 : 2
Botones
Formularios
Field conecta etiqueta, ayuda y error con aria-* automáticamente.
Como te dicen en la cancha
Escribe un correo válido.
Lo dividimos entre los cupos
0/280
Selección
Combobox WAI-ARIA con búsqueda, opciones agrupadas, selección múltiple y creación.
- Daniela PardoDaniela PardoVolante · Primera
- Juan Camilo RíosJuan Camilo RíosDelantero · Élite
- Andrés CamachoAndrés CamachoArquero · Ascenso
- Laura GómezLaura GómezDefensa · Barrio
- Sebastián MoraSebastián MoraVolante · Primera
- Daniela PardoDaniela PardoVolante · Primera
- Juan Camilo RíosJuan Camilo RíosDelantero · Élite
- Andrés CamachoAndrés CamachoArquero · Ascenso
- Laura GómezLaura GómezDefensa · Barrio
- Sebastián MoraSebastián MoraVolante · Primera
Fechas y franjas
Cada selector declara para qué es: reservar (desde hoy y hasta 60 días), historial (hasta hoy) o nacimiento (abre en años y solo deja mayores de 18). Tocar el mes o el año abre su cuadrícula. Teclado: flechas, RePág/AvPág, Inicio/Fin y Escape para volver a los días. En móvil se abre como hoja inferior.
Próximos 60 días
Con atajos
Año → mes → día
| do | lu | ma | mi | ju | vi | sá |
|---|---|---|---|---|---|---|
Diálogos, hojas, menús y tooltips
<dialog> nativo y Popover API: capa superior, foco atrapado y Escape sin librerías.
Avisos y estados
Información
La sede confirma la cancha directamente.Listo
Tu sala está publicada.Atención
Faltan 2 jugadores y la convocatoria cierra en 3 h.Error
No pudimos guardar los cambios.Juega tranquilo
Encuéntrate solo en la cancha. Nunca en casas, carros o lugares apartados.No hay salas cerca
Mira estas alternativas o crea la tuya.
Personas y datos
Componentes de cancha
El lenguaje propio de Palo: cupos, hexágono, medallas, escudos y marcador.
8/12 · Faltan 2 para jugar
11/12 · Queda 1 cupo2 en espera
20/20 · Llena3 en espera