Join Waitlist

Introducing Boxes

Learn the basics of design systems .

New to design systems? Here's a comprehensive guide and template to building cohesive, scalable design systems.

Guide

A step-by-step guide to learning design systems.

Dive into the essentials of design systems with a detailed guide. The guide is available in Notion file format that, which covers everything from basic principles to implementation techniques.

Design Tokens

Real-world examples

View table of contents

Pixeling

Design System

Access the boxes design system.

The design system template in Figma includes all the components, patterns, and styles you need to create consistent and efficient designs. Download it soon to streamline your workflow and ensure design coherence.

Style Guide

Components

Checklist

Coming soon

Explore the basics

What’s Inside the Guide?

An overview of the topics covered in boxes.

Intro to Design Systems

Overview and the Importance of Design Systems in creating cohesive systems

Getting Started

Intro to Design Systems

Overview and the Importance of Design Systems in creating cohesive systems

Getting Started

Intro to Design Systems

Overview and the Importance of Design Systems in creating cohesive systems

Getting Started

Core Principles

Why principles matter and collaborative techniques to identify key principles

Getting Started

Core Principles

Why principles matter and collaborative techniques to identify key principles

Getting Started

Core Principles

Why principles matter and collaborative techniques to identify key principles

Getting Started

Foundations

Best practices for color theory, typography, components and patterns

Building the Basics

Foundations

Best practices for color theory, typography, components and patterns

Building the Basics

Foundations

Best practices for color theory, typography, components and patterns

Building the Basics

Building the System

Understanding design audits and tokens and building component libraries

Building the Basics

Building the System

Understanding design audits and tokens and building component libraries

Building the Basics

Building the System

Understanding design audits and tokens and building component libraries

Building the Basics

Structuring Documentation

Essential elements and best practices for clear and usable documentation

Documenting and Using

Structuring Documentation

Essential elements and best practices for clear and usable documentation

Documenting and Using

Structuring Documentation

Essential elements and best practices for clear and usable documentation

Documenting and Using

Implementing & Maintaining

Strategies and tools for scaling, updating and implementing systems

Documenting and Using

Implementing & Maintaining

Strategies and tools for scaling, updating and implementing systems

Documenting and Using

Implementing & Maintaining

Strategies and tools for scaling, updating and implementing systems

Documenting and Using

Learning from the Pros

Applied startegies and real-world exaples from leading companies

Learning and Growing

Learning from the Pros

Applied startegies and real-world exaples from leading companies

Learning and Growing

Learning from the Pros

Applied startegies and real-world exaples from leading companies

Learning and Growing

Design System Checklist

Essential elements to include, validation and verifiction steps

Learning and Growing

Design System Checklist

Essential elements to include, validation and verifiction steps

Learning and Growing

Design System Checklist

Essential elements to include, validation and verifiction steps

Learning and Growing

Ready to Dive In?

Join the waitlist or learn more about Boxes.

Join Waitlist

Know More

It's goood!

Get started

Ready to Dive In?

Join the waitlist or learn more about Boxes.

Join Waitlist

Know More

It's goood!

Get started

Ready to Dive In?

Join the waitlist or learn more about Boxes.

Join Waitlist

Know More

It's goood!

Get started

Pages

Pages

Pages