Marca
Dos líneas se encuentran y ninguna cede. Tecnología y personas, pantallas y objetos, la mano y la máquina. El estudio trabaja en el punto donde se cruzan.
La marca son dos trazos que se cruzan. Uno representa a las personas y las cosas que tienen en la mano; el otro, la tecnología y los sistemas detrás. Un estudio que hiciera solo una de las dos dibujaría una sola línea. Nosotros trabajamos donde se encuentran.
1Dos prácticas
Diseño e ingeniería, personas y sistemas, en paralelo.
2El cruce
Se encuentran en un punto. Ese punto es el brief.
3La marca
Un espacio donde una pasa sobre la otra: se cruzan sin fundirse.
El software es para alguien. Empezamos por la persona que lo usa y sumamos la tecnología que le sirve, no al revés.
En la identidad
Palabras simples antes que jerga, y el trazo sólido, el que hacen las personas, siempre pasa por arriba.
Las pantallas son objetos que alguien sostiene, en un lugar, con alguna luz. Las diseñamos tanto como objetos como interfaces.
En la identidad
Grano de película y una luz principal sobre cada página, filetes con marcas de registro, colores con nombres de materiales.
Generado y automatizado donde ahorra tiempo, hecho a mano donde importa. El trabajo está en saber cuál es cuál.
En la identidad
Una grotesca para todo lo que informa y una itálica caligráfica, de a una palabra, para los momentos que escribiría una mano.
Principal
Tinta sobre papel. La versión por defecto, donde el fondo sea claro.
Inversa
Papel sobre noche, para pantallas oscuras y el modo oscuro.
Latón
El trazo que sube en latón, para portadas y el único momento en que una página trata de la marca.
Un color
Los dos trazos sólidos; el espacio marca el cruce. Para sellos, grabado, bordado, corte láser e impresión a una tinta.
Solo el símbolo
Cuando el nombre ya está a la vista: encabezados, pies, firmas.
Ícono de app
Favicons, avatares e integraciones. Fondo noche, radio de esquina del 22 %.
A 16 px el espacio casi se cierra, así que nada depende solo de él: la diferencia de peso entre los trazos sigue leyéndose como uno sobre el otro.
Tomados de los materiales y no de las pantallas: papel, piedra, grafito, tinta y un único metal cálido. Sin degradés porque sí, sin neón.
La página. Cálido, nunca blanco puro.
--background
Paneles secundarios y rellenos tranquilos.
--muted
Texto de apoyo, etiquetas, epígrafes.
--muted-foreground
Texto, la marca y el botón principal.
--foreground
El único metal cálido, para donde las cosas se encuentran: el &, el ×, los números, el hover. De noche se aclara a #e1b75c.
--gold
La página de noche. Negro cálido, como la tinta, no una pantalla azulada.
--background (oscuro)
La máquina
Una grotesca dibujada para pantallas, de 400 a 700. Todo lo que informa: títulos, texto, etiquetas, números. Titulares en 500 con −0,035em de interletra.
La mano
Una itálica caligráfica, 400, en latón. Siempre de a una palabra o un signo: el &, el ×, un año. Nunca una oración.
Juntas
Software hecho a mano, para quienes lo tienen en la mano.
La grotesca lleva la oración; la itálica marca la única palabra que una persona subrayaría.
Cada página se trata como una superficie con cuerpo, no como un plano de píxeles. Lo logran tres capas, todas debajo del texto para que siga nítido.
Grano
Ruido fractal al 7 % (10 % de noche), fundido sobre el fondo. La página tiene textura, como el papel o la película.
Luz
Una luz principal desde arriba a la derecha en latón tenue, un relleno desde abajo a la izquierda y una viñeta suave. Se lee como iluminación, nunca como una forma.
Registro
Los filetes terminan en una marca corta en cada punta, como las de un pliego de imprenta. Se dibujan desde la izquierda cuando carga la página.
El cruce va más allá del logo. Donde dos cosas se encuentran en una página, el punto de encuentro se marca en latón.
Diseño×Código
El × une un par: dos disciplinas, dos clientes, dos lados.
Estudio de diseño & producto
El & del tagline, la única serif en una línea de mayúsculas.
Un separador: la marca entre dos filetes, donde una parte de un documento pasa a la siguiente.
042026
Números y fechas en latón: el índice del sistema y la fecha de la mano, uno al lado del otro.
Las cosas se dibujan, no se encienden. Las líneas entran como una lapicera, el contenido se acomoda como papel sobre un escritorio y cada página tiene, como mucho, un momento orquestado. Con movimiento reducido, todo arranca en su estado final.
Decimos: Diseñamos el producto y después lo construimos.
No decimos: Transformación digital integral impulsada por IA.
Decimos: El checkout ahora tiene dos pantallas en lugar de cinco.
No decimos: Una experiencia fluida y de primer nivel.
Decimos: Usamos un modelo para el primer borrador y reescribimos la mitad.
No decimos: Soluciones generativas revolucionarias.
Una mano sosteniendo un circuito
El cliché del rubro, y toma partido: la mano es dueña de la máquina.
Un píxel y una pincelada
Dos logos pegados. Estar al lado no es cruzarse.
Una mancha con degradé
Todo sintético, nada hecho. Podría ser de cualquier empresa de IA.
Una familia
La misma construcción que la marca de SIUX Studio. El producto la lee como un gráfico; el estudio, como un encuentro.
Un cruce, no una fusión
Las dos líneas siguen siendo distintas. No fingimos que las personas y la tecnología son lo mismo.
Hecha para hacerse
Dos trazos y un espacio. Aguanta un favicon de 16 px, un sello de goma y un hilo.
Un sistema, no solo un logo
El cruce está en la combinación tipográfica, los materiales, el movimiento y las palabras.