Stella Nova/Ejemplo
Stella Nova ▸ Ejemplo
Ejemplo
Esta página usa el repertorio de Stella Nova como lo usaría una página real. Sirve para mirar el sistema funcionando y para abrir su wikitexto y copiar lo que haga falta. Al final va el inventario de lo que se usó.
Cada recurso está explicado en Grilla y estilos y Tokens.
Aquella estrella estaba muriendo, y su consecuencia mayor fue filosófica, porque demostró que los cielos, que la tradición creía inmutables, cambian.
Una banda fondo-ahuesado con una cita dentro. La cita toma sola la familia de contraste: si el lector lee en sans, la cita sale en serif, y al revés.
Cuatro piezas
Una grilla cols-auto reparte las tarjetas según el ancho disponible. Al angostar la ventana se reacomodan solas.
Papel
La hoja es crema y se asienta sobre el campo con una sombra mínima.
Tinta
El texto es negro cálido. El negro absoluto pertenece a la pantalla.
Nova
Un único acento carmín, reservado al foco, al isotipo y a los enlaces. Se gasta con recato.
Retícula
Todo el ritmo vertical cae en múltiplos de una misma línea base, calculada desde la interlínea del cuerpo.
Una explicación al costado
El arreglo cols2-1 da dos tercios al diagrama y un tercio al comentario. Con align-center el texto queda centrado respecto de la figura, aunque tengan alturas distintas.
Una ficha
El modificador plantilla sobre una wikitable la convierte en ficha: pares de clave y valor, sin filetes internos.
| Obra | Stella Nova |
|---|---|
| Autor | Herbert Spencer |
| Ronda | Taller de Investigaciones Gráficas |
| Materialidad | Digital |
| Clase | Para qué |
|---|---|
wikitable |
Tabla comparativa: filetes horizontales, columnas. |
wikitable plantilla |
Ficha vertical: etiqueta y valor. |
Una ficha describe un objeto y una tabla compara varios, así que elegir mal obliga al lector a leer en la dirección equivocada.
Un aviso y dos botones
El aviso tiene una sola variante. Si hace falta distinguir gravedades, la distinción va en las palabras.
Ver la documentación Ver los tokens
Una banda invertida
Este bloque usa fondo-opuesto, que fuerza el tema contrario al que esté leyendo el visitante. Si la página está en claro, esta franja sale oscura; si está en oscuro, sale clara.
Redefine el esquema de color del bloque completo, así que la tinta, los filetes y los enlaces de adentro voltean con él. Es el recurso más plástico del sistema y por lo mismo el que rinde usado una vez por página.
Cómo está hecha esta página
| Recurso | Dónde aparece | Documentado en |
|---|---|---|
full-width |
El sketch del encabezado, de borde a borde | Grilla |
fondo-ahuesado |
La banda de la cita | Grilla |
fondo-opuesto |
La franja invertida del final | Grilla |
grid cols-auto |
Las cuatro tarjetas | Grilla |
grid cols2-1 align-center |
El diagrama con su comentario | Grilla |
grid cols-2 align-top |
Las dos tablas comparadas | Grilla |
wikitable plantilla |
La ficha de la obra | Grilla |
sn-notice |
El aviso | Grilla |
wiki-btn y wiki-btn red |
Los dos botones | Grilla |
sm y left |
Los comentarios al costado y esta tabla | Grilla |
{{#mermaid:}} |
El diagrama de las tres capas | Ontología de Casiopea |
blockquote |
La cita de la banda | automático, sin clase |
Ninguna línea de esta página declara un color, un tamaño ni un margen. Todo sale del skin.
Véase también
- Stella Nova — la portada del skin.
- Stella Nova/Grilla — cada recurso de esta página, con su explicación.
- Stella Nova/Tokens — el vocabulario de variables que hay debajo.