Web and design
Engage pages The content of topics in this category are displayed at https://ubuntu.com/takeovers. [Pattern] Search and Filter Component This is the category for [Pattern] Search and Filter Component [Pattern] Command links Overview As we are adding more and more features to our websites and applications, there is a blur line between the usage of buttons and links. Originally, buttons offered actions, while links offered navigation. On a semantic and syntax level some application-like websites are offering blue links as actions to expand/collapse a component, jump to a different part of a page, or execute a command on a website. Whereas some buttons route a user to a new page instead of triggering an action. [Pattern] Modular Side Navigation Component Patterns and components that are defined becomes a category on their own with detailed guidelines and examples on how to use them across Canonical cloud products and websites. Team The Web and Design team is led by Peter Mahnke. [Pattern] Empty states State zero or the empty state is the moment in the app where there is no data to display in the UI. [Pattern] Key/Value pair It is a design pattern to list a number of values with their corresponding keys. It’s a component required when listing properties for a complex element in a collection of similarly grouped elements. [Pattern] Mandatory Form Fields This work aims to improve accessibility and resolve inconsistencies around field validation. The way we indicate mandatory fields and the way we deal with erroneous submissions can be made more usable for users with or without assistive technology (AT). CLI Guidelines The CLI guidelines are Canonical’s best practices around designing command line tools and console UIs. [Pattern] Code snippet Pattern for how we display code to users in the Vanilla framework. [Pattern] Notifications Design a consistent pattern for delivering Notifications to users across our websites, web apps and administrative views. [Pattern] Modular Table Component Patterns and components that are defined becomes a category on their own with detailed guidelines and examples on how to use them across Canonical cloud products and websites. Patterns (discussions) Propose and discuss repeatable and reusable patterns from the Web and Design team , that are (re)used across Canonical cloud products and websites.