Square: Public Web Design System

Design Engineer

Square: Public Web Design System

How we built a flexible and extensible web design system for Square’s evolving visual identity

Page using the most recent iteration of the design system

Architecture

Architecture

Platforms

Rendering

Selected Components

Hero: Overview

Hero: Product

Section Index and 3-column wide-spaced layout

Section Index and rows

Content Explorer: Accordion

Content Explorer: Reveal

Content Blocks

FAQs

Footer