Canonical Vanilla
Canonical Vanilla / 2013– / 风格 / 平台界面语言
Canonical基于CSS的界面语言，通过Ubuntu字体、分割网格、带细线的段落与充足空间统一Ubuntu、MAAS、Juju等站点与应用，适合快速浏览长篇技术内容。
快速判断
视觉特征
- Ubuntu字体的大号细标题与较小粗标题
- 不对称的25/75与50/50分栏
- 段落上方细线与充足纵向空间
- 白色表面、深色文字与橙色或茄紫色焦点
适用场景
- 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
使用这一风格
把简短指引带入项目，或将结构化规格交给AI工具。
详细方法与出处制作规则、真实案例、比较、研究与引用格式
辞典词条
- 字体
- 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
相关词条
- Mozilla Protocol (Mozilla Protocol)同属平台界面语言。比较Canonical Vanilla与Mozilla Protocol
- GitHub Primer (GitHub Primer)同属平台界面语言。比较Canonical Vanilla与GitHub Primer
继续浏览平台界面语言
从平台界面语言中按共同感受优先推荐以下词条。
- Adwaita (アドワイタ)共同感受：Technique / Calm / Trust。
- GOV.UK Design System (GOV.UK デザインシステム)共同感受：Trust / Calm / Technique。
- Breeze (ブリーズ)共同感受：Technique / Calm / Trust。
引用此条目
这部辞典就是用来被链接的。请取用适合你写作场合的那一种形式。
- 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>