Canonical Vanilla

Canonical Vanilla / 2013– / Estilo / Lenguajes de pantalla

El lenguaje visual de Canonical basado en CSS unifica Ubuntu, MAAS, Juju y sus sitios y aplicaciones mediante la tipografía Ubuntu, retículas divididas, secciones con filetes y espacio generoso, optimizados para recorrer contenido técnico extenso.

Canonical Vanilla — interpretación generada por IA 1 — Interpretación generada por IA, no una obra de referencia

Canonical Vanilla — interpretación generada por IA 2 — Interpretación generada por IA, no una obra de referencia

Canonical Vanilla — interpretación generada por IA 3 — Interpretación generada por IA, no una obra de referencia

De un vistazo

Rasgos visuales

Títulos grandes y finos junto a subtítulos menores en negrita con tipografía Ubuntu
Divisiones asimétricas 25/75 y 50/50
Filetes finos sobre las secciones y amplio espacio vertical
Superficies blancas, texto oscuro y foco naranja o berenjena

Usos idóneos

Technical product sites whose long copy must be scanned rapidly by heading
Sharing one typography and sectional rhythm across Canonical product sites and admin apps

Usar este estilo

Lleva el resumen al proyecto o entrega la especificación estructurada a una herramienta de IA.

design.md prompt de imagen API JSON MCP y acceso automático Combinar

abrir en ChatGPT abrir en Claude abrir en Google AI

Guía detallada y fuentesReglas de producción, obras de referencia, comparaciones, investigación y citas

Entrada del diccionario

Tipografía: Use Ubuntu Variable with light display headings and bold small headings and UI labels.
Composición: Divide an eight- or twelve-column grid in 25-percent units, putting short headings left and longer content right; rule the section tops.
Material: Start from white space and dark text, using orange or aubergine only for links, focus and brand moments.
Precaución: Ubuntu type alone does not make Vanilla. Keep the quarter-based splits and the reading rhythm between sections consistent too.
Para profundizar: Vanilla brochure layouts / Ubuntu variable type scale / Canonical application layout

Entradas relacionadas

Mozilla Protocol (Mozilla Protocol)Misma familia: Lenguajes de pantalla.Comparar Canonical Vanilla y Mozilla Protocol
GitHub Primer (GitHub Primer)Misma familia: Lenguajes de pantalla.Comparar Canonical Vanilla y GitHub Primer

Más de Lenguajes de pantalla

Continúa con estilos de Lenguajes de pantalla, priorizados por sus efectos compartidos.

Adwaita (アドワイタ)Efectos compartidos: Technique / Calm / Trust.
GOV.UK Design System (GOV.UK デザインシステム)Efectos compartidos: Trust / Calm / Technique.
Breeze (ブリーズ)Efectos compartidos: Technique / Calm / Trust.

Ver todas las entradas de Lenguajes de pantalla

Citar esta entrada

El diccionario existe para que se enlace. Toma la forma que encaje donde estés escribiendo.

Link: https://indexstyle.org/es/styles/canonical-vanilla
Markdown: [Canonical Vanilla — IndexStyle](https://indexstyle.org/es/styles/canonical-vanilla)
HTML: <a href="https://indexstyle.org/es/styles/canonical-vanilla">Canonical Vanilla — IndexStyle</a>

Volver a su posición en el índice