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/ko/styles/canonical-vanilla
- Markdown
- [Canonical Vanilla — IndexStyle](https://indexstyle.org/ko/styles/canonical-vanilla)
- HTML
- <a href="https://indexstyle.org/ko/styles/canonical-vanilla">Canonical Vanilla — IndexStyle</a>