DISEÑADO PARA LO COTIDIANO
La misma casa, dos maneras de vivirla. Un sistema cálido y claro para vecinos; oscuro y preciso para ofiziales.
FOTOGRAFÍA ILUSTRATIVA · V4Claves semánticas independientes de plataforma. El JSON es la fuente compartida con la app y conserva la misma estructura en claro y oscuro.
TIPOGRAFÍA
Instrument Sans 500 para títulos. Instrument Sans 400 para lectura. Instrument Serif italic para una palabra con intención. Archivo 800, solo para el logotipo.
ESPACIO Y FORMA
Escala de 4 px. Tarjetas de 24 px de radio y fotografías de 20 px. Controles en píldora; el contenido conserva su jerarquía sin acumular marcos.
Demostración aislada: estos controles no publican trabajos ni envían datos. El foco de teclado, la selección y los estados de carga sí funcionan.
La acción principal tiene tinta sobre naranja. Una acción destructiva se nombra y usa rojo propio.
Listo para probar.
Una fotografía explica el oficio sin inventar trabajos terminados ni profesionales verificados.
Imágenes locales, empaquetadas con la app. Sin depender de un proveedor de imágenes en cada visita.
Ningún estado depende solo del color. Icono, título y siguiente paso deben explicar qué ocurre.
Tu borrador sigue aquí. Comprueba la conexión y vuelve a intentarlo.
Úsalo solo tras la confirmación real del servidor.
Enviar el alta profesional no implica estar acreditado ni poder ofertar.
La dirección privada no se muestra a profesionales sin contratación.
Un estado vacío invita a dar el primer paso. Sin contadores, saldos ni reseñas inventados.
Volver a los ejemplos ↑Ratios calculados según luminancia relativa WCAG. AA exige 4,5:1 para texto normal y 3:1 para límites funcionales de controles. El naranja de marca no se usa como texto pequeño en claro: color.brand.text ofrece una variante accesible.
| Uso | Combinación | Ratio | Criterio |
|---|
Exporta color.brand.primary, color.text.secondary, space, radius y size. Los modos comparten claves; la app mantiene sus alias de compatibilidad.
Esta hoja demuestra reglas visuales. No acredita una auditoría completa de todas las pantallas de la aplicación.