Home Tools & Processes Nutcracker DS

DESIGN SYSTEM LIBRARY • ORG: Delivery Hero • Sep 2021 - Aug 2022

Nutcracker Design System | HeroCash

HeroCash Design System Cover
Table of Contents
Design Principles

Design tokens

Spacing Tokens
Font Weight Tokens
Color Palette Tokens
Shadow Tokens

Master Components

Implementing Brad Frost's Atomic Design, Nutcracker Master components are reusable building blocks specifically created to work together to create familiar and consistent patterns and intuitive user experiences. Each component has its associated interaction, UI needs, state changes, and variants, all with accessibility built into them.

HeroCash Logo Construction
Button Component
Input Field Components
Bottomsheet Component
Listview Components
Iconography
Illustration
Motion Design
Accessibility Guidelines
Thanks for watching

Projects to explore