Quizá te hayas fijado en que nuestros títulos van todos en minúscula. En que nuestras sombras son duras y desplazadas, como una pegatina medio despegada de la página. En que los botones rebotan un poco al pasar el ratón, y hay manitas saludando repartidas por ahí. Sería fácil leer todo eso como "rarito por ser rarito". No lo es. Cada una de esas decisiones es deliberada, y detrás de cada una hay un motivo que defenderíamos en una reunión. El buen diseño no es decoración que añades al final — son cien decisiones pequeñas, cada una tomada a propósito.
la minúscula no es pereza, es una voz
Las mayúsculas cargan con cierta formalidad; se ponen firmes y carraspean. La minúscula se lee cálida, cercana y humana — como alguien que te habla a ti en vez de anunciarte algo a la cara. Encaja con cómo hablamos de verdad: "say hello", no "ENVÍE SU CONSULTA". (El post que estás leyendo ahora sí usa mayúsculas normales, porque el texto largo se lee mejor con ellas — la regla adecuada para el sitio adecuado es, en sí misma, una decisión de diseño.)
la sombra dura dice "esto es real"
Usamos sombras duras y desplazadas en vez de borrosas y suaves porque hacen que una pantalla plana se sienta física — como papel, como una pegatina que podrías levantar por la esquina. La sombra suave es el recurso por defecto al que tira todo el mundo, y justo por eso no dice nada. Una dura es un punto de vista pequeño y claro, repetido hasta que se vuelve reconociblemente nuestro.
leamos un botón
Coge un solo botón de esta web y mira las decisiones apiladas dentro. Es una pastilla, no un rectángulo, porque lo redondo se siente más amable que lo afilado. Su contorno son tres píxeles seguros, no uno tímido, para que se lea como dibujado y no como puesto por defecto. Lleva esa sombra dura y desplazada, así que se posa encima de la página como un objeto que podrías pulsar. Al pasar el ratón se levanta y rebota con una curva un poco saltarina, porque un movimiento rígido y lineal se siente mecánico y un rebote se siente vivo. Y el texto va en minúscula, en nuestra fuente de títulos, porque seguimos siendo nosotros hablando. Eso son cinco decisiones en un solo botón pequeño — y toda la web está hecha de ese tipo de apilamiento. Ninguna grita; juntas son la diferencia entre "un botón" y "su botón".
movimiento con modales
Las cosas rebotan, se menean y saludan — pero cada pizca de ello respeta prefers-reduced-motion, así que quien encuentre el movimiento incómodo recibe una versión tranquila y quieta sin que le falte nada. Lo divertido no debería ponerse nunca por delante del mensaje, ni dejar fuera a nadie. Juguetón y accesible no son opuestos.
la consistencia le gana a la genialidad
La tentación, una vez tienes unos cuantos trucos majos, es seguir inventando trucos nuevos. Nosotros hacemos lo contrario: encontrar el gesto correcto y repetirlo en todas partes. La misma pastilla, la misma sombra, el mismo rebote, los mismos cuatro colores, una y otra vez. Suena a que aburriría; hace justo lo contrario. La repetición es lo que convierte un montón de detalles majos en un idioma — para la tercera pantalla, tu ojo ya conoce las reglas, y el sitio empieza a sentirse como un lugar en vez de como una serie de ocurrencias sueltas. Una marca es una promesa cumplida muchas veces, no una sorpresa soltada una vez.
las restricciones son lo que lo mantiene unido
Una sola fuente para los títulos. Cuatro colores vivos y una única tinta para todo lo demás. Un solo estilo de iconos, dibujados igual siempre. Esos límites no son falta de imaginación; son la razón de que el conjunto se sienta coherente en vez de parecer una nota de secuestro. Es el mismo instinto que nuestro stack aburrido: la disciplina por debajo es lo que permite que la superficie se sienta viva.
por qué te importa a ti todo esto
Una marca que toma decisiones pequeñas y deliberadas se siente cuidada — y lo cuidado se siente de fiar. Los visitantes rara vez sabrán decirte por qué una web les transmite buen rollo; simplemente lo sienten, lo recuerdan y asocian esa sensación contigo. Los detalles no son la parte que haces si sobra presupuesto. Los detalles son la marca.
Cuidamos lo pequeño porque es justo ahí donde "está bien" se convierte, sin hacer ruido, en "esto es inconfundiblemente suyo". 👋
