Canonical Vanilla
Canonical Vanilla / 2013– / 风格 / 平台界面语言
Canonical's CSS-based screen language unifies Ubuntu, MAAS, Juju and related sites and applications through Ubuntu type, split grids, ruled sections and generous space, optimized for scanning long technical content.
Thin large headings paired with bold smaller headings in Ubuntu type / Asymmetric 25/75 and 50/50 splits / Fine rules above sections and generous vertical space / White surfaces, dark text and orange or aubergine focus

辞典词条
- 适用场景
- 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
- 字体
- Use Ubuntu Variable with light display headings and bold small headings and UI labels.
- 版面
- Divide an eight- or twelve-column grid in 25-percent units, putting short headings left and longer content right; rule the section tops.
- 材料
- Start from white space and dark text, using orange or aubergine only for links, focus and brand moments.
- 注意
- Ubuntu type alone does not make Vanilla. Keep the quarter-based splits and the reading rhythm between sections consistent too.
- 延伸阅读
- Vanilla brochure layouts / Ubuntu variable type scale / Canonical application layout
相关词条
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- Link
- https://indexstyle.org/zh/styles/canonical-vanilla
- Markdown
- [Canonical Vanilla — IndexStyle](https://indexstyle.org/zh/styles/canonical-vanilla)
- HTML
- <a href="https://indexstyle.org/zh/styles/canonical-vanilla">Canonical Vanilla — IndexStyle</a>