Tools to help your business put service first.

Take payments, run your point of sale, and manage everything in one place.
Get started Talk to sales
Sale total Terminal
$42.50
Flat white ×2$11.00
Banana bread$6.50
Tap, chip, or swipeReady
Charge $42.50

Sell anywhere, get paid faster.

From the counter to the curb, take every kind of payment with Square hardware.

Shop hardware
Register 2
$18.75
Espresso
Cold brew
Croissant
Charge
Product component: merchant dashboard rows, radius 16, flat with border separation
Today’s sales Open
JL
Jordan Lee
Card · 9:14 AM
$42.50
Paid
MR
Mia Reyes
Tap to pay · 9:31 AM
$18.75
Paid
DK
Dev Kapoor
Invoice · 10:02 AM
$310.00
Refunded
SO
Sam Ortiz
Gift card · 10:20 AM
$25.00
Paid
Sale total
$42.50
Flat white ×2$11.00
Banana bread$6.50
Tax$2.00
Charge $42.50
Cards: radius 16, gray-50 fill, blue accents
▨

Point of Sale

Ring up sales in seconds.

◎

Payments

Accept every way to pay.

▣

Hardware

Register, Terminal, Reader.

◉

Dashboard

See every sale in one place.

Buttons: every variant, with hover and disabled rendered statically
Get started
Marketing pill · default · blue #006aff
Get started
Marketing pill · hover · blue-bright #1379f3
Get started
Marketing pill · disabled · gray-100 + gray-400
Talk to sales
Secondary pill · default · border only
Talk to sales
Secondary pill · hover · gray-50 fill
Talk to sales
Secondary pill · disabled · gray-400 label
Talk to an expert
Dark pill · default · ink-black #030303
Talk to an expert
Dark pill · hover · gray-600 #333333
Talk to an expert
Dark pill · disabled
Sign up now
Form button · default · radius 6, 50px, #1379f3
Sign up now
Form button · hover · blue #006aff
Sign up now
Form button · disabled
Learn more →
Ghost / text link · default · blue label
Learn more →
Ghost link · hover · underline grows via background-size
Learn more →
Ghost link · disabled
Shop hardware
White pill (on green blocks) · default
Shop hardware
White pill · hover · gray-50
Shop hardware
White pill · disabled
Inputs and chips: radius 6 fields, gray-400 placeholder, blue focus border
Field · default · 1px border, radius 6, 50px
Field · focus · border switches to blue #006aff
Field · disabled · gray-100 fill, gray-400 text
Paid Open New Free trial Refunded Draft
Chips reuse the full-pill radius; red #df3320 stays a rare punch.
Typography: Square Sans, REGULAR weight display (size, not weight, makes the hierarchy)
Hero (h1)Square Sans Text VF · 64/74 · 400 · -0.5pxPut service first
Section (h2)Square Sans Text VF · 54 · 400 · +0.1pxSell anywhere
SubheadSquare Sans Text VF · 24 · 400 · 0Run your whole business
BodySquare Sans Text VF · 18/27 · 400 · 0Body text at 18px over 27, weight 400, ink #1a1a1a.
UI / buttonSquare Sans Text VF · 18 · 500 · 0Get started: buttons step up to 500
CaptionSquare Sans Text VF · 13 · 400 · 0Caption and helper text at 13px, gray-400.
Palette: white canvas plus Square blue, forest-green signature blocks, red punch
Text
ink#1a1a1a
ink-black#030303
black#000000
gray-600#333333
gray-500#737373
gray-400#888888
Surfaces and borders
white#ffffff
gray-100#f4f4f4
gray-50#f2f2f2
borderrgba(0,0,0,.12)
Accent and semantic
blue#006aff
blue-bright#1379f3
blue-light#4a95ff
green#005a44
red#df3320
Depth and motion: flat elevation, soft rounding over shadows
Radius scale
small 4px controls / inputs 6px cards 16px feature blocks 24px CTA pill 10000px avatar 100%
Control heights: marketing pill ~41px, form button 50px. Padding: pills 10px 20px, form buttons 13px 16px.
Elevation recipes
Level 0: flat white, no shadow
Level 1: 1px border rgba(0,0,0,.12)
Level 2: gray-50 #f2f2f2 fill block
Level 3: forest-green #005a44 block, radius 24
Shadow: no box-shadow recipe was captured. The system separates with surfaces and rounding, never with shadows.
Motion
Practical and smooth, 150 to 300ms: background-color 0.15s cubic-bezier(0.4,0,0.2,1) on buttons, 300ms directional fade-in-slide on section entry, link underline grows via background-size 0.3s. Nothing flashy, confidence over spectacle.