PittahayaMarca & Diseño

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

Ver la obra
5Mundos construidos
13Páginas funcionando
0Librerías externas
1Sistema debajo
01 — El Semillero

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

Video scrubbeado por scroll
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. tinta · papel · bronce Fraunces · Cormorant 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. vacío · tinta · bronce 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. cacao · marfil · cobre 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. vacío · hielo · solar Space Grotesk · JetBrains Mono Abrir el mundo →
Turntable 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. vacío · hueso · ámbar 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. negro · marfil · fruta · lima Fraunces · Space Grotesk Ver el sistema →
02 — 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.

Escala tipográfica · proporción fluida
Display--t-display · clamp(48,9.5vw,160)
Titular--t-1 · clamp(36,5.6vw,86)
Sección--t-2 · clamp(26,3.4vw,50)
Subtítulo--t-3 · clamp(20,2.2vw,30)
Cuerpo de texto--t-cuerpo · clamp(15,1.35vw,18)
Micro--t-micro · 11px

Un solo eje: serif editorial para lo que emociona, grotesca para lo que informa, monoespaciada para lo que mide.

Color · cimientos y acento

Negro y marfil hacen el 95% del trabajo. Fruta y lima sólo aparecen donde hay que mirar. Un acento que se usa mucho deja de ser acento.

08070A
16131C
F4EFE6
D9C3A0
E0357B
9FCE3A
Ritmo · base de 8 px

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

Retícula · 12 columnas

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

Macro de una hoja de especificación técnica con retícula de construcción, marcas de registro y una línea magenta.

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 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, Canadá

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.