Fórmulas para páginas memorables
Cada fórmula es una página web animada lista para usar: un solo archivo HTML, en español e inglés, inspirado en un estilo del mundo. Cambias tu marca y tus textos, y la publicas. Trae también su prompt, por si quieres adaptarla con tu IA.
100 estilos con página en vivo Descargas: próximamente
100 estilos del mundo
100 de 100 estilos
-
Azulejo portugués
Azulejo Torto · Taller de azulejos pintados a mano en Graça, Lisboa
- Próximamente
- Se dibuja sola
-
Trencadís
Els Bocins · Taller familiar de trencadís en Gràcia
- Próximamente
- Se dibuja sola
- Cursor
-
Atlas celeste
Southsight · App y salidas astronómicas, lago Tekapo
- Próximamente
- Scroll
-
Geometría islámica
Cal y Compás · Taller de arquitectura e interiores
- Próximamente
- Se dibuja sola
- Cursor
-
Arte cinético latinoamericano
Ojo Andante · Festival de arte y tecnología en Caracas
- Próximamente
- Cursor
-
Alfombras persas
Gereh · Alfombras anudadas y restauración en Isfahán
- Próximamente
- Se dibuja sola
- Cursor
-
Sashiko
Tsugime · Taller de remiendo visible en Kuramae, Tokio
- Próximamente
- Cursor
-
Carteles psicodélicos
Wax Lantern · Discos y barra de escucha en Haight Street
- Próximamente
- Cursor
- Sonido
-
Cromo ácido 3D
Soft Metal · Streetwear reflejante en Seúl, tiradas de 200 piezas
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Art Déco
Fanlight · Salón de cócteles en South Beach
- Próximamente
- Cursor
-
Gótico y vitrales
Glasroos · Taller de vitrales en Brujas
- Próximamente
- Scroll
- 3D
-
Art Nouveau
La Volute · Florería en Ixelles, Bruselas
- Próximamente
- Se dibuja sola
-
Manuscritos iluminados
Hare & Quill · Editorial independiente de libros ilustrados, Dublín
- Próximamente
- Cursor
-
Arquitectura de barro del Sahel
Paume & Toron · Estudio de arquitectura en tierra, Ségou
- Próximamente
- 3D
- Se dibuja sola
-
Tropicália
Vitrine Mordida · Colectivo musical, noche de disco, São Paulo
- Próximamente
- Cursor
- Sonido
-
Porcelana azul y blanca
La Cobaltera · Taller de talavera en el centro de Puebla
- Próximamente
- Se dibuja sola
-
Cassette futurism
Pinch Roller · Estudio de grabación analógica en East Nashville
- Próximamente
- Sonido
- 3D
-
Memphis
Ghirigoro · Heladería de autor en Isola, Milán
- Próximamente
- Cursor
-
Wabi-sabi y kintsugi
Mossmend · Taller de cerámica y kintsugi en Portland
- Próximamente
- Se dibuja sola
- 3D
-
Risografía
Skewiff Press · Risografía y fanzines en Brunswick, Melbourne
- Próximamente
- Cursor
-
Synthwave
Freeway Coyote · Fiesta de lanzamiento de EP, Los Ángeles
- Próximamente
- Sonido
- 3D
-
Letreros de neón
Siu Yeh · Fideos con wonton de madrugada, Sham Shui Po
- Próximamente
- Se dibuja sola
- Cursor
-
Vidrio líquido
Waterpas · App de finanzas para freelancers en Ámsterdam
- Próximamente
- Cursor
-
Clay 3D
Amasa · App de hábitos amable con mascota de plastilina
- Próximamente
- 3D
- Cursor
-
Y2K
Bubbla Records · Disquera de pop independiente, Estocolmo
- Próximamente
- Cursor
- 3D
-
Dark academia
The Chamberstick · Librería de viejo en Marchmont, Edimburgo
- Próximamente
- Cursor
-
Bojagi
Sallang · Casa de té coreana en Jeonpo-dong, Busan
- Próximamente
- Cursor
-
Arts and Crafts
Mallet & Quire · Papel tapiz estampado y encuadernación, Walthamstow
- Próximamente
- Se dibuja sola
-
Papel marmoleado (ebru)
Su Defteri · Ebru y encuadernación en Kadıköy, Estambul
- Próximamente
- Cursor
-
Neo-esqueuomorfismo
Solsort · App de diario privado en Copenhague
- Próximamente
- Cursor
- 3D
-
Diorama 3D
Ključ in kocka · Escape room medieval en Trnovo, Liubliana
- Próximamente
- 3D
- Scroll
-
Toon 3D (cel-shading)
Témpano Dulce · Heladería artesanal en Punta Arenas
- Próximamente
- 3D
- Cursor
-
Producto 3D: vidrio emplomado
Kobberlys · Taller de vidrio emplomado en Bergen
- Próximamente
- 3D
- Scroll
-
Escultura 3D de museo
Isglans Kunsthall · Exposición temporal de escultura en Tromsø
- Próximamente
- 3D
- Cursor
-
Jugable: arma tu ramo
Ruiker · Florería de temporada, De Pijp, Ámsterdam
- Próximamente
- Cursor
-
Juguetes de hojalata 3D
Blech & Feder · Juguetería artesanal de hojalata y madera en Núremberg
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Tablero de ajedrez 3D
Navak Chess Café · Café de ajedrez en el distrito Kentron de Ereván, Armenia
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Gominolas 3D
Darra Godis · Golosinas a granel y gominolas artesanas en Gotemburgo
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Batik
Banyu Nila · Taller de batik en Prawirotaman, Yogyakarta
- Próximamente
- Se dibuja sola
-
Escuela polaca del cartel
Teatr Latarnia · Teatro independiente en Praga-Północ, Varsovia
- Próximamente
- Se dibuja sola
-
Mashrabiya
Lattice & Lime · Hotel boutique en al-Gamaliya, El Cairo
- Próximamente
- 3D
-
Jugable: configurador de producto
Kerbcut · Tienda y taller de patinetas, Woodstock, Ciudad del Cabo
- Próximamente
- Cursor
-
Ferrofluido 3D
Igła Audio · Altavoces artesanales y reparación en Kazimierz, Cracovia
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Gemas talladas 3D
Maison Facette · Joyería de autor en plata y piedras de color en Lyon
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Alambre de latón 3D
Ein Faden · Lámparas y objetos de latón doblados a mano en Zúrich
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Ukiyo-e
Asanagi Hanga · Taller de grabado en madera en Shimizu, Shizuoka
- Próximamente
- Se dibuja sola
-
Fileteado porteño
Café La Cotorra · Café de barrio en San Telmo
- Próximamente
- Se dibuja sola
-
Bauhaus
lotrecht · Taller-escuela de diseño y arquitectura, Moabit (Berlín)
- Próximamente
- Scroll
-
Washi y origami
Ichimai · Papelería de papel hecho a mano, Kioto
- Próximamente
- 3D
-
Arte de camiones del sur de Asia
Roadside Rose · Food truck punjabi en Southall, Londres
- Próximamente
- Cursor
-
Obangsaek y dancheong
Cheoma · Taller de dancheong en Seongsu, Seúl
- Próximamente
- Se dibuja sola
-
Estilo suizo
Saal Pendel · Sala de cámara en Klybeck, Basilea
- Próximamente
- Scroll
-
Frutiger Aero
High Tarn · Agua de manantial al norte de Vancouver
- Próximamente
- Cursor
-
Pixel art
Studio Petit-Duc · Estudio de videojuegos indie en Montreal
- Próximamente
- Cursor
-
Laca vietnamita (sơn mài)
Từng Giọt · Taller-galería de sơn mài en el Barrio Antiguo, Hanói
- Próximamente
- Cursor
-
Papel recortado chino (jianzhi)
Nian Nian · Casa de jiaozi en Beilin, Xi’an
- Próximamente
- Se dibuja sola
-
Cordel y xilograbado
Goiva & Barbante · Librería y editorial de cordel en Caruaru
- Próximamente
- Se dibuja sola
-
Estética de terminal
Parv · CLI de traducciones hecha en Tallin
- Próximamente
- Se dibuja sola
-
Steampunk
Hodinářství U Kyvadla · Relojería y autómatas en Vinohrady, Praga
- Próximamente
- Cursor
-
Arte pop
Mouthful · Hamburguesería con malteadas en Astoria, Queens
- Próximamente
- Se dibuja sola
- Cursor
-
Graffiti wildstyle
Waxy · Tienda de skate del South Bronx
- Próximamente
- Se dibuja sola
- Cursor
-
Kolam
Pulli Kaapi · Café de filtro en Mylapore, Chennai
- Próximamente
- Se dibuja sola
-
Retablo ayacuchano
La Puerta Floreada · Taller de retablos ayacuchanos en Barranco, Lima
- Próximamente
- 3D
- Se dibuja sola
-
Rejilla bento
Tuckbox · Facturación para estudios creativos en Toronto
- Próximamente
- Cursor
-
Retro 3D de 32 bits (1997)
Kuurapiste · Estudio indie de videojuegos en Helsinki
- Próximamente
- 3D
- Cursor
-
Cartel de viaje (años 30)
Wellenpost · Vapor de ruedas en el Traunsee, Gmunden
- Próximamente
- Se dibuja sola
- Cursor
-
Tinta china (shan shui)
Danmo · Taller de pintura a tinta en el Lago del Oeste, Hangzhou
- Próximamente
- Se dibuja sola
- Cursor
-
Constructivismo
Bulta · Mensajería en bici en Āgenskalns, Riga
- Próximamente
- Se dibuja sola
- Cursor
-
Glitch art
Chromaslip · Festival de electrónica experimental en Partick, Glasgow
- Próximamente
- Cursor
- 3D
-
Partículas generativas
Prikværk · Estudio de visualización de datos, Refshaleøen, Copenhague
- Próximamente
- Cursor
- Se dibuja sola
-
Jugable: dibuja tu latte
Pico y Crema · Tostadores de café de finca, La Macarena, Bogotá
- Próximamente
- Cursor
-
Low poly 3D
North Ridge Guides · Guías de alta montaña en Chamonix
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Constructivismo 3D
Hoek & Lijn · Taller de serigrafía en NDSM, Ámsterdam
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Nube de partículas
Tidepoint · Estudio de instalaciones de luz en Mount Pleasant, Vancouver
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Voxel art
Miga Cúbica · Panadería artesanal en Lavapiés, Madrid
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Cáusticas de agua 3D
Saltline Ocean Baths · Piscina de agua salada y club de natación en Sídney
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Panal 3D
Thymari Apiaries · Miel de tomillo y cera de abeja en Chania, Creta
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Bioluminiscencia 3D
Lumen Paddle · Recorridos nocturnos en kayak en Jervis Bay, Australia
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Burbujas de jabón 3D
Lather & Light · Jabonería artesanal de proceso en frío en Bath
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Aurora boreal 3D
Northbound Nights · Tours de fotografía de auroras en Rovaniemi, Finlandia
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Letterpress
Quoin & Platen · Imprenta de tipos móviles en Pilsen, Chicago
- Próximamente
- Cursor
- Se dibuja sola
-
Pintura naíf haitiana
Lawouze · Cooperativa de café y cacao, La Vallée-de-Jacmel
- Próximamente
- Cursor
-
Jugable: arma el pedido
Bunline · Hamburguesería de barrio, Saint-Henri, Montreal
- Próximamente
- Cursor
- Se dibuja sola
-
Nebulosa volumétrica
Lumbre Lejana · Sello de ambient y drone en Barrio Yungay, Santiago
- Próximamente
- 3D
- Cursor
- Se dibuja sola
-
Linternas de seda
Đèn Mây · Tienda de linternas de seda en el casco antiguo de Hội An, Vietnam
- Próximamente
- Cursor
- Se dibuja sola
-
Carteles sonideros
Sonido Cometa · Gran baile sonidero
- Próximamente
- Sonido
-
Solarpunk
Pip · Cooperativa solar de azoteas en Adelaida
- Próximamente
- Scroll
-
Lucha libre mexicana
Arena Pirules · Función dominical de lucha libre, CDMX
- Próximamente
- Se dibuja sola
-
Googie
Lucky Saucer · Autolavado con cafetería en Las Vegas
- Próximamente
- Se dibuja sola
-
Cine negro
Soft Pedal · Coctelería clásica y jazz, Loop de Chicago
- Próximamente
- Cursor
-
Brutalismo web
Oplata · Revista independiente de arquitectura, Dorćol (Belgrado)
- Próximamente
- Scroll
-
Carteles del cine de oro mexicano
Cine Cenzontle · Cineclub de barrio en Santa María la Ribera
- Próximamente
- Se dibuja sola
-
Cyberpunk
Last Spin · Torneo de estrategia en Ximending, Taipéi
- Próximamente
- Cursor
-
Puertas talladas swahili
Nakshi · Casa de huéspedes en Stone Town, Zanzíbar
- Próximamente
- 3D
- Scroll
-
Miniatura mogol y rajput
Bhapka · Casa de attar cerca de Johari Bazaar, Jaipur
- Próximamente
- Cursor
- Se dibuja sola
-
Caricatura de los años 30
Two-Beat Donuts · Donas y café en Logan Square, Chicago
- Próximamente
- Cursor
-
Pintura bajo vidrio senegalesa (suwer)
Neex · Taller y galería de souwer en Yoff, Dakar
- Próximamente
- Cursor
- Se dibuja sola
-
Tipografía cinética
Low Ceiling · Sala de música en vivo en Fitzroy, Melbourne
- Próximamente
- Cursor
- Se dibuja sola
-
Papel picado
Calandria Papel Picado · Taller de papel picado en San Salvador Huixcolotla, Puebla
- Próximamente
- Cursor
- Se dibuja sola
-
Cianotipia
Azul Ferro · Taller de cianotipia en el Bonfim, Oporto
- Próximamente
- Cursor
- Se dibuja sola
Ningún estilo coincide con tu búsqueda. Prueba con otra palabra o quita un filtro.
Cómo funciona
Elige un estilo
Abre su ficha para verlo en vivo, en computadora y en celular, con su paleta, sus tipografías y sus cuidados.
Descarga el HTML
Es un solo archivo, en español e inglés, que funciona en celular y sin errores. Cambias tu marca, tus textos y tus colores.
Publica
Súbelo tal cual a tu hosting. Si quieres ir más lejos, pega su prompt en tu IA con tus datos y obtienes tu propia versión.
Azulejo portugués
- Próximamente
- Se dibuja sola
La página de ejemplo
Azulejo Torto. Taller de azulejos pintados a mano en Graça, Lisboa.
La idea
El oficio del taller se vuelve la fachada: azulejos que se colocan y se pintan a pincel uno a uno, con la roseta del patrón repetida por todo el muro.
Qué probar
Espera cinco segundos a que el albañil coloque y pinte la fachada y llegue el sol de la tarde; luego busca el azulejo que el abuelo puso girado en 1952 y tócalo.
Para quién
Talleres de cerámica, interiorismo, hoteles y restaurantes
Paleta
Tipografías
Lusitana + Fira Sans
Cuidados del estilo
- Patrón 2×2, cenefa y medallón propios; ningún panel ni fachada real copiados.
- Sin escenas religiosas: el único dibujo figurativo es un azulejo torcido con su pincel.
- Azulejo y padrão como términos genéricos del oficio, sin marcas ni diseños de otras fábricas.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Trencadís
- Próximamente
- Se dibuja sola
- Cursor
La página de ejemplo
Els Bocins. Taller familiar de trencadís en Gràcia.
La idea
Los platos rotos de la familia se convierten en el anillo de trencadís que abraza el rótulo del taller, pegado pedazo a pedazo.
Qué probar
Mira cómo dos manos pegan el mosaico y luego pasa el cursor para que cada pedazo brille con su propio ángulo; toca uno para oírlo sonar a loza.
Para quién
Talleres de cerámica, mosaiquistas, interiorismo y hoteles
Paleta
Tipografías
Federo + Nunito
Cuidados del estilo
- Mosaico de forma propia, sin copiar obras de Gaudí ni de Jujol.
- El texto va sobre la placa lisa o la pared, nunca sobre el mosaico.
- Pedazos de tamaños distintos y zonas lisas para que el ojo descanse.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Atlas celeste
- Próximamente
- Scroll
La página de ejemplo
Southsight. App y salidas astronómicas, lago Tekapo.
La idea
La noche de Tekapo se convierte en una lámina de atlas grabada a buril que gira hora a hora alrededor del polo sur, con cada estrella en su lugar real.
Qué probar
Baja con el scroll para avanzar las horas de esta noche hasta el amanecer, y pulsa «Volver a ahora» para regresar al cielo de este momento.
Para quién
Apps, observatorios, turismo y astronomía
Paleta
Tipografías
EB Garamond + Pinyon Script
Cuidados del estilo
- Estrellas de un catálogo real en su posición calculada para Tekapo; figuras trazadas por nosotros, sin copiar láminas.
- Sin nombres ni saberes maoríes de las estrellas ni símbolos maoríes.
- Hemisferio sur: noviembre es primavera, y el texto útil tiene contraste AA.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Geometría islámica
- Próximamente
- Se dibuja sola
- Cursor
La página de ejemplo
Cal y Compás. Taller de arquitectura e interiores.
La idea
El método del taller (compás, retícula y pieza) se convierte en la pared que se traza sola detrás del texto.
Qué probar
Mira el compás trazar el patrón, cambia entre 8 y 12 puntas y sigue un lazo con el cursor.
Para quién
Arquitectura, cosmética y joyería
Paleta
Tipografías
Newsreader + Jost
Cuidados del estilo
- Patrones de trazo propio con compás y regla.
- Sin inscripciones ni caligrafía.
- Un método de muchos pueblos; no se le llama «árabe».
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Arte cinético latinoamericano
- Próximamente
- Cursor
La página de ejemplo
Ojo Andante. Festival de arte y tecnología en Caracas.
La idea
Tú, al moverte frente a la obra, te conviertes en el cursor que desfasa tres capas de líneas y mezcla colores nuevos.
Qué probar
Mueve el cursor o arrastra el dedo sobre la lámina: el ojo con patitas te dice qué color ve.
Para quién
Galerías, tecnología y festivales
Paleta
Tipografías
Syncopate + Hanken Grotesk
Cuidados del estilo
- Solo el principio óptico: ni copias ni menciones de obras de Cruz-Diez, Soto, Otero ni de nadie.
- Líneas de 3 a 6 px y menos de tres cambios de color por segundo, sin destellos.
- El texto nunca va sobre las líneas.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Alfombras persas
- Próximamente
- Se dibuja sola
- Cursor
La página de ejemplo
Gereh. Alfombras anudadas y restauración en Isfahán.
La idea
Cada nudo se convierte en un píxel, y la alfombra se teje sola renglón por renglón sobre la urdimbre hasta revelar su medallón.
Qué probar
Mira cómo se teje sola, luego pasa el cursor por la alfombra para peinarle el pelo, o pon otra en el telar desde «Ver alfombras».
Para quién
Tiendas de tapetes, hoteles, decoración y restaurantes
Paleta
Tipografías
Cormorant Garamond + Commissioner
Cuidados del estilo
- Diseños propios y simétricos; ninguna alfombra famosa (ni la de Ardabil) ni de un taller con nombre.
- Sin escritura persa en pantalla, solo nombres romanizados y comprobados; sin inscripciones, sin política y sin clichés orientalistas.
- El texto nunca va sobre la alfombra y cumple contraste AA.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Sashiko
- Próximamente
- Cursor
La página de ejemplo
Tsugime. Taller de remiendo visible en Kuramae, Tokio.
La idea
El roto de una rodilla se convierte en un lienzo de sashiko, y cada movimiento del cursor es una puntada que lo remienda a la vista.
Qué probar
Pasa el cursor sobre el denim para que la aguja siga cosiendo el remiendo, y cambia entre los patrones seigaiha, asanoha y shippō.
Para quién
Talleres de reparación, mezclilla, moda lenta y textiles
Paleta
Tipografías
Klee One + Commissioner
Cuidados del estilo
- Seigaiha, asanoha y shippō con su trazado tradicional y su nombre romanizado, sin caracteres japoneses de adorno.
- Ninguna marca real de denim; el texto va siempre sobre fondo liso, nunca sobre la tela.
- Se nombra el sashiko como la puntada corrida japonesa que nació para reforzar la tela.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Carteles psicodélicos
- Próximamente
- Cursor
- Sonido
La página de ejemplo
Wax Lantern. Discos y barra de escucha en Haight Street.
La idea
El nombre de la tienda se vuelve cera de colores que llena una linterna, y tu cursor es el calor que la derrite y la hace respirar.
Qué probar
Pasa el cursor o el dedo sobre las letras para derretirlas y pulsa «Poner la aguja» para que respiren al ritmo.
Para quién
Tiendas de discos, conciertos, festivales y cervecerías
Paleta
Tipografías
Kavoon + Outfit
Cuidados del estilo
- Letras, linterna y polilla dibujadas por nosotros: ningún cartel, banda ni sala real.
- Fecha, hora, precio y botones van en un volante sólido con contraste AA; solo el título juega.
- Sin destellos: los anillos avanzan despacio y todo queda quieto con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Cromo ácido 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Soft Metal. Streetwear reflejante en Seúl, tiradas de 200 piezas.
La idea
Gotas de cromo líquido que se funden con brillos lima y ultravioleta.
Qué probar
Acerca el cursor para estirar el cromo y haz clic o pulsa Enter para soltar otra gota (hasta 9).
Para quién
Marcas de ropa, sellos de música electrónica, clubes, tecnología y lanzamientos
Paleta
Tipografías
Michroma + Space Mono
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Art Déco
- Próximamente
- Cursor
La página de ejemplo
Fanlight. Salón de cócteles en South Beach.
La idea
El brindis de gala del bar se convierte en un sol de latón que sale sobre el horizonte del mar, detrás del nombre, y que tú iluminas con el cursor.
Qué probar
Mueve el cursor (o el dedo) sobre el abanico para ver el reflejo del metal y prueba el formulario de reserva.
Para quién
Bares, hoteles, bodas y joyerías
Paleta
Tipografías
Poiret One + Josefin Sans
Cuidados del estilo
- El dorado es acento, cerca del 10 % de la superficie; nunca fondo.
- El metal lleva degradados de cuatro paradas, nunca amarillo plano.
- Motivos propios: ningún hotel ni edificio real de Miami Beach, tampoco los de Ocean Drive.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Gótico y vitrales
- Próximamente
- Scroll
- 3D
La página de ejemplo
Glasroos. Taller de vitrales en Brujas.
La idea
Cada vidrio de la muestra se convierte en el vitral entero, y su color es la luz que deja caer sobre la piedra mientras avanza la tarde.
Qué probar
Baja con el scroll para que el sol avance de las 13:00 a las 18:00, y elige otro vidrio (Kobalt, Robijn o Woud) para cambiar el vitral.
Para quién
Vitralistas, restauradores, artesanos, vinos y discos
Paleta
Tipografías
Marcellus + Alegreya Sans
Cuidados del estilo
- Sin escenas religiosas ni copias de iglesias, vitrales o rosetones reales de Brujas.
- El texto siempre va en un panel sólido, nunca sobre el vidrio.
- Romana de inscripción, no letra gótica.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Art Nouveau
- Próximamente
- Se dibuja sola
La página de ejemplo
La Volute. Florería en Ixelles, Bruselas.
La idea
La enredadera de la florería se convierte en el marco de la página, y las flores que eliges para tu ramo florecen en ella.
Qué probar
Espera a que la enredadera se trace y florezca, acerca el cursor a la libélula y compón un ramo para verlo florecer en el marco.
Para quién
Florerías, cosmética natural, editoriales y bodas
Paleta
Tipografías
Amarante + Alegreya
Cuidados del estilo
- El ornamento enmarca: ninguna rama ni flor toca el texto.
- Motivos propios, sin carteles de Mucha, entradas de Guimard, casas de Horta ni joyas o vitrales reales.
- Letra decorativa solo en títulos grandes y contraste AA sobre el papel marfil.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Manuscritos iluminados
- Próximamente
- Cursor
La página de ejemplo
Hare & Quill. Editorial independiente de libros ilustrados, Dublín.
La idea
El próximo libro de la editorial se convierte en una página iluminada: su capitular es oro bruñido que refleja tu lámpara y sus márgenes se llenan de criaturas mientras lees.
Qué probar
Pasa el cursor sobre la capitular y por el texto: el oro sigue tu luz y las criaturas despiertan en los márgenes; reserva un ejemplar para ver tu exlibris.
Para quién
Editoriales, escritores, cervecerías y juegos de rol
Paleta
Tipografías
Uncial Antiqua + Crimson Pro
Cuidados del estilo
- Capitular, orla y márgenes dibujados desde cero, sin copiar el Libro de Kells ni ningún códice: ni nudos celtas ni tréboles de cliché.
- Contenido secular y sin latín inventado: solo «ex libris», bien usado.
- Uncial solo en título y capitulares; el texto va en letra de libro con contraste AA.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Arquitectura de barro del Sahel
- Próximamente
- 3D
- Se dibuja sola
La página de ejemplo
Paume & Toron. Estudio de arquitectura en tierra, Ségou.
La idea
Los toron se convierten en las agujas de un reloj de sol: su sombra sobre el muro alisado a mano marca la hora real de Ségou.
Qué probar
Mueve el sol con el deslizador o arrastrando sobre la casa para ver cómo la luz rasante revela las huellas de las manos y las sombras de los toron giran del amanecer a la tarde.
Para quién
Arquitectura sustentable, hoteles, cerámica y café
Paleta
Tipografías
Unbounded + Manrope
Cuidados del estilo
- Casa inventada de una sola tradición maliense, sin copiar la Gran Mezquita de Djenné ni otro edificio real.
- El barro como técnica sofisticada y viva, sin miradas exotizantes.
- El enlucido comunitario de cada temporada aparece con respeto en la definición de toron.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Tropicália
- Próximamente
- Cursor
- Sonido
La página de ejemplo
Vitrine Mordida. Colectivo musical, noche de disco, São Paulo.
La idea
La postal del trópico se vuelve un collage de papel recortado que se derrite bajo el cursor y que una boca de papel muerde al ritmo del surdo.
Qué probar
Pasa el cursor sobre el título para derretirlo y prende el sonido para que el disco gire y la boca mastique la postal al ritmo.
Para quién
Músicos, bares, moda y festivales
Paleta
Tipografías
Shrikhand + DM Sans
Cuidados del estilo
- Ni loros ni palmeras, ni playa ni carnaval: la ironía va contra la postal y el consumo.
- Sin portadas, fotos, letras ni nombres de artistas reales, ni obras de Oiticica.
- Texto sobre tinta lisa con contraste AA; el título siempre vuelve a leerse.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Porcelana azul y blanca
- Próximamente
- Se dibuja sola
La página de ejemplo
La Cobaltera. Taller de talavera en el centro de Puebla.
La idea
El oficio del taller se vuelve el hero: un plato que gira lento mientras el cobalto se pinta en cuatro lavados, del más claro al más hondo, bajo un vidriado que deja quieto el reflejo de la ventana.
Qué probar
Deja que el plato se pinte solo; luego reserva una visita al taller y, al cerrar la confirmación, mira el pez que aparece en el agua del plato.
Para quién
Talleres de cerámica, tiendas de artesanía, galerías y hoteles boutique
Paleta
Tipografías
Noto Serif Display + Noto Sans
Cuidados del estilo
- Motivos propios (ramas en flor, nubes, oleaje, una nao y un pez), sin dragones imperiales ni caracteres chinos.
- La talavera se cuenta por su proceso real (dos barros, esmalte de estaño y cobalto), sin presumir certificaciones ni copiar piezas de otros talleres.
- El plato no copia ninguna pieza de museo y el dato del Galeón de Manila está verificado.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Cassette futurism
- Próximamente
- Sonido
- 3D
La página de ejemplo
Pinch Roller. Estudio de grabación analógica en East Nashville.
La idea
El estudio se vuelve su propia máquina: el hero es el panel frontal del Mnemograph M-86, que suena al presionar PLAY (el rodillo de presión que da nombre al estudio aprieta la cinta) y aparta sesiones en su pantalla ámbar.
Qué probar
Presiona PLAY para oír la demo con los carretes y las agujas en marcha, STOP para escuchar cómo frena la cinta y RESERVAR SESIÓN para apartar una hora en la pantalla.
Para quién
Músicos, tecnología, estudios y videojuegos
Paleta
Tipografías
Michroma + Share Tech Mono
Cuidados del estilo
- Máquina y estudio inventados: nada de interfaces de Alien o Blade Runner, ni equipos de marcas reales, ni estudios o músicos reales de Nashville.
- Rótulos en grafito sobre beige y fósforo ámbar con contraste AA; el brillo solo va en titulares y datos cortos.
- Suena solo al presionar una tecla, a volumen moderado, y la cinta se pausa al ocultar la pestaña.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Memphis
- Próximamente
- Cursor
La página de ejemplo
Ghirigoro. Heladería de autor en Isola, Milán.
La idea
Cada sabor se vuelve un laminado Memphis con su color y su trama, y tu cono se dibuja con figuras que esquivan el cursor y regresan a su lugar.
Qué probar
Pasa el cursor o el dedo por las figuras, arma tu cono con dos sabores y deja el cursor quieto sobre la bola de arriba hasta que gotee.
Para quién
Heladerías, tiendas de diseño y marcas juveniles
Paleta
Tipografías
Bagel Fat One + Rubik
Cuidados del estilo
- Formas y tramas propias: ningún mueble ni patrón del grupo Memphis, y ni su nombre ni el de sus diseñadores en la marca.
- El texto siempre va sobre fondo liso con contraste AA; las figuras solo viven en la escena.
- Con movimiento reducido, la composición queda quieta.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Wabi-sabi y kintsugi
- Próximamente
- Se dibuja sola
- 3D
La página de ejemplo
Mossmend. Taller de cerámica y kintsugi en Portland.
La idea
Cada grieta del cuenco se convierte en una veta de oro que atrapa la luz de una ventana de Portland: lo roto es lo que más brilla.
Qué probar
Mira cómo las grietas se llenan de oro una por una, arrastra el cuenco para girarlo y dale un toque para oír cómo suena una pieza reparada.
Para quién
Ceramistas, spas, té y restaurantes de autor
Paleta
Tipografías
Shippori Mincho + Zen Kaku Gothic New
Cuidados del estilo
- Explica que la urushi fresca puede causar alergia y ofrece la resina solo para piezas de adorno, sin prometer seguridad alimentaria.
- El kintsugi se presenta como oficio japonés que la maestra aprendió en un taller de laca de Kioto; sin caracteres japoneses, bambú, ensō ni estereotipos.
- El oro vive solo en las vetas: la grieta es reparación, no adorno.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Risografía
- Próximamente
- Cursor
La página de ejemplo
Skewiff Press. Risografía y fanzines en Brunswick, Melbourne.
La idea
El cursor se convierte en el tambor de la duplicadora: cada tinta del cartel se corre por su lado y, al volver a su registro, sale una copia nueva que nunca es igual.
Qué probar
Pasa el cursor rápido sobre el cartel para correr las tintas y, en «Cotizar una impresión», apaga tintas para reimprimirlo.
Para quién
Imprentas, fanzines, editoriales y festivales
Paleta
Tipografías
Bricolage Grotesque + IBM Plex Mono
Cuidados del estilo
- Tintas planas que se sobreimprimen y tramas de puntos, sin degradados ni sombras suaves.
- El texto pequeño va en una sola tinta con contraste AA; el desregistro nunca lo duplica.
- Sin marcas de máquinas ni arte o símbolos aborígenes como adorno.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Synthwave
- Próximamente
- Sonido
- 3D
La página de ejemplo
Freeway Coyote. Fiesta de lanzamiento de EP, Los Ángeles.
La idea
El nombre del EP, Wireframe Ridge, se vuelve una cresta de montañas de neón en el horizonte, y el tempo de la pista se vuelve la velocidad de la carretera.
Qué probar
Prende el sonido: la retícula avanza un cuadro por tiempo, el sol late con el bombo y, a la mitad de la pista, entra la melodía.
Para quién
Productores, DJs, videojuegos y eventos nocturnos
Paleta
Tipografías
Mr Dafoe + Orbitron
Cuidados del estilo
- Pista, melodía y progresión originales hechas en código, sin parecerse a ninguna canción real.
- Sin autos, logos, carteles de los 80 ni portadas de artistas synthwave reales; el dúo y la sala son inventados.
- Texto de lectura sin neón y con contraste AA; el sol late suave, sin destellos.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Letreros de neón
- Próximamente
- Se dibuja sola
- Cursor
La página de ejemplo
Siu Yeh. Fideos con wonton de madrugada, Sham Shui Po.
La idea
El vapor del caldo se vuelve tubo de vidrio con gas, encendido en la madrugada de Hong Kong y reflejado en la acera mojada.
Qué probar
Espera a que el letrero se encienda tubo por tubo y luego pasa el cursor o toca un tubo para oírlo zumbar.
Para quién
Restaurantes nocturnos, bares y tiendas de barrio
Paleta
Tipografías
Tilt Neon + Hanken Grotesk
Cuidados del estilo
- Nunca más de dos destellos por segundo; con movimiento reducido, encendido y quieto.
- El texto va en una pizarra lisa, nunca sobre el resplandor.
- Letrero inventado y solo en letras latinas, sin caracteres chinos de adorno ni copias de letreros reales.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Vidrio líquido
- Próximamente
- Cursor
La página de ejemplo
Waterpas. App de finanzas para freelancers en Ámsterdam.
La idea
Cada euro que apartas se convierte en una gota de vidrio líquido que se desprende de tu cobro y se funde con su tarjeta.
Qué probar
Pasa el cursor sobre la vista previa hasta que la lente se funda con las placas, y calcula lo que apartas de IVA y renta para ver caer la gota.
Para quién
Apps, startups, finanzas y tecnología
Paleta
Tipografías
Onest
Cuidados del estilo
- Cristal, formas y composición propios: nada de íconos, fondos ni controles de Apple.
- Todo el texto va en paneles sólidos con contraste AA; el vidrio solo pasa sobre la vista previa.
- Cifras marcadas como ejemplo y sin promesas: el simulador es una ayuda para organizarse, no asesoría fiscal.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Clay 3D
- Próximamente
- 3D
- Cursor
La página de ejemplo
Amasa. App de hábitos amable con mascota de plastilina.
La idea
Cada hábito se convierte en un pellizco de plastilina de color que Plof se pega en el cuerpo y que lo hace crecer.
Qué probar
Toca las figuras para que reboten, mueve el cursor para que Plof te siga con la mirada y elige un hábito para que su objeto salte al frente.
Para quién
Apps, educación, salud y marcas amables
Paleta
Tipografías
Fredoka + Nunito
Cuidados del estilo
- Mascota propia: una gota lavanda con huella de pulgar, sin parecido a mascotas de apps ni a personajes de estudios de plastilina.
- Sin promesas de salud ni cifras: solo sugerencias pequeñas para empezar.
- Todo el texto en tinta oscura sobre crema o pastel, con contraste AA.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Y2K
- Próximamente
- Cursor
- 3D
La página de ejemplo
Bubbla Records. Disquera de pop independiente, Estocolmo.
La idea
El sencillo “Chrome Cherry” se convierte en una gota de mercurio que refleja tu cursor como la luz del estudio, y el color del vinilo que eliges tiñe sus reflejos.
Qué probar
Mueve el cursor sobre la gota y el título para mover la luz, haz clic en el cromo para salpicarlo y cambia el color del vinilo.
Para quién
Disqueras, moda, belleza y marcas juveniles
Paleta
Tipografías
Michroma + Sora
Cuidados del estilo
- Cromo, burbujas y sello dibujados con código, sin logos, productos ni interfaces reales de la época.
- El texto siempre va sobre fondos lisos; el cromo solo en el título, con contorno grafito.
- Disquera, artista, sencillo y club inventados; ningún sello, estudio ni productor real.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Dark academia
- Próximamente
- Cursor
La página de ejemplo
The Chamberstick. Librería de viejo en Marchmont, Edimburgo.
La idea
El cursor es una vela: su luz cálida despierta los lomos dorados y deja leer las notas a lápiz que otros lectores dejaron en los márgenes.
Qué probar
Mueve el cursor (o toca la estantería) para llevar la vela hasta las tarjetas y los papeles, y anótate al club para ver tu nombre en la lista del escritorio.
Para quién
Librerías, cursos, cafés y editoriales
Paleta
Tipografías
Cormorant Garamond + Crimson Pro
Cuidados del estilo
- Sin escudos, lemas, universidades reales ni sagas famosas: libros, autores y editoriales inventados.
- Tono abierto: club gratis, libros prestados y una mesa desde 2 £.
- Todo el texto de la interfaz va sobre paneles lisos con contraste AA.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Bojagi
- Próximamente
- Cursor
La página de ejemplo
Sallang. Casa de té coreana en Jeonpo-dong, Busan.
La idea
El bojagi con que la casa envuelve sus regalos se convierte en la ventana de la tarde, y cada retazo tiñe la luz del color de un té.
Qué probar
Pasa el cursor o el dedo por la tela para empujarla como la brisa del mar y mira cómo se mueven las costuras y la luz de colores en la mesa; en la carta, cada té enciende su retazo.
Para quién
Casas de té, textiles, regalos y bodas
Paleta
Tipografías
Hahmlet + Figtree
Cuidados del estilo
- Composición de retazos propia, sin copiar bojagi de museo ni llamarlo “el Mondrian coreano”.
- Un solo hangul, 보자기, verificado y explicado; nada de templos, K-pop ni hanbok.
- El texto va sobre el muro liso o en paneles de lino, nunca sobre la tela.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Arts and Crafts
- Próximamente
- Se dibuja sola
La página de ejemplo
Mallet & Quire. Papel tapiz estampado y encuadernación, Walthamstow.
La idea
La pantalla se convierte en el rollo que se estampa a mano: cada bloque de peral baja, deja un color con su textura y se levanta hasta cubrir la pared.
Qué probar
Mira cómo la pared se imprime sola bloque a bloque al cargar; luego pulsa «Volver a imprimir» o elige Granza, Índigo o Gualda para que baje un rollo nuevo y se estampe otra vez.
Para quién
Encuadernadores, papel tapiz, textiles y editoriales
Paleta
Tipografías
Goudy Bookletter 1911 + Cardo
Cuidados del estilo
- Patrón propio, «Hip & Haw», dibujado con código: ningún diseño histórico copiado y sin usar «Morris» como marca.
- El repeat casa en sus cuatro bordes, comprobado píxel a píxel.
- El texto va en una página lisa y una etiqueta, nunca sobre el patrón.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Papel marmoleado (ebru)
- Próximamente
- Cursor
La página de ejemplo
Su Defteri. Ebru y encuadernación en Kadıköy, Estambul.
La idea
La pantalla se vuelve una tekne de ebru: el cursor es el punzón y cada hoja que sacas forra un cuaderno cosido a mano.
Qué probar
Haz clic en el agua para dejar caer pintura, arrastra para peinarla y saca el papel para verla convertida en la tapa de tu cuaderno.
Para quién
Encuadernadores, papelerías, moda y cosmética
Paleta
Tipografías
Gloock + Albert Sans
Cuidados del estilo
- Patrones del oficio (battal, gelgit, şal, bülbül yuvası, lale) hechos en vivo por un motor propio; sin caligrafía ni textos árabes.
- Sin mezquitas ni Bósforo de postal: Estambul está en la dirección, el muelle y la gata del taller.
- Turco con sus letras (ğ, ş, ı, İ, ç, ö, ü) en tipografías que las tienen.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Neo-esqueuomorfismo
- Próximamente
- Cursor
- 3D
La página de ejemplo
Solsort. App de diario privado en Copenhague.
La idea
El diario de la app se vuelve un cuaderno de cuero de verdad sobre un escritorio de lino, y tu cursor es la lámpara que revela su relieve.
Qué probar
Mueve el cursor para llevar la lámpara por el cuero y el lino, pulsa «Abrir el diario» para que la tapa gire en 3D y escribe tu tercera línea del día.
Para quién
Apps de notas, música, herramientas y productos premium
Paleta
Tipografías
Familjen Grotesk + Caveat
Cuidados del estilo
- Cuero, lino, papel con fibra, costura y relieve dibujados con código; nada copiado de apps reales.
- Realismo que se usa: la tapa se abre, la lámpara es un interruptor y escribes sobre el papel; texto AA medido con la lámpara encendida y apagada.
- Entradas de ejemplo ligeras (bici, llovizna, un chapuzón en el puerto); nada íntimo.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Diorama 3D
- Próximamente
- 3D
- Scroll
La página de ejemplo
Ključ in kocka. Escape room medieval en Trnovo, Liubliana.
La idea
El escape room se convierte en un castillo de juguete que se arma pieza por pieza sobre la mesa de juego, y la llave del escudo es la que abre su puerta.
Qué probar
Baja para ver cómo el castillo se desarma y vuelve a caer sección por sección hasta que baja el puente levadizo, o usa «Abrir la puerta».
Para quién
Escape rooms, juegos de mesa, videojuegos, juguetes y maquetas
Paleta
Tipografías
Grenze + Figtree
Cuidados del estilo
- El castillo es un juguete genérico, no el castillo real de Liubliana.
- Heráldica neutra: una llave de oro sobre rojo, sin cruces ni escudos reales.
- Nombres de las salas en esloveno correcto, con su traducción al lado.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Toon 3D (cel-shading)
- Próximamente
- 3D
- Cursor
La página de ejemplo
Témpano Dulce. Heladería artesanal en Punta Arenas.
La idea
La leyenda del calafate se convierte en Lucho, un pingüino de Magallanes en cel-shading que sostiene el sabor del día sobre su témpano.
Qué probar
Elige el sabor del día para recolorear a Lucho, su témpano y su vasito; pasa el ratón para que te mire, arrástralo para girarlo o pídele que baile.
Para quién
Heladerías, marcas infantiles, videojuegos y apps
Paleta
Tipografías
Londrina Solid + Figtree
Cuidados del estilo
- Lucho es un pingüino de Magallanes original, con su banda de herradura en el pecho; no se parece a ningún pingüino famoso.
- Hemisferio sur: ningún texto dice que ahora es invierno; la nieve es solo ambiente.
- Precios en pesos chilenos sin decimales y horario con la hora de Punta Arenas.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Producto 3D: vidrio emplomado
- Próximamente
- 3D
- Scroll
La página de ejemplo
Kobberlys. Taller de vidrio emplomado en Bergen.
La idea
La lámpara de vidrio emplomado se convierte en una medusa que se enciende sola en un cuarto oscuro y deja caer charcos de luz de colores sobre la mesa y la pared.
Qué probar
Espera a que la lámpara tire de su cadena, baja con el scroll para rodearla y abre la vista explotada para ver sus piezas.
Para quién
Tiendas de diseño, lámparas, joyería y decoración
Paleta
Tipografías
Fraunces + Karla
Cuidados del estilo
- Se dice «vidrio emplomado» y «técnica de lámina de cobre», sin nombres de artistas ni de marcas reales.
- El vidrio encendido conserva sus tonos de joya: el resplandor es moderado y solo en lo que brilla.
- El texto va en la parte oscura del cuarto, nunca sobre el vidrio.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Escultura 3D de museo
- Próximamente
- 3D
- Cursor
La página de ejemplo
Isglans Kunsthall. Exposición temporal de escultura en Tromsø.
La idea
La página se convierte en la sala del fondo de un museo: un oso polar de mármol con toga imperial bajo una sola luz cenital, y el cursor es la linterna del visitante que recorre la talla con luz rasante.
Qué probar
Mueve el cursor sobre la sala para pasear la luz por el mármol, arrastra la obra para girarla y baja con el scroll para verla de perfil.
Para quién
Museos, galerías, exposiciones, fundaciones culturales y marcas de lujo
Paleta
Tipografías
Cormorant Garamond + Jost
Cuidados del estilo
- Mármol marfil con sombras suaves, sin lavarse a blanco.
- El busto completo con su peana siempre cabe junto al texto, en cualquier pantalla.
- Humor solo en la cartela y su aviso; el resto del texto es serio y útil.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Jugable: arma tu ramo
- Próximamente
- Cursor
La página de ejemplo
Ruiker. Florería de temporada, De Pijp, Ámsterdam.
La idea
La mesa del florista se convierte en el configurador: eliges tallos de los cubos de zinc, el ramo crece en espiral girando en la mano como lo hace un florista, y la etiqueta kraft lleva la cuenta en euros hasta que lo atas con papel y cinta.
Qué probar
Toca o arrastra tallos desde los cubos hasta el ramo, arrastra el ramo (o usa las flechas) para girarlo, pulsa «Atar con cinta» y guarda tu ramo como lámina PNG o pídelo.
Para quién
Florerías, viveros, regalos, pastelerías y productos por piezas
Paleta
Tipografías
Young Serif + Newsreader
Cuidados del estilo
- Solo flores de otoño; los tulipanes aparecen únicamente como guiño («en abril») en el cubo del gato.
- De Pijp sin dirección exacta, sin teléfono y con precios en EUR y horario en hora de Ámsterdam.
- El ramo de la casa, sus precios y el botón de pedido se ven sin jugar, sin JavaScript y con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Juguetes de hojalata 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Blech & Feder. Juguetería artesanal de hojalata y madera en Núremberg.
La idea
Un carrusel de hojalata litografiada con llave de cuerda que gira como una cajita de música.
Qué probar
Gira la llave en círculo con el cursor o pulsa «Dar cuerda»; activa la melodía para oírlo.
Para quién
Jugueterías, tiendas de regalo, restauradores, museos y marcas nostálgicas
Paleta
Tipografías
Righteous + Fredoka
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Tablero de ajedrez 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Navak Chess Café. Café de ajedrez en el distrito Kentron de Ereván, Armenia.
La idea
Un tablero de madera 3D bajo una lámpara colgante, con café humeante y una apertura que se juega sola.
Qué probar
Haz clic en una pieza y luego en una casilla, o usa las flechas y Enter; R reinicia el tablero.
Para quién
Cafés, clubes de juegos, escuelas, bares de mesa y marcas de ocio
Paleta
Tipografías
Spectral SC + Schibsted Grotesk
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Gominolas 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Darra Godis. Golosinas a granel y gominolas artesanas en Gotemburgo.
La idea
Un cuenco de cristal lleno de gominolas translúcidas en cinco formas que tiemblan como gelatina.
Qué probar
Haz clic en una gominola para aplastarla, arrástrala para lanzarla o pulsa «Sacudir cuenco».
Para quién
Tiendas de golosinas, pastelerías, heladerías, marcas infantiles y fiestas
Paleta
Tipografías
Bagel Fat One + Onest
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Batik
- Próximamente
- Se dibuja sola
La página de ejemplo
Banyu Nila. Taller de batik en Prawirotaman, Yogyakarta.
La idea
La página es una tela de algodón que se tiñe en baños de añil y sogan, y la cera guarda el titular y los motivos del color que tenían antes.
Qué probar
Mira cómo el canting escribe el titular con cera y la tela se tiñe sola; luego arrastra el cursor sobre ella para trazar tu propia línea de cera y haz clic en “Volver a teñir”.
Para quién
Moda, textiles, spas y marcas artesanales
Paleta
Tipografías
Fraunces + Plus Jakarta Sans
Cuidados del estilo
- Motivos propios del patio (suimangas, hibiscos, enredaderas); ningún motivo clásico con nombre ni de los reservados al palacio.
- El proceso de reserva con cera es el protagonista y se explica paso a paso: no es un estampado.
- Sin palacio ni símbolos religiosos; el batik indonesio aparece como patrimonio de la UNESCO (2009).
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Escuela polaca del cartel
- Próximamente
- Se dibuja sola
La página de ejemplo
Teatr Latarnia. Teatro independiente en Praga-Północ, Varsovia.
La idea
El refrán polaco «Wróbel w garści» se vuelve un pájaro cuya ala izquierda es una mano y la derecha, plumas: dos hermanas que no se ponen de acuerdo.
Qué probar
Espera a que el cartel se pinte solo en gouache, mueve el cursor para que el pájaro te siga con el ojo y reserva entradas para una función.
Para quién
Teatros, festivales y cineclubes
Paleta
Tipografías
Londrina Solid + Libre Franklin
Cuidados del estilo
- Imagen y letra propias: no copia ni evoca carteles concretos de la escuela polaca.
- Metáfora e ironía, sin violencia gráfica ni cuerpos desnudos.
- La letra pintada es solo el título; fechas, lugar y precios van en texto legible.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Mashrabiya
- Próximamente
- 3D
La página de ejemplo
Lattice & Lime. Hotel boutique en al-Gamaliya, El Cairo.
La idea
La celosía del cuarto se convierte en un reloj de sol: el dibujo de luz que proyecta camina por el piso y marca la hora de El Cairo.
Qué probar
Mueve la cuenta del sol en el riel de arriba o arrastra sobre el cuarto para ver cómo la luz de la celosía cruza y se estira por el piso de la mañana a la tarde.
Para quién
Hoteles, restaurantes, spas y arquitectura
Paleta
Tipografías
El Messiri + Tajawal
Cuidados del estilo
- Celosía y patrón inventados, sin copiar mashrabiyas de edificios reales.
- Sin texto árabe, sin inscripciones religiosas ni clichés orientalistas.
- Todo el texto va sobre paneles lisos, nunca sobre la celosía.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Jugable: configurador de producto
- Próximamente
- Cursor
La página de ejemplo
Kerbcut. Tienda y taller de patinetas, Woodstock, Ciudad del Cabo.
La idea
La pared de cemento del taller se convierte en el configurador: la tabla cuelga grande, gira en 2.5D y cada pieza que eliges en la hoja de taller encaja con un rebote, con el precio en rand al momento.
Qué probar
Elige ancho, gráfico, lija, ejes, ruedas y extras en la hoja de taller, arrastra la tabla para darle la vuelta, pulsa «Probarla: un ollie» y descarga tu diseño en PNG.
Para quién
Tiendas de skate, bicis, ropa, muebles, joyería y todo lo personalizable
Paleta
Tipografías
Bricolage Grotesque + Permanent Marker
Cuidados del estilo
- Gráficos, nombres y piezas propios: ninguna marca real de tablas, ruedas, ejes ni lijas.
- Precio total y catálogo completo visibles también sin JavaScript; nada se cobra en la página.
- Todo funciona con teclado y con el dedo, y con movimiento reducido el ollie se ve como una imagen quieta.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Ferrofluido 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Igła Audio. Altavoces artesanales y reparación en Kazimierz, Cracovia.
La idea
Un plato de ferrofluido que levanta púas siguiendo a un imán y late con el bajo.
Qué probar
Mueve el cursor para desplazar el imán; pulsa «Reproducir demo» o la barra espaciadora para oír el bajo.
Para quién
Tiendas de audio, estudios de sonido, marcas de música y tecnología
Paleta
Tipografías
Syncopate + Manrope
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Gemas talladas 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Maison Facette. Joyería de autor en plata y piedras de color en Lyon.
La idea
Una piedra facetada en un bisel de plata sobre terciopelo, con destellos que siguen la luz.
Qué probar
Arrastra para girar la piedra, mueve el cursor para cambiar la luz y elige otra piedra en el panel.
Para quién
Joyerías, relojerías, marcas de lujo, perfumerías y regalos
Paleta
Tipografías
Bodoni Moda + Jost
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Alambre de latón 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Ein Faden. Lámparas y objetos de latón doblados a mano en Zúrich.
La idea
Una lámpara hecha de un solo alambre de latón que se dibuja sola y proyecta su sombra.
Qué probar
Arrastra para girar la lámpara, mueve el cursor para mover la luz o pulsa «Repetir el dibujo».
Para quién
Estudios de diseño, iluminación, galerías, arquitectura y marcas minimalistas
Paleta
Tipografías
Newsreader + Inter Tight
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Ukiyo-e
- Próximamente
- Se dibuja sola
La página de ejemplo
Asanagi Hanga. Taller de grabado en madera en Shimizu, Shizuoka.
La idea
El oficio del taller se vuelve la portada: una estampa que se imprime bloque por bloque, color por color, frente a la bahía de Shimizu.
Qué probar
Mira la estampa imprimirse en seis bloques y vuelve a imprimirla. Al final asoma un camarón sakura de la bahía de Suruga; luego reserva una clase y elige qué tallar.
Para quién
Talleres de grabado, galerías, papelerías, viajes y estudios de tatuaje
Paleta
Tipografías
Yuji Syuku + Kaisei Opti
Cuidados del estilo
- Ni un solo carácter japonés, chino o coreano.
- Sin el sol con rayos rojos: el amanecer es un degradado.
- El Fuji es un dibujo propio, pequeño y lejano; nada copiado de Hokusai ni de Hiroshige.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Fileteado porteño
- Próximamente
- Se dibuja sola
La página de ejemplo
Café La Cotorra. Café de barrio en San Telmo.
La idea
El cartel de la vidriera se pinta solo en el orden de un fileteador (filetes, color, sombra y luz), con el pocillo humeante y dos cotorras enfrentadas en el eje.
Qué probar
Mira cómo el filete se pinta solo alrededor de la frase y pulsa “Volver a pintar” para repetirlo con otros colores.
Para quién
Cafés, barberías y cervecerías
Paleta
Tipografías
Grenze Gotisch + Alegreya Sans
Cuidados del estilo
- Ornamento y frase originales: sin calcar obras, fileteadores conocidos ni frases de colectivo.
- Respeta el sistema: simetría en espejo, volutas que nacen del eje y luz de un solo lado.
- Sin tango de postal ni gauchos: un café de barrio con su pocillo y sus cotorras.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Bauhaus
- Próximamente
- Scroll
La página de ejemplo
lotrecht. Taller-escuela de diseño y arquitectura, Moabit (Berlín).
La idea
Las tres formas del logotipo son la primera lección: el cuadrado ordena el titular, el círculo marca la fecha de inicio y la plomada que da nombre a la escuela señala el botón.
Qué probar
Baja con el scroll para que el círculo, el cuadrado y el triángulo dejen el logotipo y armen la portada, y roza el hilo de la plomada con el cursor.
Para quién
Arquitectura, escuelas y agencias
Paleta
Tipografías
Jost + Work Sans
Cuidados del estilo
- Composición propia: ningún cartel ni pieza histórica copiada, y el nombre no usa la marca «Bauhaus».
- Cada forma ordena o señala algo real; ninguna es decoración.
- Retícula visible de 12 columnas y tipografía en minúsculas.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Washi y origami
- Próximamente
- 3D
La página de ejemplo
Ichimai. Papelería de papel hecho a mano, Kioto.
La idea
Una sola hoja de kozo se convierte en el escaparate: el pliegue Miura la cierra y la abre en un solo gesto, y la luz rasante descubre sus fibras.
Qué probar
Arrastra el papel o mueve el control para plegarlo y desplegarlo, y pasa el cursor para mover la luz rasante sobre las fibras.
Para quién
Papelerías, educación y lanzamientos
Paleta
Tipografías
Shippori Mincho + M PLUS Rounded 1c
Cuidados del estilo
- Una sola hoja, sin cortes ni pegamento: el pliegue Miura se simula como origami rígido real.
- Washi de kozo, gampi y mitsumata de talleres familiares de todo Japón; el del taller es kozo de Kurotani, al norte de Kioto.
- Sin templos ni santuarios reales, grullas de adorno, geishas, sol con rayos ni caracteres japoneses.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Arte de camiones del sur de Asia
- Próximamente
- Cursor
La página de ejemplo
Roadside Rose. Food truck punjabi en Southall, Londres.
La idea
El frente pintado del camión es el letrero de la familia, y tu cursor es la luz de la noche que enciende cada espejito y cada cinta reflejante.
Qué probar
Pasa el cursor por el camión: los espejitos destellan según dónde está tu luz, la cinta reflejante se enciende y las cadenas se mecen al rozarlas.
Para quién
Food trucks, restaurantes y moda
Paleta
Tipografías
Rozha One + Alegreya Sans
Cuidados del estilo
- Sin escrituras del sur de Asia ni frases de camiones reales: el rótulo del parachoques es propio.
- Sin símbolos religiosos: solo flores, loros, espejitos y el canal de Southall.
- El texto va siempre sobre crema liso; la decoración vive en los marcos y en el camión.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Obangsaek y dancheong
- Próximamente
- Se dibuja sola
La página de ejemplo
Cheoma. Taller de dancheong en Seongsu, Seúl.
La idea
El encargo se arma en tres pasos, como se pinta un alero de dancheong: calco del patrón, estarcido y color, de lo más claro a lo más oscuro.
Qué probar
Mira cómo el alero se pinta solo rumbo por rumbo, pulsa «Pintar otra vez» para repetirlo y elige qué quieres pintar para armar tu encargo.
Para quién
Talleres de oficio, restauración, arquitectura y estudios
Paleta
Tipografías
Gowun Batang + Gowun Dodum
Cuidados del estilo
- Patrones geométricos propios, sin lotos, dragones ni motivos de templo.
- Ningún alero, palacio ni templo real copiado; los cinco colores en su orden cardinal.
- Pigmentos y pasos del oficio contados sin exagerar; el único hangul es 처마 (alero), comprobado.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Estilo suizo
- Próximamente
- Scroll
La página de ejemplo
Saal Pendel. Sala de cámara en Klybeck, Basilea.
La idea
El compás de cada obra se convierte en una cronofotografía: la punta de la batuta retratada con un destello cada doceavo de segundo, con la regularidad de un péndulo.
Qué probar
Baja con el scroll para que la retícula se trace, los textos salten de columna en columna y la foto se exponga destello por destello; luego elige otro compás.
Para quién
Estudios de diseño, consultoras y museos
Paleta
Tipografías
Archivo
Cuidados del estilo
- Composición propia: nada del Stadtcasino ni de carteles de Müller-Brockmann o de la escuela de Basilea.
- Retícula real de 12 columnas, texto alineado a la izquierda y nada centrado.
- Un solo acento rojo, sin sombras ni degradados en la interfaz.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Frutiger Aero
- Próximamente
- Cursor
La página de ejemplo
High Tarn. Agua de manantial al norte de Vancouver.
La idea
El borbollón del manantial se vuelve un cielo de burbujas de cristal, y la botella retornable, una lente de agua que invierte el paisaje.
Qué probar
Mueve el cursor (o el dedo) entre las burbujas para apartarlas y atrapa una para reventarla.
Para quién
Agua, bienestar, tecnología amable y viajes
Paleta
Tipografías
Source Sans 3
Cuidados del estilo
- Nada de logos, botones, orbes ni fondos de Windows o Mac OS X: cumbres nevadas, coníferas y una poza, no una colina verde.
- Solo sabor, vidrio retornable y origen: sin promesas de salud ni lavado verde.
- Texto oscuro en el halo del sol, con contraste AA medido en cada tamaño.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Pixel art
- Próximamente
- Cursor
La página de ejemplo
Studio Petit-Duc. Estudio de videojuegos indie en Montreal.
La idea
El anuncio del juego se convierte en una montaña nevada de noche en pixeles que se recorre: el letrero da el nombre, el cofre guarda la fecha y un búho te habla mientras Tison enciende los faroles con la cola.
Qué probar
Pasa el cursor sobre la montaña y haz clic o usa las flechas para que Tison camine, encienda los tres faroles y abra el cofre.
Para quién
Estudios de videojuegos, cafés gamer y eventos
Paleta
Tipografías
Press Start 2P + DotGothic16
Cuidados del estilo
- Sprites, tiles y sonidos originales dibujados con código: sin personajes ni paletas de juegos conocidos, ni monumentos reales de Montreal.
- Todo el anuncio existe también fuera del canvas y Tab siempre sale del juego.
- Press Start 2P solo en títulos cortos; el texto largo va en una letra legible.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Laca vietnamita (sơn mài)
- Próximamente
- Cursor
La página de ejemplo
Từng Giọt. Taller-galería de sơn mài en el Barrio Antiguo, Hanói.
La idea
El letrero de laca del taller se vuelve su propia muestra: al lijar el negro aparecen, capa por capa, el tarro bermellón de pinceles, el pan de oro y el cascarón de huevo.
Qué probar
Pasa el cursor (o frota con el dedo) sobre el letrero negro para lijarlo por capas, y pulsa «Pulir de nuevo» para volver a laquearlo.
Para quién
Talleres artesanos, galerías, joyería y hoteles
Paleta
Tipografías
Noto Serif Display + Be Vietnam Pro
Cuidados del estilo
- Técnica sơn mài real: capas de laca, lijado que revela oro, plata y cascarón, y pulido final.
- Diacríticos vietnamitas verificados; sin sombreros cónicos, imágenes de guerra ni símbolos religiosos.
- El texto va siempre sobre la pared lisa o sobre laca sin imagen.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Papel recortado chino (jianzhi)
- Próximamente
- Se dibuja sola
La página de ejemplo
Nian Nian. Casa de jiaozi en Beilin, Xi’an.
La idea
El doblez con que se cierra un jiaozi se convierte en la hoja roja que se dobla, se recorta con tijera y se abre como flor de ventana de Shaanxi, y la luz de la lámpara pasa por sus huecos hasta la acera.
Qué probar
Mira cómo la hoja se dobla, se recorta y se abre sola, y pulsa «Recortar otro» para ver un recorte de 4 o de 2 pliegues con un par de cabras.
Para quién
Restaurantes, casas de té, celebraciones y papelerías
Paleta
Tipografías
Piazzolla + ZCOOL XiaoWei
Cuidados del estilo
- Solo dos palabras en chino, verificadas y explicadas: 饺子 (jiaozi) y 窗花 (flores de ventana).
- Motivos propios generados por código, con todas las piezas unidas por puentes de papel.
- Sin dragones, sin monumentos reales ni letras de brocha falsas.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Cordel y xilograbado
- Próximamente
- Se dibuja sola
La página de ejemplo
Goiva & Barbante. Librería y editorial de cordel en Caruaru.
La idea
El taco de madera es la portada viva del folleto: se talla, se entinta y se imprime ante tus ojos, y queda colgado del hilo junto a los demás.
Qué probar
Espera unos ocho segundos a que la gubia talle el pájaro, el rodillo lo entinte y el taco lo imprima en el folleto rosa; luego pulsa «Leer un fragmento».
Para quién
Librerías, festivales, cafés y editoriales
Paleta
Tipografías
Holtwood One SC + Crimson Pro
Cuidados del estilo
- Grabados propios hechos con código; nada copiado de J. Borges, Samico ni Dila.
- Versos originales con métrica y rima de sextilla; el cordel nunca se trata como ingenuo.
- Sin sertão ni cangaceiros de adorno: feria, calle y casas con platibanda.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Estética de terminal
- Próximamente
- Se dibuja sola
La página de ejemplo
Parv. CLI de traducciones hecha en Tallin.
La idea
Los idiomas de una app se vuelven una bandada que vuela en formación: la terminal se escribe sola, habla el idioma de quien la mira y, si una traducción se queda atrás, su ave llega tarde.
Qué probar
Mira cómo se escribe la terminal, cambia de comando en las pestañas y alterna ES | EN a media demo para ver la salida cambiar de idioma.
Para quién
Herramientas para programadores, APIs y startups técnicas
Paleta
Tipografías
JetBrains Mono + Schibsted Grotesk
Cuidados del estilo
- Comandos y salidas verosímiles y propios; nada de rm -rf ni curl | sh.
- Ventana propia, sin logos ni marcas de terminales, sistemas operativos o nubes.
- Verde fósforo solo como acento, contraste AA y textos en estonio y finés comprobados.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Steampunk
- Próximamente
- Cursor
La página de ejemplo
Hodinářství U Kyvadla. Relojería y autómatas en Vinohrady, Praga.
La idea
Un reloj de bolsillo se abre sobre el banco del relojero y su tren de engranajes, con puentes de alpaca y rubíes, marca la hora real de Praga.
Qué probar
Mueve el cursor para pasear la lámpara por el mecanismo y arrastra cualquier rueda para empujar todo el tren; con las flechas del teclado adelantas o atrasas las agujas, y solas vuelven a la hora de Praga.
Para quién
Relojerías, bares, juegos de mesa y eventos
Paleta
Tipografías
IM Fell English + Special Elite
Cuidados del estilo
- Engranajes que sí engranan: relaciones de dientes reales (8 × 7,5 × 10) y un escape de 18 000 alternancias por hora.
- Sin personajes ni obras conocidas, sin marcas de relojes y nada del reloj astronómico de Praga; el nombre de la casa es inventado.
- Todo el texto va sobre papel o placas lisas, con contraste AA.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Arte pop
- Próximamente
- Se dibuja sola
- Cursor
La página de ejemplo
Mouthful. Hamburguesería con malteadas en Astoria, Queens.
La idea
El pedido de cada cliente se convierte en la última viñeta de una historieta que se imprime en ese momento, tinta por tinta.
Qué probar
Mira cómo se imprime la página, pasa el cursor para agrandar la trama y cambia tu combo para reimprimir la última viñeta.
Para quién
Hamburgueserías, marcas de consumo, eventos y moda
Paleta
Tipografías
Bangers + Karla
Cuidados del estilo
- Personajes y viñetas propios, sin copiar ni evocar obras de Lichtenstein o Warhol.
- Sin marcas reales de comida ni refrescos, sin violencia ni estereotipos.
- Globos blancos con texto negro y la interfaz sobre fondos lisos, con contraste AA.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Graffiti wildstyle
- Próximamente
- Se dibuja sola
- Cursor
La página de ejemplo
Waxy. Tienda de skate del South Bronx.
La idea
La pared con permiso de la tienda se convierte en su escaparate: el nombre se pinta solo, capa por capa, y luego la lata pasa a tus manos.
Qué probar
Mira cómo la pieza se pinta sola, elige una lata y mantén presionado sobre la pared hasta que la pintura escurra; luego límpiala con el rodillo.
Para quién
Tiendas de skate, ropa urbana, música y eventos
Paleta
Tipografías
Sedgwick Ave Display + Barlow
Cuidados del estilo
- Pieza y firma inventadas para la tienda, sin nombres, tags ni estilos de escritores reales.
- Una jam legal en la pared con permiso de la tienda, sin pintar el Bronx como peligroso ni glorificar el vandalismo.
- Sin logos del metro ni marcas reales, y el texto útil siempre en paneles sólidos con contraste AA.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Kolam
- Próximamente
- Se dibuja sola
La página de ejemplo
Pulli Kaapi. Café de filtro en Mylapore, Chennai.
La idea
El nombre del café es el pulli central: el punto grande que la única línea de harina de arroz rodea sin tocar.
Qué probar
Mira cómo caen los puntos y una sola línea de harina los rodea sin levantarse; luego pulsa «Dibujar otro kolam» para lavar el umbral y generar otro.
Para quién
Cafés, restaurantes, textiles y bienestar
Paleta
Tipografías
Tiro Tamil + Hind Madurai
Cuidados del estilo
- Kolam, no rangoli: harina de arroz blanca, retícula de puntos y una sola línea.
- Un hábito cotidiano, sin deidades, templos ni símbolos religiosos.
- Cada trazo se comprueba como una sola curva cerrada sobre la retícula.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Retablo ayacuchano
- Próximamente
- 3D
- Se dibuja sola
La página de ejemplo
La Puerta Floreada. Taller de retablos ayacuchanos en Barranco, Lima.
La idea
El taller se presenta con el retablo de su propia familia: tres pisos (arriba la cocina, en medio la mesa, abajo la jarana) tras unas puertas floreadas que llevan su nombre.
Qué probar
Espera a que se abran las puertas, pasa el cursor sobre el retablo para girarlo y pulsa «Cerrar las puertas» para ver escapar el vapor por la rendija.
Para quién
Talleres artesanos, museos, tiendas de regalo y galerías
Paleta
Tipografías
Yeseva One + Lora
Cuidados del estilo
- Escenas cotidianas de cocina, mesa y jarana, sin santos ni escenas religiosas.
- Figuras originales: sin copiar retablos reales ni nombrar a retablistas.
- Quechua solo en «puca» (rojo) y «qapchi», comprobados; sin clichés turísticos.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Rejilla bento
- Próximamente
- Cursor
La página de ejemplo
Tuckbox. Facturación para estudios creativos en Toronto.
La idea
La caja de compartimentos se vuelve el producto: cada tarea de cobro tiene su celda, y la que tocas crece mientras las demás le hacen lugar.
Qué probar
Pasa el cursor (o usa Tab) por los compartimentos para abrirlos, y abre «Depósitos conciliados» para ver cómo la factura de al lado recibe su sello de «Pagada».
Para quién
Software, apps, portafolios y lanzamientos
Paleta
Tipografías
Instrument Serif + Geist
Cuidados del estilo
- Sin logos ni clientes reales: el estudio, sus clientes y todas las cifras son inventados y plausibles.
- Tasas de HST y GST vigentes, con la aclaración de que Tuckbox no es asesoría fiscal.
- Contraste AA y foco visible en cada compartimento; con movimiento reducido todo queda quieto.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Retro 3D de 32 bits (1997)
- Próximamente
- 3D
- Cursor
La página de ejemplo
Kuurapiste. Estudio indie de videojuegos en Helsinki.
La idea
La página de lanzamiento se convierte en la tele de tubo de 1997 donde el juego ya está encendido en su pantalla de título.
Qué probar
Pulsa Start (o la tecla Intro) para que Pomppu salte y arranque la partida, y cambia entre 1997 y 2026 para ver el mismo pingüino con gráficos de 32 bits o en cel-shading moderno.
Para quién
Videojuegos indie, música, marcas nostálgicas y eventos
Paleta
Tipografías
Pixelify Sans + Archivo
Cuidados del estilo
- Sin logotipos, sonidos de arranque ni fuentes de ninguna consola: la época se evoca con menús propios.
- El temblor de vértices es sutil (rejilla de 160 pasos) y desaparece con movimiento reducido, igual que el parpadeo y la nieve.
- Textos y botones a resolución completa; la baja resolución vive solo dentro de la pantalla.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Cartel de viaje (años 30)
- Próximamente
- Se dibuja sola
- Cursor
La página de ejemplo
Wellenpost. Vapor de ruedas en el Traunsee, Gmunden.
La idea
El horario del vapor se convierte en la hora del cartel: cada salida vuelve a imprimir la litografía, piedra por piedra, con las tintas de esa luz.
Qué probar
Elige una salida en el horario para que el cartel se reimprima del alba al ocaso y Frieda zarpe dejando estela; mueve el cursor para el paralaje y toca el silbato para oírla pitar.
Para quién
Turismo, hoteles, transporte, festivales y marcas de destino
Paleta
Tipografías
Big Shoulders + Jost
Cuidados del estilo
- Ningún cartel, logotipo ni compañía naviera real: barco, montaña y capilla son genéricos, ilustrados y recortados en capas.
- Tintas planas sin contornos, cielo en bandas y sombras en bloques; el registro desplazado y el grano se hacen con SVG.
- Los datos van en una tarjeta de papel aparte y el título sobre el muro sólido, nunca texto pequeño sobre el paisaje.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Tinta china (shan shui)
- Próximamente
- Se dibuja sola
- Cursor
La página de ejemplo
Danmo. Taller de pintura a tinta en el Lago del Oeste, Hangzhou.
La idea
Las clases y los cuatro tesoros del estudio se vuelven la inscripción escrita en el vacío de un paisaje a tinta, y el sello rojo con 淡墨, «tinta pálida», es su firma.
Qué probar
Mira cómo la tinta se difunde y pinta las montañas, pasa el pincel por la niebla para encontrar el pabellón (y espantar a la garza) y pinta otro paisaje.
Para quién
Talleres de arte, escuelas, papelerías, editoriales y marcas de cultura
Paleta
Tipografías
Instrument Serif + Source Serif 4
Cuidados del estilo
- El sello lleva 淡墨, el nombre del taller, con glifos reales de una fuente, nunca caracteres inventados.
- Un solo acento rojo; montañas en tres valores de gris y más del 40 % del papel vacío.
- Paisaje generado por código, sin copiar pinturas ni pintores; nunca se llama «zen» ni japonés.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Constructivismo
- Próximamente
- Se dibuja sola
- Cursor
La página de ejemplo
Bulta. Mensajería en bici en Āgenskalns, Riga.
La idea
La ruta del envío se convierte en la diagonal del cartel, y el ciclista en la flecha que la recorre.
Qué probar
Elige un barrio de entrega y pide el envío: la composición se ordena sobre la diagonal y la bicicleta-flecha cruza el cartel con el paquete; mueve el cursor para inclinarla.
Para quién
Logística, transporte, tecnología, música y marcas con energía
Paleta
Tipografías
Anton + Archivo
Cuidados del estilo
- Solo lenguaje gráfico: sin hoces, martillos, estrellas, banderas, retratos ni lemas.
- Ningún cartel real copiado: la rueda, la bici y el fotomontaje de adoquines están dibujados en código.
- Un solo ángulo de 45°: títulos, párrafos y controles se quedan rectos para leerse con calma.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Glitch art
- Próximamente
- Cursor
- 3D
La página de ejemplo
Chromaslip. Festival de electrónica experimental en Partick, Glasgow.
La idea
La señal de un viejo cine se vuelve un nudo toroidal en 3D, y la velocidad de tu cursor es la interferencia que lo rompe.
Qué probar
Mueve el cursor rápido para corromper la señal; quédate quieto, haz clic o pulsa R para resincronizarla.
Para quién
Música electrónica, festivales, tecnología, moda y medios
Paleta
Tipografías
Major Mono Display + IBM Plex Mono
Cuidados del estilo
- Seguro para fotosensibilidad: ningún cambio brusco se repite más de 2 veces por segundo (WCAG 2.3.1), con intensidad y área del desgarro limitadas, entrada suave e imagen fija con movimiento reducido.
- El glitch vive en el nudo y en un leve desfase del titular; todo el texto va en paneles sólidos y se lee siempre.
- Festival, sala y artistas inventados y comprobados; barrio real de Glasgow sin dirección exacta.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Partículas generativas
- Próximamente
- Cursor
- Se dibuja sola
La página de ejemplo
Prikværk. Estudio de visualización de datos, Refshaleøen, Copenhague.
La idea
Cada partícula es un dato de la ciudad: 100 000 puntos que se ordenan como bicis por hora, calor por estación o viento por dirección, y se apartan o se juntan bajo tu cursor mientras te dicen cuánto pesan.
Qué probar
Cambia entre Bicis, Calor y Viento (o las teclas 1, 2 y 3), pasa el cursor por la gráfica para leer cada dato y mantén pulsado para juntar puntos y ver cuánto has reunido.
Para quién
Estudios de datos, ciencia, energía, movilidad, medios y producto
Paleta
Tipografías
Fraunces + Inter
Cuidados del estilo
- Datos inventados y etiquetados como ilustrativos, con unidad por punto y resumen en texto.
- Sin clientes, instituciones ni direcciones reales: solo el barrio y encargos genéricos.
- Mismo dato sin WebGL (SVG punteado), con movimiento reducido (imagen quieta) y sin JavaScript.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Jugable: dibuja tu latte
- Próximamente
- Cursor
La página de ejemplo
Pico y Crema. Tostadores de café de finca, La Macarena, Bogotá.
La idea
La barra de madera vista desde arriba es el lienzo: una taza de espresso con su crema espera tu jarra, y la leche se mueve como leche de verdad hasta dibujar un corazón, un tulipán o una roseta.
Qué probar
Elige una figura y mantén pulsado sobre la taza para verter (o flechas y Espacio): hasta la línea la leche se esconde bajo la crema, luego aparece el blanco y, al final, cruza rápido para cortar; o pulsa «Verter por mí».
Para quién
Cafeterías, tostadores, panaderías, heladerías y talleres
Paleta
Tipografías
Young Serif + Hanken Grotesk
Cuidados del estilo
- La Macarena sin dirección exacta, sin teléfono, precios en pesos colombianos y hora de Bogotá.
- Sin ganar ni perder: el barista siempre comenta con cariño y nada depende de un puntaje.
- La carta, el horario y la reserva se ven sin jugar, sin JavaScript y con movimiento reducido (ahí la taza sale servida de una vez).
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Low poly 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
North Ridge Guides. Guías de alta montaña en Chamonix.
La idea
Una cordillera low poly al alba es el fondo de toda la página: la cámara sube del valle a la cumbre y cada ruta tiene su ángulo.
Qué probar
Mueve el deslizador de luz del alba al mediodía, mueve el cursor y elige una ruta para cambiar el ángulo de cámara.
Para quién
Turismo de aventura, outdoor, apps de mapas, juegos y deportes
Paleta
Tipografías
Unbounded + Manrope
Cuidados del estilo
- Negocio y guías ficticios de muestra.
- Respaldo SVG sin WebGL.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Constructivismo 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Hoek & Lijn. Taller de serigrafía en NDSM, Ámsterdam.
La idea
Un cartel constructivista en 3D: las piezas encajan en diagonal y el cursor gira la composición.
Qué probar
Mueve el cursor para girar el cartel, usa la rueda o «Vista explotada» para separar las piezas.
Para quién
Imprentas, estudios de diseño, arquitectura, festivales y marcas con energía
Paleta
Tipografías
Russo One + Archivo
Cuidados del estilo
- Solo lenguaje gráfico.
- Negocio ficticio.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Nube de partículas
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Tidepoint. Estudio de instalaciones de luz en Mount Pleasant, Vancouver.
La idea
Una nube de 100 000 partículas de luz que cambia de forma y se aparta en círculo al paso del cursor.
Qué probar
Mueve el cursor por la nube, mantén pulsado para atraerla y pulsa 1, 2 o 3 para cambiar de forma.
Para quién
Estudios de diseño, tecnología, ciencia, festivales y arquitectura
Paleta
Tipografías
Fraunces + Inter
Cuidados del estilo
- Negocio ficticio.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Voxel art
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Miga Cúbica. Panadería artesanal en Lavapiés, Madrid.
La idea
La panadería es una isla de cubos que se arma al cargar, con su horno de leña humeando.
Qué probar
Arrastra para girar la isla, toca el horno o pulsa «Atizar horno» para ver el humo.
Para quién
Panaderías, cafés, juegos, marcas infantiles y negocios de barrio
Paleta
Tipografías
Lilita One + Nunito Sans
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Cáusticas de agua 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Saltline Ocean Baths. Piscina de agua salada y club de natación en Sídney.
La idea
Una piscina de roca junto al mar con cáusticas de sol que bailan en el fondo.
Qué probar
Arrastra sobre el agua para hacer ondas, haz clic para lanzar un guijarro y mueve el cursor o el control para cambiar la hora del sol.
Para quién
Piscinas, clubes de natación, spas, hoteles de playa y escuelas de surf
Paleta
Tipografías
Familjen Grotesk + Atkinson Hyperlegible
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Panal 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Thymari Apiaries. Miel de tomillo y cera de abeja en Chania, Creta.
La idea
Un bastidor de panal a contraluz con una gota de miel espesa y abejas volando.
Qué probar
Mueve el cursor para pasar el sol tras el panal y haz clic en una celdilla para abrir su opérculo.
Para quién
Apicultores, tiendas de miel, productos de cera y marcas de campo
Paleta
Tipografías
Gilda Display + Commissioner
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Bioluminiscencia 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Lumen Paddle. Recorridos nocturnos en kayak en Jervis Bay, Australia.
La idea
Agua oscura llena de plancton que se enciende al remar, con medusas que flotan.
Qué probar
Pasa el cursor por el agua para encender el plancton, mantén pulsado para un remolino más fuerte o pulsa «Dar palada».
Para quién
Tours nocturnos, deportes de agua, acuarios, museos de ciencia y marcas de mar
Paleta
Tipografías
Outfit + Inter
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Burbujas de jabón 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Lather & Light. Jabonería artesanal de proceso en frío en Bath.
La idea
Una pastilla de jabón con espuma de la que suben pompas iridiscentes.
Qué probar
Mueve el cursor para soplar burbujas, haz clic en una para reventarla o usa «Soplar una burbuja».
Para quién
Jabonerías, cosmética natural, spas, tiendas de regalo y marcas de cuidado personal
Paleta
Tipografías
Bellefair + Quicksand
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Aurora boreal 3D
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Northbound Nights. Tours de fotografía de auroras en Rovaniemi, Finlandia.
La idea
Un cielo ártico con cortinas de aurora que se reflejan en un lago helado.
Qué probar
Mueve el cursor para cambiar el viento, sube la actividad del cielo y activa la larga exposición.
Para quién
Turismo de naturaleza, fotografía, hoteles de montaña, ciencia y marcas nocturnas
Paleta
Tipografías
Urbanist + Inter
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Letterpress
- Próximamente
- Cursor
- Se dibuja sola
La página de ejemplo
Quoin & Platen. Imprenta de tipos móviles en Pilsen, Chicago.
La idea
El titular se compone a mano: los tipos de plomo caen al componedor y la prensa los imprime con tinta.
Qué probar
Escribe tu palabra, elige una tinta, pulsa «Imprimir prueba» y mueve el cursor sobre la tarjeta.
Para quién
Imprentas, papelerías, bodas, editoriales, cafeterías y marcas artesanales
Paleta
Tipografías
Alfa Slab One + Work Sans
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Pintura naíf haitiana
- Próximamente
- Cursor
La página de ejemplo
Lawouze. Cooperativa de café y cacao, La Vallée-de-Jacmel.
La idea
La cosecha de la cooperativa se vuelve una pintura de ladera haitiana tan llena de hojas que hay que apartarlas para encontrar lo que se esconde.
Qué probar
Pasa el cursor (o toca) por las hojas de abajo para descubrir cinco cosas escondidas, y cambia entre café y cacao para que la ladera cambie de fruto y el tap-tap traiga la nueva carga.
Para quién
Café, cacao, cooperativas, turismo, mercados y marcas alegres
Paleta
Tipografías
Caprasimo + Red Hat Text
Cuidados del estilo
- Sin vèvè, lwa, símbolos del vodou ni iconografía cristiana; el tap-tap solo lleva flores, franjas y el nombre de la cooperativa.
- Tono alegre y digno, sin crisis ni pobreza: vendedoras genéricas sin rasgos caricaturizados.
- Escena original, sin copiar obras ni nombrar pintores; criollo solo en «Lawouze» (rocío), comprobado.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Jugable: arma el pedido
- Próximamente
- Cursor
- Se dibuja sola
La página de ejemplo
Bunline. Hamburguesería de barrio, Saint-Henri, Montreal.
La idea
La cuerda de tender con poleas entre los balcones de Saint-Henri es la línea de cocina: los ingredientes cuelgan de pinzas y tú los sueltas, en el orden del ticket, sobre la hamburguesa del plato.
Qué probar
Pulsa «Jugar una ronda» y, durante 30 segundos, toca la escena o pulsa espacio cuando pase sobre el plato lo que pide el ticket; al final te dice qué hamburguesa de la carta pedir.
Para quién
Restaurantes, hamburgueserías, food trucks, panaderías y comida rápida
Paleta
Tipografías
Chango + Gabarito
Cuidados del estilo
- Saint-Henri sin dirección exacta, teléfono de ficción 514-555-01XX y precios en CAD con la hora de Montreal.
- Sin premios ni descuentos por puntaje: el récord solo se guarda en tu pantalla, sin nombres.
- La carta, el horario y el botón de pedido se ven sin jugar, sin JavaScript y con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Nebulosa volumétrica
- Próximamente
- 3D
- Cursor
- Se dibuja sola
La página de ejemplo
Lumbre Lejana. Sello de ambient y drone en Barrio Yungay, Santiago.
La idea
Una nebulosa volumétrica es el fondo del sello: el cursor guía una estrella sonda que ilumina el gas.
Qué probar
Mueve el cursor sobre la nebulosa, cambia la profundidad y activa el sintetizador para escuchar cada pista.
Para quién
Sellos musicales, música ambient, ciencia, planetarios y marcas nocturnas
Paleta
Tipografías
Syne + Manrope
Cuidados del estilo
- Negocio ficticio de muestra.
- Audio apagado por defecto.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Linternas de seda
- Próximamente
- Cursor
- Se dibuja sola
La página de ejemplo
Đèn Mây. Tienda de linternas de seda en el casco antiguo de Hội An, Vietnam.
La idea
La noche del río se vuelve escaparate: cada linterna de seda se enciende y se refleja en el agua.
Qué probar
Pasa el cursor entre las linternas, activa la noche de luna llena o pausa la brisa.
Para quién
Tiendas, restaurantes, hoteles, festivales y marcas de viaje
Paleta
Tipografías
Cormorant Garamond + Be Vietnam Pro
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Carteles sonideros
- Próximamente
- Sonido
La página de ejemplo
Sonido Cometa. Gran baile sonidero.
La idea
El eco del micrófono del sonidero se convierte en contornos que laten con la cumbia.
Qué probar
Prende el sonido para escuchar la cumbia hecha en código y manda tu saludo al micrófono.
Para quién
DJs, bailes y festivales
Paleta
Tipografías
Bungee + Barlow Condensed
Cuidados del estilo
- Sin nombres de sonideros reales.
- Es patrimonio de la Ciudad de México: nunca como burla.
- Saturación máxima, como el cartel de verdad.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Solarpunk
- Próximamente
- Scroll
La página de ejemplo
Pip. Cooperativa solar de azoteas en Adelaida.
La idea
Los paneles de la página se convierten en pérgolas solares de azotea, y una guía de calabaza trepa por sus bordes con la luz dorada de la mañana, a salvo del calor de enero.
Qué probar
Baja con el scroll: pasan 50 días de temporada, la guía trepa por las orillas, abren las flores y al final cuelga la primera calabacita.
Para quién
Energía limpia, ONG y marcas sustentables
Paleta
Tipografías
Fraunces + Lexend
Cuidados del estilo
- Sin lavado verde: ninguna cifra de impacto inventada; el único número es una estimación con su fórmula a la vista.
- Tecnología real y oficio: paneles de 550 W, pérgola, cajones de madera, triciclo de carga y gente del barrio.
- Plantas generadas con código, sin paisajes de películas de animación ni arte o símbolos aborígenes.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Lucha libre mexicana
- Próximamente
- Se dibuja sola
La página de ejemplo
Arena Pirules. Función dominical de lucha libre, CDMX.
La idea
La máscara del luchador estelar se convierte en el cartel de la función: se cose en espejo, mitad por mitad, y sube al ring entre las cuerdas.
Qué probar
Mira cómo se arma la máscara al cargar, mueve el cursor para que te siga con la mirada y cambia entre técnicos y rudos para que el cartel cambie de bando.
Para quién
Gimnasios, eventos, taquerías y videojuegos
Paleta
Tipografías
Anton + Barlow Condensed
Cuidados del estilo
- Luchadores, máscaras, arena y empresa inventados y verificados; ninguna máscara real.
- Con cariño y sin violencia: nada de sangre ni golpes, y la lucha libre aparece como patrimonio de la Ciudad de México.
- Bocas y ojeras con formas geométricas propias (pico y flama), nunca caricatura.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Googie
- Próximamente
- Se dibuja sola
La página de ejemplo
Lucky Saucer. Autolavado con cafetería en Las Vegas.
La idea
El platillo de tu taza de café se convierte en el platillo volador de un letrero del desierto, y su flecha lleva tu auto al túnel de lavado.
Qué probar
Espera a que el letrero se encienda por partes y luego elige un lavado para ver tu auto cruzar el túnel y tu turno en la marquesina.
Para quién
Autolavados, diners, moteles y boliches
Paleta
Tipografías
Pacifico + Chivo
Cuidados del estilo
- Letrero, auto y marca inventados: sin cadenas, casinos, moteles, marcas de autos ni el letrero de «Welcome to Fabulous Las Vegas».
- Sin personas ni estereotipos de la época: solo arquitectura, auto y paisaje.
- Máximo tres destellos por segundo, focos que se pueden pausar y letrero quieto con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Cine negro
- Próximamente
- Cursor
La página de ejemplo
Soft Pedal. Coctelería clásica y jazz, Loop de Chicago.
La idea
La luz de la calle cruza la persiana y escribe el nombre del bar en la pared, y el cursor es la linterna del vigilante nocturno que busca lo que alguien dejó en el despacho.
Qué probar
Mueve el cursor como una linterna por el despacho (o usa las flechas ← →) para encontrar el sombrero, la carta, la llave, la trompeta y al gato, y pide la contraseña para que se encienda la lámpara.
Para quién
Bares, podcasts de misterio y librerías de novela negra
Paleta
Tipografías
Bodoni Moda + Courier Prime
Cuidados del estilo
- Sin armas, gánsteres, violencia ni personajes: el misterio va solo por la luz y el texto.
- Ningún fotograma, cartel ni personaje de películas reales, ningún club de jazz real y nada de femme fatale.
- Contraste AA medido sobre la luz más brillante de la escena, aun con la linterna encima.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Brutalismo web
- Próximamente
- Scroll
La página de ejemplo
Oplata. Revista independiente de arquitectura, Dorćol (Belgrado).
La idea
El titular se convierte en una casa que crece piso por piso: cada palabra es un bloque de concreto que cae y se apila hasta que en la azotea aparecen la antena parabólica, el tendedero y el perro guardián.
Qué probar
Baja con el scroll para que los bloques caigan, se aplasten y levanten la casa; al terminar la obra, el perro guardián ladra.
Para quién
Revistas, agencias, portafolios y tiendas independientes
Paleta
Tipografías
Archivo Black + Space Mono
Cuidados del estilo
- Contraste AA, foco azul de 5 px y botones grandes: brutal, nunca ilegible.
- Casa, antena, perro y ropa inventados y dibujados con código; ningún edificio real y nada político.
- Con movimiento reducido o sin JavaScript, la casa aparece terminada y quieta.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Carteles del cine de oro mexicano
- Próximamente
- Se dibuja sola
La página de ejemplo
Cine Cenzontle. Cineclub de barrio en Santa María la Ribera.
La idea
El cartel pintado de la función estelar se convierte en la marquesina de la sala: sus focos, sus faroles y su título se encienden como cuando abre la taquilla.
Qué probar
Espera cinco segundos a que el cartel se encienda foco por foco y letra por letra; luego abre «Ver el ciclo» y aparta boletos.
Para quién
Cineclubes, festivales, bares y marcas mexicanas
Paleta
Tipografías
Limelight + Libre Baskerville
Cuidados del estilo
- Película, estrellas, director y estudio inventados; rostros pintados con código, sin parecido a actores reales.
- Ningún cartel, título ni cartelista real de la época de oro.
- Sin estereotipos: ciudad nocturna con tinacos y faroles, nada de sombrero de charro.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Cyberpunk
- Próximamente
- Cursor
La página de ejemplo
Last Spin. Torneo de estrategia en Ximending, Taipéi.
La idea
El trofeo del torneo, un trompo de madera hecho holograma, gira solo en una calle mojada de Ximending, y la corriente que llevas con el cursor lo termina de armar.
Qué probar
Pasa el cursor alrededor del trompo (o tócalo en el celular) hasta armar el trofeo, y pausa la lluvia para verlo quieto.
Para quién
Videojuegos, eventos, tecnología y bares
Paleta
Tipografías
Rajdhani + Share Tech Mono
Cuidados del estilo
- Sin películas, animes, videojuegos ni patrocinadores reales: el juego, el torneo, la sede y los equipos son inventados.
- Los neones quedan fuera de cuadro: solo sus reflejos de color en el asfalto, sin caracteres chinos y sin nada político.
- Todo el texto va en paneles lisos y oscuros con contraste AA; la lluvia nunca pasa sobre él.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Puertas talladas swahili
- Próximamente
- 3D
- Scroll
La página de ejemplo
Nakshi. Casa de huéspedes en Stone Town, Zanzíbar.
La idea
La puerta tallada de la casa se convierte en el umbral entre la calle en sombra y un patio donde siempre es mediodía, y el gato de la casa es el primero en entrar.
Qué probar
Baja con el scroll o pulsa «Abrir la puerta» para que las dos hojas giren sobre sus bisagras, y mueve el cursor para ver el relieve y los tachones de latón brillar.
Para quién
Hoteles, restaurantes, carpinterías y viajes
Paleta
Tipografías
Eczar + Mukta
Cuidados del estilo
- Puerta inventada: ninguna puerta real de Stone Town copiada y sin inscripciones en el dintel.
- Suajili comprobado (Nakshi, karibu, hora suajili) y nada de safari ni «África» genérica.
- Sin alcohol: desayuno de fruta y café con especias.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Miniatura mogol y rajput
- Próximamente
- Cursor
- Se dibuja sola
La página de ejemplo
Bhapka. Casa de attar cerca de Johari Bazaar, Jaipur.
La idea
La página es una hoja de miniatura: cada attar se vuelve la estación del jardín pintado, y la lupa de los joyeros del bazar revela su detalle y hace brillar el oro.
Qué probar
Pasa la lupa (o toca la pintura) para ver abejas, peces y el cobre que brilla, y elige Gulab, Mogra, Khus o Mitti para que el jardín florezca, anochezca, se cubra de vetiver o reciba el monzón.
Para quién
Perfumerías, joyerías, textiles, hoteles de herencia y marcas artesanales
Paleta
Tipografías
Rozha One + Tiro Devanagari Hindi
Cuidados del estilo
- Sin deidades, figuras religiosas, emperadores ni pinturas copiadas: un jardín, un pabellón y un destilador pequeño y genérico.
- Devanagari solo en palabras comprobadas (गुलाब, मोगरा, खस, मिट्टी) y sin caligrafía persa o árabe de textura.
- El oro va en líneas, filos y margen, nunca como relleno ni detrás del texto.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Caricatura de los años 30
- Próximamente
- Cursor
La página de ejemplo
Two-Beat Donuts. Donas y café en Logan Square, Chicago.
La idea
La tienda entera se vuelve una caricatura de los años 30 que respira a dos tiempos, y pedir una docena es el número de vodevil con el que Hollis, la dona de la casa, cierra la función.
Qué probar
Mueve el cursor para que Hollis te siga con la mirada y la taza y la cafetera se estiren hacia ti, acércate a él y pulsa «Pide una docena» para ver su número con la docena en línea de coro, el iris y la tarjeta de cierre.
Para quién
Cafeterías, panaderías, marcas de comida, entretenimiento y productos con mascota
Paleta
Tipografías
Ultra + Libre Franklin
Cuidados del estilo
- Hollis es una dona original con gorro de papel y la nariz hecha con su propio agujero: sin orejas redondas, sin taza con pajilla, sin demonio de tinta ni ningún personaje existente.
- Cierre propio («¡Y colorín glaseado, este baile se ha acabado!» / “And that’s the hole story!”), sin frases ni música de películas reales.
- Movimiento reducido sin parpadeo, rayas ni rebotes, y un botón para pausar la función.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Pintura bajo vidrio senegalesa (suwer)
- Próximamente
- Cursor
- Se dibuja sola
La página de ejemplo
Neex. Taller y galería de souwer en Yoff, Dakar.
La idea
Cada servicio del taller se vuelve la última capa de una pintura bajo vidrio senegalesa: el contorno negro va primero y el color del cielo se pinta al final, por detrás de todo.
Qué probar
Elige cuadros, encargos, clases o letreros para repintar el cielo por detrás del vidrio, mueve el cursor para deslizar el reflejo y pulsa «Volver a pintar» para ver la técnica en su orden.
Para quién
Talleres de arte, galerías, rotulistas, turismo y tiendas de regalo
Paleta
Tipografías
Londrina Solid + Instrument Sans
Cuidados del estilo
- Sin figuras ni retratos religiosos: una pintora, dos pescadores y un apprenti genéricos, con rasgos sencillos y dignos.
- Escena original de vida cotidiana (puesto de cuadros, piragua, car rapide, baobab), sin copiar obras de pintores reales.
- Wolof solo en palabras comprobadas: «Neex» y «Neex na!» (¡qué gusto!).
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Tipografía cinética
- Próximamente
- Cursor
- Se dibuja sola
La página de ejemplo
Low Ceiling. Sala de música en vivo en Fitzroy, Melbourne.
La idea
El techo bajo de la sala se vuelve el compás: el titular gigante salta a ritmo, choca contra el techo y se aplasta, y la banda de cada noche se arma letra por letra y toca como un ecualizador.
Qué probar
Elige una noche de la cartelera para ver el nombre de la banda armarse al compás, pasa el cursor sobre las letras para ensancharlas y engordarlas, y prende el sonido si quieres oír el ritmo.
Para quién
Música, eventos, festivales, medios, agencias y lanzamientos
Paleta
Tipografías
Roboto Flex + Instrument Serif
Cuidados del estilo
- Sala y bandas inventadas, con nombres verificados; nada de créditos de películas, videoclips ni marcas reales.
- El texto sigue siendo texto: se selecciona y los lectores de pantalla leen palabras enteras, no letras sueltas.
- Con movimiento reducido todo queda quieto y legible, y el sonido empieza apagado.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Papel picado
- Próximamente
- Cursor
- Se dibuja sola
La página de ejemplo
Calandria Papel Picado. Taller de papel picado en San Salvador Huixcolotla, Puebla.
La idea
El viento de la tarde convierte las banderas de papel picado en sombras de color sobre una pared encalada.
Qué probar
Pasa el cursor por el cordel para soplarle, pica otro motivo, cierra la ventana o acércate a la calandria.
Para quién
Fiestas, bodas, restaurantes, tiendas de artesanía y marcas mexicanas
Paleta
Tipografías
Gloock + Figtree
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.
Cianotipia
- Próximamente
- Cursor
- Se dibuja sola
La página de ejemplo
Azul Ferro. Taller de cianotipia en el Bonfim, Oporto.
La idea
El cursor se convierte en sol: las hojas del jardín quedan impresas en azul de Prusia.
Qué probar
Mueve el cursor sobre la hoja para exponerla y pulsa «Lavar la copia».
Para quién
Talleres creativos, estudios de foto, papelerías, viveros y marcas botánicas
Paleta
Tipografías
Instrument Serif + Instrument Sans
Cuidados del estilo
- Negocio ficticio de muestra.
- Imagen fija con movimiento reducido.
El HTML y su prompt
En preparación. El HTML y su prompt se publican cuando la página pase todas sus pruebas.