Karakoles 4x4 · Sistema de diseño · v1

Mineral, editorial, de canto vivo

Base clara para leer, oscuro para los momentos que deben sentirse cinematográficos. El acento aparece poco, y por eso se nota.

De dónde sale el óxido. El naranja del logo es #F5821F. Bajarlo de saturación y luminosidad hasta #A8460F conserva la identidad y deja de pelear con una interfaz mineral: es el mismo color con el volumen bajado. Regla de uso — el acento nunca cubre más del 2% de la pantalla. En Patagonia, de unas 5.200 declaraciones de color, los acentos juntos aparecen ~54 veces.

Qué se decide aquí. El logo actual es naranja brillante, redondeado y con bisel 3D — tensiona de frente con la austeridad mineral que pide el propio lineamiento, y no hay manual de marca que zanje el punto. La propuesta no cambia el símbolo ni el logotipo: aplana el bisel y recalibra el color. Si el cliente prefiere conservar el naranja tal cual, el sistema funciona igual — pero el naranja pasa a ser el acento y hay que quitar el óxido para que no compitan dos tonos casi iguales.

Una sola regla de interletraje: letter-spacing: -0.01em en todo titular. Con Archivo el cierre era del −2%, que es lo que mide Patagonia; una serif de display ya viene ajustada de fábrica y ese valor la apretaba. La mitad basta — y sigue siendo un solo valor para cualquier tamaño. En el cuerpo y en el texto editorial, cero.

Radio cero por defecto. Secciones, tarjetas, fotos y fichas van a canto vivo, igual que Patagonia: es lo que separa esta interfaz de la plantilla de alquiler genérica y encaja con lo mineral. Dos excepciones, ambas pedidas por el cliente: los botones son píldora y los formularios llevan esquina redonda — caja, campos y fichas de opción. Se agrupan a propósito: lo redondo marca lo que se toca, lo de canto vivo es lo que se lee. Una desviación deliberada del referente: Patagonia usa CTAs de solo texto, sin fondo. Karakoles necesita convertir, así que el botón principal sí es sólido; el resto de acciones se mantiene contenido.