12 de 12
Recursos
Los archivos, listos para usar. Lo que no está listo se dice, no se sirve.
Lomos iguales, de pie y ninguno rotulado: en el anaquel no hay nada a medio terminar, así que ninguna caja tiene que anunciarse. Un archivo donde hace falta avisar cuáles cajas sirven ya dejó de ser un archivo.
Cada asset dice qué es y para qué sirve. Lo que no está aquí no está listo: nada provisional se presenta como final.
Entra el archivo y entra la prueba de que el archivo sirve. Por eso cada bloque abre con el espécimen a tamaño real y no con una miniatura: un logotipo de 240px dentro de una caja demuestra que el logotipo existe, que es exactamente lo que nadie vino a averiguar.
Se compone, no se descarga
El logotipo
NONOVA en versales, glífica flareada, tracking de 0.32em. Corre como texto en la cara, no como archivo: el corte definitivo todavía se licencia, y un vector trazado sobre el sustituto sería un logotipo que hay que volver a dibujar. Aire de una O alrededor; mínimos 120px en pantalla, 28mm impreso.
Se compone con la cara viva y nunca se tiñe fuera de los pares permitidos. Cómo se construye y cómo se rompe está en Wordmark.
El vector y el paquete raster salen el día que el corte esté licenciado. Hasta entonces el logotipo se compone, no se descarga.
Sobre papel
Tinta · #1F2120 · 15.22:1
Sobre noche
Papel · #F8F8F5 · 16.74:1
Los dos pares permitidos, a su cuerpo real y con su ratio medido debajo. Es todo el archivo que hay: quien necesite el logotipo compone estas dos líneas, y por eso el espécimen tiene que enseñar el tracking de verdad — una miniatura probaría que el logotipo existe, no cómo se pone.
Oficial · dos O entrelazadas
El símbolo
Las dos O del nombre, unidas: la marca de soporte del sistema — favicon, sello, micro-superficies, estados de carga. El acento nunca lo tiñe.
- simbolo-oo.svgSVGSímbolo unido, geometría exacta (solape de 39u sobre centros a 92u).
La secuencia de entrada —las letras se funden, las dos O se unen— corre en el sitio y no se distribuye como archivo: es comportamiento, no asset.
El mismo dibujo a 260px y a 16px. A tamaño de favicon el solape tiene que seguir leyéndose como dos anillos: si se cerrara en una mancha, el símbolo estaría mal dibujado y ningún tamaño mínimo lo salvaría.
13 direcciones · generado en build
Los design tokens
Generados en cada build desde el registro tipado del sistema, así que nunca se desincronizan del CSS que corre el sitio. El JSON incluye la matriz de contraste medida.
:root {
--color-papel: oklch(0.978 0.003 95); /* #F8F8F5 · Papel */
--color-papel-2: oklch(0.962 0.008 92); /* #F4F2ED · Papel 2 */
--color-tinta: oklch(0.246 0.004 158); /* #1F2120 · Tinta */
--color-tinta-sub: oklch(0.508 0.006 150); /* #636664 · Tinta-sub */
--color-hilo: oklch(0.885 0.008 90); /* #DBD9D3 · Hilo */
…
}Las primeras líneas del archivo que se baja, escritas leyendo el mismo registro que pinta esta página. No es una muestra de cómo se vería: es el archivo, y por eso no puede quedarse atrás de lo que se ve alrededor.
- tokens.cssCSSCustom properties: color (OKLCH + HEX), espaciado, motion, tracking, radios.
- tokens.jsonJSONTodo el registro + matriz WCAG medida + reglas duras del sistema.
La regla de esta sección
Lo que no está listo se dice, no se sirve.
Un archivo a medio terminar publicado como final cuesta más caro que un hueco: quien lo baja lo usa, y lo usado no se puede llamar de vuelta. Por eso el logotipo se compone mientras la cara sea sustituto, y por eso los dos cortes comprometidos no se sirven desde aquí.
Es el artículo 04 aplicado al archivo: no hay una versión del inventario para adentro y otra para afuera. El hueco se publica con el mismo cuidado que la pieza terminada, y en el mismo lugar donde alguien lo iría a buscar.
Dirección de foto
La fotografía
Las tomas con las que corre el libro: cada una ilustra una página o arma un bloque del sitio, y no se lista ninguna que no esté en uso. Click en cualquier lámina para descargarla. La regla que las gobierna es una sola: la arquitectura puede ser de club, los objetos no. Cómo se decide una toma está en Fotografía.
La entrada
7 tomas
Frontal, a un punto, sin picada ni contrapicada. Toda toma de acceso se puede atravesar con la vista: es la puerta abierta dicha con materia.
Las tomas del acceso, juntas y del mismo tamaño: así se ve que la cerrada y la abierta son el mismo encuadre con la hoja movida, y no dos fotos de dos puertas. Sueltas y a tamaño de miniatura, esa pareja no prueba nada.
Las casas
3 tomas
Tres cuartos del mismo edificio, con el mismo estándar. Dicen para qué se está aquí, nunca qué tan adentro.
Las tres a la par y producidas igual. Ninguna está mejor iluminada ni mejor amueblada que las otras dos, y ése es todo el argumento: la casa cambia el cuarto, jamás el estándar.
Los objetos y el registro
12 tomas
Cajas cerradas, placas sin grabar, lacres con el centro liso. El material se fotografía y la letra se pone en vector encima, así que lo que se descarga viene en blanco a propósito.
Toda la familia junta y ni una letra en ninguna superficie. Ese vacío es la razón por la que estas tomas sirven de asset: el nombre entra después, en vector. Una caja con el logotipo horneado ya no es material, es una pieza terminada que sólo sirve una vez.
Los fondos
3 tomas
Materia para el campo, no imágenes. Van en mosaico y muy velados: a plena fuerza compiten con el texto y dejan de ser fondo.
Aquí se ven a plena fuerza, y por eso se ven mal: puestos así compiten con cualquier letra que caiga encima. En uso van en mosaico y muy velados — si un fondo se distingue, dejó de ser fondo.
No distribuible
La tipografía
Los dos cortes comprometidos del sistema son de retail y su licencia se compra, así que no se distribuyen desde aquí. Lo que corre son cuatro sustitutos abiertos, todos de Google Fonts. Sirven para juzgar la clase, que es lo que está decidido, no el corte.
Glífica flareada
Marca · wordmark
Marcellus
--font-glif
Transicional firme
Titulares · despliegue (eje óptico expuesto)
Source Serif 4
--font-serif
Grotesca neutra
Texto · interfaz
Inter
--font-sans
Monoespaciada
Datos · registro
JetBrains Mono
--font-mono
Las cuatro corriendo, cada una en su propia cara y a cuerpo grande. Lo que hay que reconocer aquí es la clase —qué carga la modulación, qué carga el remate—, y eso a tamaño de párrafo no se ve. La escala y el tracking están en Tipografía.
Tres huecos contados
Lo que todavía no se sirve
Lo de arriba está listo y se baja. Lo de aquí no, y por eso se cuenta: un inventario que sólo publica sus aciertos obliga a preguntar por lo demás.
- 01El vector del logotipoSale el día que el corte esté licenciado. Trazarlo sobre el sustituto sería dibujar dos veces el mismo logotipo.
- 02Los dos cortes comprometidosSon de retail: su licencia se compra y no se distribuye desde aquí. Los cuatro sustitutos abiertos que corren están arriba, con su clase.
- 03La segunda ronda de fotografíaUn retrato horizontal de portada, tres verticales de casa y un bodegón para el campo oscuro. Están contadas una sola vez, en Fotografía.
La lista de tomas que faltan vive en Fotografía, y sólo ahí: una segunda copia en esta página sería una segunda fuente, y la segunda es siempre la que se queda atrás.