---
title: Blog posts tagged "Vanilla"
description: Canonical makes open source secure, reliable and easy to use, providing
  support for Ubuntu and a portfolio of enterprise-grade technologies. Founded in
  2004, Canonical operates globally with team members in over 80 countries.
url: https://canonical.com/blog/tag/vanilla?format=md
---

# Blog posts tagged "Vanilla"

#### [Vanilla 4.0 release](https://canonical.com/blog/vanilla-4-0-release)

Last week we released a new major version of the Vanilla framework. Vanilla 4.0 introduces the elements of the new style used for a current rebranding of Canonical’s brochure websites, including typography changes of headings utilising new variable Ubuntu font, wider grid width, removed rounded corners, some updated colours, and updates t

---

Design

#### [How we implemented an interactive Live Demo Box](https://canonical.com/blog/live-demo-box)

The Vanilla squad recently spent a two week sprint prototyping an interactive live demo box. We were tasked with coming up with a proof of concept, to enable demoing of each variant of our examples dynamically. A few guest developers were able to joined us, which meant four of us were able to dedicate a

---

Design

#### [Release of Vanilla framework v3.0](https://canonical.com/blog/release-of-vanilla-framework-v3)

We’ve just released Vanilla v3.0 – a new major update to our CSS framework. It includes a few significant updates and improvements around spacing variables, responsive breakpoints, a new expanding search box and various updates to existing components. Important aspects of the release include dropping a noticeable chunk of deprecated style

---

Company

#### [Taming unruly logo sections](https://canonical.com/blog/taming-unruly-logo-sections)

Making logo sections can be tricky. Logos come in all shapes and sizes, and without proper care, it is easy to end up with a poorly balanced layout. The problem has two aspects: Creating a responsive section that respects the layout structure of the page it is part of, which in most cases means being

---

Company

#### [Improving the code experience in Vanilla](https://canonical.com/blog/improving-the-code-experience-in-vanilla)

For a long time, code in Vanilla was simply set in a monospace font, and we saw an opportunity to improve the way we deliver code examples to users. A key goal is code clarity – code is not particularly resistant to errors: a missing character (or in some languages, a space or tab) can

---

Design

#### [Accessibility audit of Vanilla framework](https://canonical.com/blog/accessibility-audit-of-vanilla-framework)

The team behind the Vanilla Framework has a background in development, UX and Visual Design. We all care about accessibility, but none of us is an accessibility expert. We were interested in evaluating how well the framework complies with accessibility standards. We decided to start with an internal audit, fix any issues we find, then

---

Design

#### [Automating our Vanilla releases with GitHub actions](https://canonical.com/blog/automating-our-vanilla-releases-with-github-actions)

The Vanilla framework has a history of being released very infrequently. Sometimes it has been months between releases, which made the upgrade process often hard and time-consuming. One of the reasons for that was a manual and a quite time-consuming release process. Over several weeks earlier this year, we’ve been working on various impro

---

Design

#### [The lifecycle of a component](https://canonical.com/blog/the-lifecycle-of-components-in-your-design-system)

Vanilla Framework is a living design system for our products that will grow along with our organisation. Vanilla’s component library is used by many internal and external websites along with the cloud applications JAAS dashboard and MAAS UI. We release updates approximately every 2 weeks, either for bug fixes, improvements or new componen

---

Design

#### [Design and Web team summary – 03 September 2019](https://canonical.com/blog/design-and-web-team-summary-03-september-2019)

This was a fairly busy two weeks for the Web & design team at Canonical.  Here are some of the highlights of our completed work. Web squad Web is the squad that develop and maintain most of the brochure websites across the Canonical. Build and release dqlite.io The dqlite.io site has been built and deployed.

---

Design

#### [Design and Web team summary – 25 June 2019](https://canonical.com/blog/design-and-web-team-summary-25-june-2019)

This was a fairly busy two weeks for the Web & design team at Canonical.  Here are some of the highlights of our completed work. Web squad Web is the squad that develop and maintain most of the brochure websites across the Canonical. Getting started with AI webinar We build a page to promote the

---

Design

#### [Vanilla Framework 2.0 upgrade guide](https://canonical.com/blog/vanilla-framework-2-0-upgrade-guide)

We have just released Vanilla Framework 2.0, Canonical’s SCSS styling framework, and – despite our best efforts to minimise the impact – the new features come with changes that will not be automatically backwards compatible with sites built using previous versions of the framework. To make the transition to v2.0 easier, we have compiled a

---

Cloud and server

#### [New release: Vanilla framework 2.0](https://canonical.com/blog/new-release-vanilla-framework-2-0)

Over the past year, we’ve been working hard to bring you the next release of Vanilla framework: version 2.0, our most stable release to date. Since our last significant release, v1.8.0 back in July last year, we’ve been working hard to bring you new features, improve the framework and make it the most stable version

---

Cloud and server

#### [Design and Web team summary – 10 June 2019](https://canonical.com/blog/design-and-web-team-summary-10-june-2019)

This was a fairly busy two weeks for the Web & design team at Canonical.  Here are some of the highlights of our completed work. Web Web is the squad that develop and maintain most of the brochure websites across the Canonical. Integrating the blog into www.ubuntu.com We have been working on integrating the blog

---

Cloud and server

#### [Web and Design team summary – 7 May 2019](https://canonical.com/blog/web-and-design-team-summary-7-may-2019)

This was a fairly busy two weeks for the Web & design team at Canonical.  Here are some of the highlights of our completed work. Web Web is the squad that develop and maintain most of the brochure websites across the Canonical. Supported the 19.04 release We updated the websites for 19.04 and added a

---

Design

#### [Design and Web team summary – 29 March 2019](https://canonical.com/blog/design-and-web-team-summary-29-march-2019)

This was a busy two weeks for the Web & Design team at Canonical. Many of the things we worked on will be completed in the next iteration, but here are some of the highlights of our completed work. Snapcraft.io New JetBrains publisher page We have now a link to the JetBrains collection of snaps

---

Cloud and server

#### [Vertical rhythm and spacing in Vanilla Framework 2.0](https://canonical.com/blog/vertical-rhythm-and-spacing-improvements-in-vanilla-framework-2-0)

Overview of the typographic improvements to our CSS framework introduced over the past 12 months.

---

Cloud and server

1. *Previous page*
2. [1](https://canonical.com/blog/tag/vanilla?format=md&page=1)
3. [2](https://canonical.com/blog/tag/vanilla?format=md&page=2)
4. [*Next page*](https://canonical.com/blog/tag/vanilla?format=md&page=2)
