El que lee importa más que el que diseña
Contraste, accesibilidad y velocidad no son una capa de cumplimiento. Son la condición para que la página funcione para quien la usa, no un extra que se añade al final.
Menos interfaz para que el contenido mande.
Redmirror cumple dos funciones
Enseñar cómo construimos un sistema de diseño. Los que hemos hecho para clientes están bajo NDA; este se puede recorrer entero.
Mantener nuestros sitios sobre una base robusta, ajustada a nuestra forma de entender el trabajo bien hecho.
En qué creemos
El contenido manda
Lo que sirve al contenido se queda; lo que no, se quita. La tipografía se cuida porque es lo que lleva el mensaje. No hay animación en el texto ni movimiento que no acompañe lo que se cuenta: cada capa se gana el sitio o no entra.
Sustracción sobre acumulación
Ante una mejora, la primera pregunta es qué se puede quitar. El sistema mejora encogiendo, no creciendo.
Cómo lo sostenemos
Cómo entendemos el sistema
Un sistema no es una carpeta de componentes. Es el diálogo entre lo que queremos, cómo lo hacemos y cómo evoluciona, alineado para que el mensaje y la marca no se contradigan.
Cómo entra algo al sistema
Nada entra por estar de moda. Una necesidad se resuelve primero en un sitio real; si un segundo sitio la pide, se abstrae y se promociona. Si solo la necesita uno, se queda en ese sitio. Un caso no es un patrón.
Protocolo de desarrollo asistido
Trabajamos con IA en la parte sensible —la interfaz— con un flujo que decide qué toca cada quien y qué no se toca nunca. Aquí están los documentos que lo gobiernan.
Accesibilidad no es una promesa, es un hecho
La accesibilidad reside en el sistema, no en cada sitio: lo que el sistema garantiza, lo garantiza en todos. Esto es lo que ya está hecho.
- Estructura semántica. Encabezados reales, landmarks, listas. La tecnología de asistencia navega la página, no la adivina.
- Teclado. Todo lo que se puede pulsar se alcanza sin ratón, con foco visible.
- Contraste. El texto cumple AA contra su fondo, en claro y en oscuro.
- Movimiento reducido. Si tu sistema pide menos movimiento, las transiciones y los revelados se apagan.
- Texto que se adapta. El layout aguanta el zoom de texto sin romperse.
Ningún sitio es perfectamente accesible. Si te topas con una barrera que se nos ha pasado, queremos saberlo: hello@3lastic.com. La arreglamos en una próxima versión.