Páginas web
Trama
Pieza propia, sin cliente. «Trama» es una marca inventada —un placeholder para construir sin esperar la decisión de naming— y todo lo renombrable vive en un solo archivo: nombre, dominio, claim, contacto, cifras, datos estructurados, sitemap y hasta las etiquetas de los formularios salen de ahí.
El problema
Los sitios de estudios y agencias se parecen entre sí porque resuelven la identidad con una tipografía y un color, y el resto lo llenan con capturas de clientes. El resultado es una parrilla que se ve prestada: la marca del estudio desaparece detrás del trabajo que muestra.
La decisión / el criterio
Hice que el nombre y el sistema visual fueran la misma cosa. El logotipo es literalmente una celda del tejido de arcos que el sitio genera por todas partes; el fondo del hero y la portada de cualquier proyecto sin captura son ese mismo dibujo a otra escala. Un proyecto nuevo sin imagen no queda vacío ni finge una captura: dibuja el tejido con el color de la marca del cliente. Y el acento es violeta por descarte, no por gusto — los proyectos de la parrilla traen verde, rojo, amarillo, naranja y azul de sus propias marcas, y un acento del estudio que choca con la captura de al lado es un acento mal elegido.
— Rodrigo Torres, Árkos
Qué construimos
Portada de ocho secciones sobre Next.js 16 y React 19, con rejilla de 4/8/16 columnas según el tramo, tono claro u oscuro declarado por sección, tejido generativo en SVG, proceso arrastrable con Pointer Events y dos formularios (dossier y contacto) que salen por Resend con campo trampa y limitador por IP.
El resultado
La parrilla es honesta por diseño: cada caso declara su estado —entregado, propuesta, pieza de estudio o relleno— y ese estado se imprime en la ficha, así que el sitio no puede presentar una propuesta como un encargo firmado. Los formularios tampoco fingen: sin credenciales configuradas responden 503 y muestran el correo directo en vez de un «¡Gracias!» que no envió nada. Todo el tejido es un solo path de SVG —la primera versión emitía 5 029 nodos y bloqueaba el navegador.
Vistazo
