Design

Description

Sidebar navigation

Overview

Introduction
- Topic Overview

Logo

Introduction
- Principles
- Coming up next

Colors

Introduction
Brand Colors
Base Colors – Gray
- Usage guidelines
- Specifications
Base Colors – Interaction
- Usage guidelines
- Specifications
Base Colors – Functional
- Usage guidelines
- Specifications
Highlight Colors
- ZEISS Cyan
Resources & Downloads
- Tools
- Downloads

Typography

Introduction
Digital Typeface
Font Settings
- Tracking
- Alignment
- Leading
- Hyphen and Dash
- Case
Resources & Downloads
- Fonts

Layout & Grid

Introduction
Basics
Resources & Downloads

Iconography

Introduction
Basics
- Anatomy
- Types
- Grid
- Color
Types & Sizes
- Glyphs
- Icons
- Pictograms
Employing Icons
Resources & Downloads
- Downloads

Themes

Introduction
Light & Dark
Hybrid Themes
Resources & Downloads
- Tools

Interaction

Introduction
- Principles
- Topics at a Glance
Interaction States
- Interactive Elements
- Button States
Emphasis
- Emphasis Levels
- Relationship with States
Resources & Downloads

Elevation & Shadows

Introduction
Basics
Resources & Downloads

Motion

Introduction
Basics
Motion Effect Examples
Resources & Downloads
- References

Patterns

Destructive actions