@components

The complete collection of EightShapes writings on design systems, here for free. Follow @components on Twitter for updates and new articles.

Visual Style

  • Color

    16 Tips for Setting Up a System That Endures

  • Typography

    Choose Fonts, Set a Hierarchy, and Integrate with Components

  • Space

    From Basics to Expanded Concepts to Apply Space with Intent

  • Size

    Tuning Type & Space With an Eye on Height Per Component

  • Light & Dark Modes

    Model Decisions Across Backgrounds, Borders, Text, and More

  • Tokens

    10 Tips to Architect & Implement Design Decisions for Everyone

  • Reference Designs

    Page Concepts Comparing Before & After, with a System Twist

  • Cropping Line Height

    Getting rid of pesky space above and below HTML text

UI Components

Documentation

  • Overview

    Serve a System’s Audiences with Well-Architected Content

  • Introductions

    Pithy Names and Descriptions That Go a Long Way

  • Examples

    Showcase your component’s quality, depth and versatility

  • Design Guidelines

    Write the Words and Add the Pictures to Empower Designers

  • Myths

    How to Pivot Misguided Perceptions Towards Reality

  • Authoring

    Model the Content, People, and Steps Involved

  • Doc Components

    The Top 8 Reusable Components to Document a Library

Releases

Strategy

Process

Contributions

People

Systems of Systems

Workshop Activities

Need help with your system?

EightShapes can energize your efforts to coach, workshop, assess or partner with you to design, code, document and manage a system.