Saltar al contenido
TRAMA

Guías de estilo · 46

Guías de estilo hechas con lo que hemos medido

Cada guía fija colores, letras, tamaños, espacios, superficies y movimiento con valores medidos en el navegador: en webs premiadas, en webs reales de cada sector replicadas y comparadas con su original, y en las propias webs y demos de Trama. Abre una para ver su hoja de estilo completa, o pruébalas abajo con la misma historia (docs/16, docs/54).

De dónde salen

46

guías, cada una con su hoja de estilo: color, letra, escala, espacio, movimiento, componentes y código

47

webs y landings del repo medidas con refs:probe --repo y asignadas a su guía más afín

44

inspiraciones: webs premiadas rehechas con Trama, medidas contra su original (--par) y asignadas a una guía

99

fichas del cuaderno del laboratorio: patrones, tono y gestos de cada familia

De las webs premiadas · 27

Constantes medidas en webs de Awwwards (docs/16).

Lujo
Lujo tranquilo

Hueso cálido, una tinta oliva, serifa fina en mayúsculas y vídeo a sangre. Calma, tiempo y oficio.

Cormorant Garamond + Inter · 1 páginas del repo
Monocromo
Monocromo de agencia

Blanco y negro, una grotesca gigante en peso normal con tracking muy negativo, rejilla fina. El trabajo pone el color.

Inter Tight + Inter Tight · 1 páginas del repo · 2 inspiraciones
Técnico
Técnico de producto

Gris frío y pizarra, grotesca suiza fina con mono, el visual dentro de un marco, datos y reloj en la cabecera.

Inter + Inter · 0 páginas del repo
Producto
Producto nocturno

Negro azulado, grises de la misma tinta, Inter a 510 de peso y la interfaz real como imagen.

Inter + Inter · 9 páginas del repo
Acento
Acento eléctrico

Casi negro y un acento ácido, condensada gruesa en mayúsculas y grotesca variable para leer. Velocidad.

Anton + Mona Sans · 3 páginas del repo
Rótulo
Rótulo cinético

Blanco y un azul marino, una frase gigante que se mueve y una foto que hace de ventana; chips en letra extendida.

Onest + Onest · 0 páginas del repo
Editorial
Editorial cálido

Crema, tinta verde y una serifa de contraste enorme; telón de color entre páginas. Arquitectura y cultura.

Gloock + Instrument Sans · 1 páginas del repo
Lúdico
Lúdico

Pareja de colores vivos, una grotesca redonda y gruesa, pixel en las etiquetas. Para jugar y explorar.

Bricolage Grotesque + Instrument Sans · 3 páginas del repo
Pop
Pop de manchas

Fondo de color pleno con manchas orgánicas, ultranegra enorme, tarjetas giradas y una manuscrita que comenta. Alegre y a todo volumen.

Bowlby One + Instrument Sans · 4 páginas del repo · 2 inspiraciones
Filmoteca
Filmoteca

Gris plata y negro puro, didona muy apretada en mayúsculas, fichas técnicas a filete y críticas con estrellas. El catálogo es el protagonista.

Bodoni Moda + Inter Tight · 1 páginas del repo · 1 inspiraciones
Rosa
Rosa y chocolate

Rosa empolvado y chocolate alternando secciones, una ultranegra de borde a borde cruzada por una caligráfica y serifa en mayúsculas a tamaño de frase.

Archivo Black + Inter · 0 páginas del repo · 1 inspiraciones
Ingeniería
Ingeniería serena

La web cabe en una tarjeta con una columna de bloques de arena a bosque. Serifa fina y clara sobre imagen a sangre, mono en los botones. Tecnología que no grita.

Newsreader + Instrument Sans · 1 páginas del repo · 1 inspiraciones
Residencia
Residencia burdeos

Burdeos profundo y hueso, didona centrada, una caligrafía gigante casi invisible detrás, marco de esquinas biseladas y etiquetas muy espaciadas.

Bodoni Moda + Archivo · 4 páginas del repo · 1 inspiraciones
Tinta
Tinta a mano

Papel, tinta y un rojo para lo que va mal. Letra gorda de cómic, texto manuscrito, línea dibujada y sombra dura de viñeta. Todo parece hecho con rotulador.

Titan One + Patrick Hand · 2 páginas del repo · 1 inspiraciones
Mosaico
Mosaico de baldosas

La página es una rejilla de baldosas a filete fino: palabra enorme, semitono, una baldosa negra y otra menta. Grotesca suiza muy apretada y relojes en la cabecera.

Inter Tight + Inter Tight · 0 páginas del repo · 1 inspiraciones
Mando
Mando orbital

Negro espacial con un globo de datos, titular extendido en mayúsculas y cifras enormes sobre blanco. Naranja y azul solo en la atmósfera.

Unbounded + Inter · 1 páginas del repo · 1 inspiraciones
Catálogo
Catálogo de color

Beige y arena con objetos de colores vivos en baldosas escalonadas, grotesca a 600 apretada y botones en píldora. La tienda es la portada.

Instrument Sans + Instrument Sans · 4 páginas del repo · 1 inspiraciones
Cartel
Cartel suizo

Blanco, negro y bloques planos de verde y naranja. Grotesca 700 con interlineado cerrado, fotos en gris dentro de la palabra y años a toda la página.

Inter Tight + Inter Tight · 2 páginas del repo · 2 inspiraciones
Sabana
Sabana tranquila

Crema y verde oliva, una serifa finísima en mayúsculas para titulares enormes y párrafos de serifa grandes; fotos de naturaleza sueltas que flotan a distinta velocidad.

Cormorant Garamond + Inter Tight · 1 páginas del repo · 2 inspiraciones
Trattoria
Trattoria de barrio

Rojo pleno de fondo con texto crema, y bloques de color que se suceden (turquesa, verde botella, granate); serifa blanda con cursiva para los subtítulos y una sans redonda en mayúsculas para botones.

Fraunces + Manrope · 3 páginas del repo · 1 inspiraciones
Clínica
Clínica serena

Marfil y azul tinta; una serifa de libro para todo lo que se lee, con sangría en los párrafos grandes, y una grotesca diminuta en mayúsculas para navegar. Fotos en duotono azul.

Newsreader + Newsreader · 1 páginas del repo · 1 inspiraciones
Estudio
Estudio en tierras

Blanco y negro con una grotesca neutra sin negritas y cinco colores tierra (taupe, óxido, azul pálido, salvia, salmón), uno por línea de trabajo, en paneles que se ensanchan.

Geist + Geist · 1 páginas del repo · 1 inspiraciones
Motor
Motor artesano

Penumbra azul petróleo en la portada y blanco después; condensada en mayúsculas con algo de aire entre letras y botones rectangulares con letra diminuta. Detalles del producto dispersos.

Antonio + Inter · 1 páginas del repo · 1 inspiraciones
Obsidiana
Obsidiana

Piedra casi negra y gris plata; grotesca de peso medio en mayúsculas con interlineado 1, píldoras grises y un objeto metálico en 3D. Un solo respiro claro en toda la portada.

Inter Tight + Inter Tight · 4 páginas del repo · 1 inspiraciones
Cinta
Cinta de luz

Negro violáceo con una cinta de luz magenta y gris claro con azul marino para la parte técnica; grotesca fina grande, mono en mayúsculas para etiquetas y tarjetas blancas con datos vivos.

Mona Sans + Mona Sans · 1 páginas del repo · 1 inspiraciones
Foro
Foro en blanco y negro

Blanco y negro, fotos de escenario a sangre bajo un titular centrado en serifa de mayúsculas, un logotipo de formas ultranegras y fechas en un recuadro de filete fino. Píldoras con filete.

Instrument Serif + Inter · 0 páginas del repo · 1 inspiraciones
Bloque
Bloque nocturno

Negro carbón y un solo acento saturado; titulares de palo muy pesado en mayúsculas que llenan la pantalla palabra a palabra, con fotos metidas entre las líneas. Esquinas casi rectas y texto pequeño de grotesca.

Archivo + Inter Tight · 3 páginas del repo · 4 inspiraciones

De los estudios por sector · 8

Familias del cuaderno del laboratorio: referencias inspeccionadas, réplicas y demos inspiradas (docs/50, docs/53).

Salón
Salón editorial claro

Blanco y gris claro con un pastel cálido, serifa muy fina y texto grande y ligero; formas o fotos de trabajos como único adorno.

Cormorant Garamond + Manrope · 2 páginas del repo · 3 inspiraciones
Barbería
Barbería de carácter

Hueso y negro con un acento saturado, condensada o serifa enorme con la cursiva para el énfasis, datos en mayúsculas y botones en óvalo.

Antonio + Archivo · 3 páginas del repo · 3 inspiraciones
Club
Club de alto contraste

Negro absoluto y blanco con un acento saturado, condensada en mayúsculas gigante y muy apretada, píldoras de contorno y texto que rueda.

Antonio + Inter · 1 páginas del repo · 4 inspiraciones
Estudio
Estudio boutique

Rosa empolvado y marrón tierra, serifa con media frase en cursiva, sans limpia con aire y reserva siempre a mano.

Cormorant Garamond + Inter · 2 páginas del repo · 1 inspiraciones
Academia
Academia de autor

Gris claro con dos acentos, todo en minúsculas, títulos entre paréntesis, garabatos a mano y botones con sombra dura: la marca es la persona.

Onest + Onest · 2 páginas del repo · 1 inspiraciones
Escuela
Escuela amarilla

Amarillo saturado y negro, una grotesca en mayúsculas siempre apretada, recuadros con borde y sombra dura; fotos documentales de las clases.

Space Grotesk + Space Grotesk · 0 páginas del repo · 2 inspiraciones
Producto
Producto de marca

Dos tintas como una serigrafía, grotesca estrecha y gruesa a tamaño de cartel, texto grande en mayúsculas y el producto fijo mientras pasa la página.

Archivo + Space Grotesk · 3 páginas del repo · 1 inspiraciones
Aprendizaje
Aprendizaje cercano

Rosa vivo, tinta casi negra y retratos protagonistas. Titulares contundentes, controles rectangulares y una conversación como prueba del servicio.

Inter Tight + Inter · 1 páginas del repo

De la estética propia de Trama · 11

Lo que el repo ya hace y no tenía guía: ASCII, terminal, pixel, puntos (docs/54).

Mineral
Mineral y bosque

Gris mineral y verde bosque, Geist amplia, producto explorable y datos de materiales. Comercio narrativo con los pies en el suelo.

Geist + Geist · 0 páginas del repo
Ámbar
Ámbar nocturno

Negro cálido y un ámbar que parece luz. Serifa grande y lenta, muy pocas palabras y un objeto que se toca. Una experiencia, no un folleto.

Fraunces + Geist · 5 páginas del repo
Archivo
Archivo glaciar

Azul glaciar muy oscuro y hielo claro, grotesca contenida con serifa en cursiva, mono técnico y un naranja de expedición. Ciencia contada como aventura.

Inter + Inter · 3 páginas del repo
Papel
Papel ilustrado

Papel cálido, tomate, ultramar y mantequilla como tintas planas. Serifa expresiva, mono en los metadatos y dibujos sueltos por la página.

Instrument Serif + Instrument Sans · 2 páginas del repo
Señal
Señal corporativa

Papel mineral con azul eléctrico, lima y coral, grotesca de escala grande y datos monoespaciados. Una empresa de software que no parece de plantilla.

Space Grotesk + Instrument Sans · 1 páginas del repo
Festival
Festival pastel

Rosa pastel, azul real y amarillo, titular gigante de grotesca redonda y etiquetas en píxel. Una fiesta que se organiza en serio.

Bricolage Grotesque + Instrument Sans · 1 páginas del repo
Cartel
Cartel de varietés

Crema, rojo telón y oro viejo, letra de cartel gruesa con serifa y etiquetas estrechas muy espaciadas. Noche de función en un pueblo con historia.

Ultra + Manrope · 1 páginas del repo
Terminal
Terminal de neón

Negro tintado del color del acento, todo en monoespaciada, titulares gruesos en mayúsculas y un solo neón para lo que se puede tocar.

Jetbrains Mono + Jetbrains Mono · 2 páginas del repo
Arcade
Arcade pixel

Ciruela de noche, letra de píxel solo en los titulares, monoespaciada para leer, un amarillo de moneda y esquinas que no se redondean.

Silkscreen + Space Mono · 4 páginas del repo
Matriz
Matriz de puntos

Negro puro, titulares de puntos como un panel de leds, texto en mono gris y un rojo de piloto encendido como único color.

Doto + Ibm Plex Mono · 1 páginas del repo
Estudio
Estudio en papel

Papel crudo y tinta casi negra, grotesca ajustada a medio peso, filetes finos en vez de cajas y un solo color de óxido para lo importante.

Inter Tight + Inter · 5 páginas del repo · 2 inspiraciones

El repo por guías

Cada web, landing y réplica del repo medida en el navegador y comparada con las guías medidas igual: fondo, acento, letra y escala del titular, texto y superficies (medida del 2026-11-03).

PáginaTipoGuía más afínDespués
ines-brumalandingTrattoria de barrio (0.31)Residencia burdeos 0.31 · Ámbar nocturno 0.30
polaris-archivolandingArchivo glaciar (0.24)Cinta de luz 0.21 · Bloque nocturno 0.19
CIPHERGRID · producto ciberpunklandingTerminal de neón (0.45)Matriz de puntos 0.24 · Obsidiana 0.22
SIGNAL · dot matrixlandingMatriz de puntos (0.47)Terminal de neón 0.23 · Arcade pixel 0.23
FACETA · landing larga con kitlandingArcade pixel (0.13)Residencia burdeos 0.10 · Acento eléctrico 0.10
FOLIO · editorial de tema clarolandingLúdico (0.25)Catálogo de color 0.22 · Festival pastel 0.22
FORMAS · 2000dvhlandingArcade pixel (0.13)Residencia burdeos 0.10 · Obsidiana 0.10
MARÉ · minimal pixellandingArcade pixel (0.13)Residencia burdeos 0.10 · Acento eléctrico 0.10
MYCEL · red micelar orgánicalandingTerminal de neón (0.40)Matriz de puntos 0.23 · Obsidiana 0.22
PARLA · idiomas que conectanlandingAprendizaje cercano (0.41)Catálogo de color 0.30 · Estudio en papel 0.29
SILO · hard techno minimallandingProducto de marca (0.23)Bloque nocturno 0.23 · Club de alto contraste 0.21
esenciallandingEstudio en papel (0.38)Estudio en tierras 0.36 · Catálogo de color 0.35
materialandingArchivo glaciar (0.26)Cinta de luz 0.24 · Producto nocturno 0.23
rituallandingPop de manchas (0.31)Mineral y bosque 0.30 · Señal corporativa 0.30
Abuela Rosa (réplica de Peppa Sauce)inspiraciónObsidiana (0.37)Mando orbital 0.37 · Producto nocturno 0.28
Ahora (réplica de Future London Academy)inspiraciónPop de manchas (0.37)Rosa y chocolate 0.34 · Señal corporativa 0.31
Alba Residencia (réplica de ERA Residence)inspiraciónArchivo glaciar (0.40)Cinta de luz 0.37 · Residencia burdeos 0.35
Bocado (réplica de Délice)inspiraciónTrattoria de barrio (0.59)Residencia burdeos 0.30 · Ámbar nocturno 0.26
Bolo (réplica de Truck'N Roll)inspiraciónBloque nocturno (0.54)Producto de marca 0.25 · Escuela amarilla 0.21
Brasa (réplica de Meer Mohsin)inspiraciónObsidiana (0.12)Mando orbital 0.11 · Cinta de luz 0.11
Cantera (réplica de Aspen Search)inspiraciónMonocromo de agencia (0.33)Señal corporativa 0.33 · Mosaico de baldosas 0.27
Casa Melosa (réplica de House of Honey)inspiraciónResidencia burdeos (0.27)Rosa y chocolate 0.27 · Archivo glaciar 0.26
Cénit (réplica de Lusion)inspiraciónTinta a mano (0.32)Obsidiana 0.27 · Producto nocturno 0.26
Cita Barbers (réplica de Rendezvous)inspiraciónTrattoria de barrio (0.27)Estudio boutique 0.23 · Editorial cálido 0.22
Nada Corriente (réplica de Normal is Boring)inspiraciónSabana tranquila (0.41)Foro en blanco y negro 0.40 · Cartel de varietés 0.30
Grano (réplica de Glitch&Grit)inspiraciónBloque nocturno (0.45)Producto de marca 0.29 · Archivo glaciar 0.25
Impulso (réplica de Essor Fitness)inspiraciónProducto de marca (0.29)Producto nocturno 0.28 · Club de alto contraste 0.27
Llave (réplica de Units)inspiraciónPop de manchas (0.54)Mineral y bosque 0.38 · Estudio en papel 0.34
Lobo (réplica de Fenriz Gym)inspiraciónAcento eléctrico (0.34)Club de alto contraste 0.28 · Mando orbital 0.26
Majo (réplica de Fauna Robotics)inspiraciónEstudio en papel (0.46)Catálogo de color 0.45 · Señal corporativa 0.43
Marejada (réplica de Seasats)inspiraciónIngeniería serena (0.85)Lujo tranquilo 0.40 · Clínica serena 0.39
Matiz (réplica de Il Colorista)inspiraciónSalón editorial claro (0.39)Estudio boutique 0.29 · Editorial cálido 0.28
Melena (réplica de Hair Me Up)inspiraciónSalón editorial claro (0.35)Cartel de varietés 0.35 · Estudio boutique 0.34
Nácar (réplica de Moto)inspiraciónObsidiana (0.20)Residencia burdeos 0.19 · Ámbar nocturno 0.19
Nimbo (réplica de Cerebrium)inspiraciónCinta de luz (0.61)Archivo glaciar 0.47 · Técnico de producto 0.43
No mires abajo (réplica de Don't Look Up)inspiraciónTinta a mano (0.48)Rosa y chocolate 0.36 · Escuela amarilla 0.32
Núcleo (réplica de Core Atelier Pilates)inspiraciónEstudio boutique (0.88)Papel ilustrado 0.45 · Editorial cálido 0.43
Nura (réplica de ALICE Hair & Art)inspiraciónSeñal corporativa (0.09)Pop de manchas 0.09 · Tinta a mano 0.09
Oficio (réplica de Honhar)inspiraciónAcademia de autor (0.27)Festival pastel 0.25 · Cartel de varietés 0.22
Patrón (réplica de Don Barber & Groom)inspiraciónBarbería de carácter (0.39)Tinta a mano 0.27 · Rosa y chocolate 0.24
Pausa (réplica de Odyssée)inspiraciónClínica serena (0.47)Cartel de varietés 0.36 · Foro en blanco y negro 0.32
PLENO (réplica de OFFF Forum)inspiraciónÁmbar nocturno (0.31)Obsidiana 0.30 · Producto nocturno 0.28
Polilla (réplica de Aardvark Book Club)inspiraciónPop de manchas (0.57)Rosa y chocolate 0.42 · Mineral y bosque 0.36
Pulso Lento (réplica de Paul Kalkbrenner)inspiraciónCartel suizo (0.41)Monocromo de agencia 0.32 · Señal corporativa 0.32
Q47 (réplica de K72)inspiraciónObsidiana (0.35)Mando orbital 0.33 · Cinta de luz 0.29
Raíz (réplica de Marco Ambrosi)inspiraciónResidencia burdeos (0.33)Ámbar nocturno 0.27 · Producto nocturno 0.23
Remada (réplica de Surfing Academy)inspiraciónFestival pastel (0.29)Academia de autor 0.28 · Rótulo cinético 0.24
Sesión Doble (réplica de A24 de Ravi Klaassens)inspiraciónFilmoteca (0.44)Foro en blanco y negro 0.35 · Sabana tranquila 0.32
Solera Arquitectura (réplica de LPAS)inspiraciónEstudio en tierras (0.44)Técnico de producto 0.38 · Señal corporativa 0.35
Talla (réplica de Skulpt Fitness)inspiraciónBarbería de carácter (0.36)Acento eléctrico 0.33 · Club de alto contraste 0.31
Tierra Ancha (réplica de Tengile MalaMala Collection)inspiraciónLujo tranquilo (0.66)Ingeniería serena 0.38 · Filmoteca 0.35
Trocha (réplica de Radian)inspiraciónEstudio en papel (0.61)Catálogo de color 0.53 · Monocromo de agencia 0.52
Tueste (réplica de CoffeeTech)inspiraciónProducto nocturno (0.32)Archivo glaciar 0.29 · Producto de marca 0.29
Turia Grotesk (réplica de PP Neue Montreal)inspiraciónProducto de marca (0.25)Cartel suizo 0.24 · Rosa y chocolate 0.24
Ultramar (réplica de United Carriers)inspiraciónMando orbital (1.00)Obsidiana 0.40 · Producto nocturno 0.33
Vencejo (réplica de Spyker Cars)inspiraciónMotor artesano (0.58)Acento eléctrico 0.23 · Barbería de carácter 0.21
Vive (réplica de FIT AND YOU)inspiraciónClub de alto contraste (0.40)Acento eléctrico 0.21 · Producto de marca 0.17
Zanco (réplica de Noho)inspiraciónCatálogo de color (0.91)Estudio en papel 0.64 · Monocromo de agencia 0.52
Almíbar · pastelería de obradorwebPapel ilustrado (0.52)Editorial cálido 0.46 · Cartel de varietés 0.45
Almíbar · café de barrio en puntoswebLúdico (0.26)Estudio boutique 0.25 · Estudio en papel 0.24
Almíbar Taller · tartas a medidawebEstudio boutique (0.50)Editorial cálido 0.47 · Papel ilustrado 0.46
Alzado · arquitectura que se entiende en maquetawebEstudio en papel (0.36)Monocromo de agencia 0.35 · Aprendizaje cercano 0.33
Ánima · fiesta de Halloween en ValenciawebProducto nocturno (0.18)Obsidiana 0.18 · Mando orbital 0.17
Arbor · residencias entre árboleswebProducto nocturno (0.26)Obsidiana 0.23 · Mando orbital 0.21
Barro · cerámica hecha a manowebCatálogo de color (0.74)Estudio en papel 0.55 · Monocromo de agencia 0.49
Cadencia · encuentra tu ritmowebPapel ilustrado (0.37)Estudio boutique 0.35 · Filmoteca 0.34
Clara Vidal · estilismowebCartel suizo (0.44)Catálogo de color 0.33 · Estudio en papel 0.30
Cota · topografía con dron y gemelos digitaleswebProducto nocturno (0.33)Archivo glaciar 0.30 · Cinta de luz 0.26
Esparta · barbería de carácterwebBarbería de carácter (0.46)Rosa y chocolate 0.27 · Tinta a mano 0.24
Marea Studio · estudio creativowebEstudio en papel (0.45)Mosaico de baldosas 0.43 · Catálogo de color 0.43
Faro · soporte para equipos y agenteswebProducto nocturno (0.80)Obsidiana 0.44 · Cinta de luz 0.38
Forja · entrena tu siguiente nivelwebAcento eléctrico (0.30)Residencia burdeos 0.23 · Archivo glaciar 0.22
ArcoForo · una semana de diseño, arte y cultura digitalwebÁmbar nocturno (0.33)Residencia burdeos 0.29 · Obsidiana 0.29
Hamaca · radio de veranowebAcademia de autor (0.16)Rótulo cinético 0.16 · Papel ilustrado 0.15
Hebra · un buen día de pelowebCartel de varietés (0.39)Ingeniería serena 0.38 · Clínica serena 0.37
Kernel Log · blog de tecnologíawebProducto nocturno (0.37)Obsidiana 0.31 · Archivo glaciar 0.29
La Tramoya · venta-teatro en ChiclanawebÁmbar nocturno (0.31)Residencia burdeos 0.30 · Trattoria de barrio 0.28
Maravillas · un gabinete de curiosidades que hay que recomponerwebEditorial cálido (0.41)Foro en blanco y negro 0.33 · Estudio boutique 0.31
Mota · interiorismo y marca con carácterwebLúdico (0.35)Festival pastel 0.33 · Rótulo cinético 0.25
NÁDIR · una señal al otro lado del silenciowebBloque nocturno (0.30)Producto de marca 0.22 · Club de alto contraste 0.18
Onda Instruments · equipos para DJ y músicoswebProducto nocturno (0.29)Archivo glaciar 0.25 · Mando orbital 0.24
Pixelforge · tienda de assetswebArcade pixel (0.29)Matriz de puntos 0.25 · Producto nocturno 0.22
Plano · revisión de modelos de edificaciónwebCatálogo de color (0.34)Cartel suizo 0.31 · Monocromo de agencia 0.30
Pulso · panel de métricaswebProducto nocturno (0.32)Obsidiana 0.26 · Mando orbital 0.26
Runa · el roguelite de Estudio Musgo, en una demo que se juega en la webwebAcento eléctrico (0.23)Arcade pixel 0.18 · Residencia burdeos 0.18
Sonar · estudio de identidad sonorawebÁmbar nocturno (0.49)Residencia burdeos 0.38 · Trattoria de barrio 0.29
Travesía · documentales de marwebResidencia burdeos (0.23)Ámbar nocturno 0.23 · Arcade pixel 0.21
Vértice · grupo industrialwebCatálogo de color (0.41)Mineral y bosque 0.39 · Estudio en papel 0.39
Vigía · videovigilanciawebProducto nocturno (0.34)Obsidiana 0.30 · Matriz de puntos 0.27
Nora Vidal · ciclista profesionalwebResidencia burdeos (0.29)Trattoria de barrio 0.29 · Ámbar nocturno 0.24
La Voz de la Tierra · el Disco de Oro de las Voyager, en cuatro rutaswebÁmbar nocturno (0.40)Residencia burdeos 0.40 · Trattoria de barrio 0.39

Laboratorio

La misma historia, contada con cada guía

Elige una guía, cambia la composición de la portada y la estructura del relato, y compáralas. El contenido es siempre el mismo (Albor, una marca ficticia): lo único que cambia es cómo se cuenta.

Guía
Composición
Relato
Vista

Lujo tranquilo

Hueso cálido, una tinta oliva, serifa fina en mayúsculas y vídeo a sangre. Calma, tiempo y oficio.

Para: Hotel, clínica estética, inmobiliaria de lujo, bodega, joyería. Sale de: Tengile Malamala, Odyssée, Son Daven, White Desert.

Titular
2.75rem, 8.3vw, 9.5rem · peso 300 · interlineado 0.9 · -0.02em · mayúsculas
Espacio
margen 16px · 12 col × 16px
Movimiento
0.3s / 1.2s / página 1s · stagger 0.08s
Variante
editorial
Hablar con el estudioAlborMenú

Luz quellega lejos

Diseñamos lámparas y espacios que aprovechan la luz del día. Menos consumo, más calma, y casas que se leen sin encender nada.

Ver colección
app/page.tsx
import GuideFrame from "@/components/ui/GuideFrame";import { GuideHeroView } from "@/components/site/guias/heroes"; // Guía «Lujo tranquilo» · C1export default function Page() {  return (    <GuideFrame guide="lujo" as="main">      <GuideHeroView id="split-video" />    </GuideFrame>  );} // Con tu propio contenido: <GuideHeroView id="split-video" content={{ ...CONTENT, title: "…" }} />// O solo la guía, con tu marcado: <GuideFrame guide="lujo"><h1 className="ui-g-h1">…</h1><p className="ui-g-body">…</p></GuideFrame>