App patterns explained : Layout

app design app patterns explained Design

We want everyone to design and build beautiful and usable apps, and the App Design Guides help us do just that! So to kick things off, if you’re thinking about how to layout your app in portrait view, here’s how.

Core layout

Your app must have

A header on the top of the screen, which consists of a coloured line, a title area and a divider
A content area
A toolbar with app controls which is revealed by using the bottom edge

For details about the header, toolbar and content areas, read more about app layouts.

Igor Ljubuncic
24 January 2024

Canonical’s recipe for High Performance Computing

HPC HPC

In essence, High Performance Computing (HPC) is quite simple. Speed and scale. In practice, the concept is quite complex and hard to achieve. It is not dissimilar to what happens when you go from a regular car to a supercar or a hypercar – the challenges and problems you encounter at 100 km/h are vastly ...

Anthony Dillon
25 October 2023

Web team – hack week 2023

Design Article

Today, around 96% of software projects utilize open source in some way. The web team here at Canonical is passionate about Open source. We lead with an open-by-default approach and so almost everything we do and work on can be found publicly on the Canonical Github org. It is not enough to simply open our ...

Bartek Szopka
18 July 2023

Vanilla 4.0 release