- Brand
- Basics
-
Media
Media
- Overview
- Advertisements
- Brochure & report covers
- Brochure & report contents
- Out-of-home
- PowerPoint
- Newsletters
- Online banners
- Social basics
- Branding on packages
- Stationery
- Promotional items
- Sponsorship
- Transportation
- Workwear
- Exterior brand design
- Interior brand design
- Equipment
- Events
- UI Design
- Resources
UI Design
Tetra Pak digital design system, a living style guide consisting of guidelines, patterns, components and resources for building cohesive Tetra Pak products and digital experiences. Serving a wide range of designers and developers, this system goal is to make work processes more effective and collaborative to create qualitative and consistent user experiences across customer touchpoints.
Get Started
As a designer start familiarize yourself around the foundational guidance including UX principles, responsiveness, composition. Also make sure you visit the Brand basics
Introduction
Why do we have a design system, what is it and what are the benefits of using one?
Go to Introduction
UX Principles
Learn the fundamental UX principles for creating useful products and services
View UX Principles
Composition
Learn around how to compose layouts and the relationships of UI elements and functions
Go to CompositionComponents
Interact and explore examples to understand behaviours and learn how to use the components
Go to Components
Design Kit
Use the design kit for Figma for a more efficient work process when designing experiences. To start using the library use the link below.
Figma Design Kit
Icon Library
Browse and download icons adapted for digital design in .svg or .png format
Go to Icon Library