Portada
El tránsito de fuego
Eunice Odio
Ver libro
$17.000
Agnición Ediciones · Sistema de diseño
Hoja de estilo
Referencia del sistema visual del sitio: colores, tipografías, botones y componentes. Documenta lo que existe en producción y se irá ampliando a medida que el proyecto crece. Corresponde a la Propuesta A validada: fondo oscuro, Source Serif 4 itálica e Inter.
Color
La interfaz vive sobre fondo crudo; el oscuro aporta peso editorial. El color cromático lo ponen las portadas de los libros, no la interfaz.
--oscuro
#2C2820 · fondo oscuro
--oscuro-2
#1A1814 · texto / footer
--crudo
#FAF8F4 · base clara
--crudo-d
#E4DFD3 · líneas / bordes
--linea
blanco 12% · divisores
Texto secundario
--gris-t
blanco 55% · texto sobre oscuro
Texto terciario
--gris-t2
blanco 35% · detalles tenues
Tipografía
Dos familias: Source Serif 4 en itálica para títulos y voz editorial; Inter para texto, etiquetas y navegación.
Aa
Source Serif 4
Aa
Inter
Una acción de lectura
.hero-title · Source Serif 4 italic · clamp(44–76px) · tracking −0.01em
Recién llegados a circulación
.seccion-titulo / .col-titulo-grande · Source Serif 4 italic · 30px
El tránsito de fuego
.libro-titulo · Source Serif 4 italic · 16px
Agnición Ediciones rescata y hace circular textualidades ausentes, extraviadas o emergentes del territorio hispanohablante.
Texto base · Inter · 16px · line-height 1.6
Últimos títulos
.seccion-label / .hero-eyebrow · Inter · 11px uppercase · tracking 0.12–0.22em
Botones
Etiqueta en mayúsculas, Inter 11.5px, tracking 0.12em. Dos variantes: sólido para acción principal y contorno para acción secundaria.
Componente: ficha de libro
El componente central del sitio. En la vitrina se liga a Products; el título y autor vienen del producto, mientras portada y precio provienen del SKU.
Portada
.libro
└ .portada
└ img → SKU · Main Image
└ .libro-meta
└ .libro-info
└ .libro-titulo → Product · Name
└ .libro-autor → Product · Autor
└ .libro-accion
└ a.libro-link "Ver libro" → ficha de producto
└ .libro-precio → SKU · Price