Pittahaya · estudio de marca y diseño
No lo contamos. Lo dejamos abierto.
Cualquiera puede decir que tiene un sistema de diseño. Nosotros te damos el interruptor para que lo audites — y cinco mundos de marca, construidos y funcionando, para que compruebes que sale de ahí.
--t-display · Fraunces 300 · tracking −.045em
Cinco mundos. Ninguno es una maqueta.
Cada ficha se pinta con los tokens reales de su mundo: su paleta exacta, su tipografía, su retícula. No son capturas — es el mismo sistema, renderizado aquí. Y cada una abre el demo que funciona de verdad.
.semilla · custom properties --m-* por mundo
Códec todo-intra · búsqueda 2,6 ms Inmobiliario de lujo 2026 Aurelia Villa Mare Alta. Un recorrido en primera persona de la entrada a la piscina infinita, conducido por tu scroll. Cormorant Garamond · Inter Abrir el mundo → Arquitectura por sectores
Archivo institucional navegable Capital privado 2026 Atlas Un holding que opera energía, minería, marítimo e infraestructura. Sobriedad institucional sin una sola concesión decorativa. Cormorant Garamond · Inter Abrir el mundo → Comercio real · 5 páginas
Carrito que sobrevive a la navegación Comercio de lujo 2026 Origen 0° Chocolate ecuatoriano de latitud cero. Configurador de caja de cata y carrito que persiste entre páginas. Cormorant Garamond · Inter Abrir el mundo → Constelación en vivo
Propagación kepleriana · eclipses reales Infraestructura orbital 2026 Orbital Cómputo en órbita baja. La telemetría se calcula, no se inventa: altitudes y velocidades cuadran con el manifiesto de lanzamientos. Space Grotesk · JetBrains Mono Abrir el mundo → Giro 360° arrastrable
Secuencia de imágenes por gesto Automoción 2026 Veloce Lanzamiento de un hyper-GT. Silueta que giras con el dedo y despiece que se abre en movimiento. Sora · JetBrains Mono Abrir el mundo → Esta misma página
Pulsa X y mírala por dentro El estudio Ahora Pittahaya La sexta ficha eres tú mirándola. Esta página también corre sobre el sistema — y te deja abrirlo. Fraunces · Space Grotesk Ver el sistema →
Lo que sostiene los cinco mundos.
Ninguno de esos mundos empezó de cero. Todos salen de las mismas decisiones: una escala tipográfica, un ritmo de espaciado, una retícula y una regla de color. Aquí está, en vivo — y con Rayos X puedes verla sobre cualquier parte de la página.
Un solo eje: serif editorial para lo que emociona, grotesca para lo que informa, monoespaciada para lo que mide.
Negro y marfil hacen el 95% del trabajo. Fruta y lima solo aparecen donde hay que mirar. Un acento que se usa mucho deja de ser acento.
Todo espaciado es múltiplo de ocho. Suena rígido; es exactamente lo que hace que cinco mundos distintos se sientan hechos por la misma mano.
--ritmo: 8px · 8 · 16 · 24 · 40 · 56 · 72 · 88 · 96
Doce columnas porque se parte limpio en 2, 3, 4 y 6. El margen respira con la ventana; el canal no. Activa los Rayos X y la verás caer sobre todo lo demás.
--col: 12 · --gutter: clamp(12,1.6vw,24) · --margen: clamp(20,5vw,72) · --maxw: 1460
La retícula no es un adorno de portafolio: es la razón de que un cliente pueda pedir una página nueva dos años después y encaje sin discusión.
La página se mide a sí misma.
Nada de esto está escrito a mano: se mide en tu pantalla, ahora mismo, con los valores que produce la consola. Si mueves un token, la auditoría cambia contigo.
La carta
Casi todo el trabajo de marca se juzga por una presentación bonita que nadie vuelve a abrir. Preferimos entregar algo que funcione, se pueda medir y se pueda auditar. Si el sistema es bueno, aguanta que lo mires por dentro.— El estudio · Pittahaya, Ecuador
Marca & Diseño
Una idea. Un sistema que la sostiene.
Estrategia, identidad, diseño y tecnología en mundos de marca completos — construidos para durar más que la presentación.