Design system 2020

The EasyPost Design System is an adaptable, maintainable, and content-agnostic framework built to support a cohesive, high-quality shipping experience across all devices and platforms. Crafted with cross-disciplinary collaboration in mind, the system ensures consistency, scalability, and approachability for developers and designers alike, embodying EasyPost’s commitment to reliability, efficiency, and user-centered design.

Core Principles

• Consistency: Standardized styles create a unified experience, aligning with EasyPost’s brand.
• Efficiency: Streamlined workflows help users maximize productivity with minimal disruptions.
• Scalability: Modular components allow adaptability for diverse use cases and future growth.
• Accessibility: Inclusive standards ensure usability for all, including color contrast and screen reader support.
• Cross-Disciplinary Collaboration: Shared documentation fosters high-quality results across teams.
• Content-Agnostic Flexibility: Adaptable structures support varied content needs and layouts.

Foundations

• Color Palette: Balanced blues and neutrals reinforce clarity, with accents for actions.
• Typography: Modern fonts support readability with intuitive hierarchies.
• Spacing & Layout: Generous spacing enables open, approachable design across screens.

Components

• Buttons: Contextual button styles handle regular updates without visual disruption.
• Forms & Inputs: Flexible, content-agnostic inputs with customizable validation.
• Icons & Illustrations: User-friendly icons that adapt to evolving needs.
• Notifications: Tiered alerts for contextual information and support.
• Navigation: Consistent patterns enable intuitive movement through workflows.

Interaction Patterns

• Responsive Design: Consistent, efficient experience on all devices.
• Data Visualization: Clear visuals support immediate understanding of insights.
• Error Handling: Action-oriented messages that support efficient problem-solving.

Branding & Voice

Reflecting EasyPost’s mission, the brand voice is clear, helpful, and solution-focused, guiding users with approachable and contextual microcopy.