# Create the life you love on Pinspire.

From everyday outfits to once-in-a-lifetime spaces — discover the ideas that turn what you wonder about into the life you actually live.

Sign up Explore
Cherry red
Mustard kitchen
Earthy space inspo
Maya · curated
Preppy look
Bold lip
Slow-living
Editorial makeup
Deep dinner room
Sage walls
Mustard sweater
Saved by Jess
Discover

## Bring your favorite ideas to life.

Pinspire tiles your interests into a column-grid that preserves every image's natural aspect — square food shots, portrait fashion, tall interiors. The grid IS the discovery surface.

Find your style
Organize

## Boards: where your wonder goes to live.

Pin first, organize later. Group images into boards so your tea-set obsession doesn't bleed into your dinner-party planning. Each pin keeps its full-bleed natural ratio — never cropped, never padded.

Make a board
Browse popular

## Categories trending this week.

Earthy space inspo
Home & living
Bold lip
Beauty
Sweater season
Fashion
Slow living
Food & recipes

## Pinspire works better when it knows you.

Sign up to save the pins you love, build boards that feel like your home, and have ideas surface before you even know to search for them.

P

### Welcome to Pinspire

Find new ideas to try.

Email Password

Already a member? Log in

— Design system

## Get out of the photograph's way.

Source: DESIGN.md. A warm-cream chrome that recedes behind imagery. One Pinterest red. Two card radii (16 / 32). Pin Sans across every tier (Inter substitute).

### Color

Brand & accent

primary · Pinterest Red
#e60023
primary-pressed
#cc001f
focus-outer
#435ee5
accent-purple
#7e238b
accent-blue
#617bff
error
#9e0a0a

Surface — warm cream chrome

canvas
#ffffff · primary nav, modal, body
surface-soft
#fbfbf9 · hero body wash
surface-card
#f6f6f3 · pin tile, category tile
secondary-bg
#e5e5e0 · button-secondary fill
hairline
#dadad3 · 1px row dividers
stone
#c8c8c1 · disabled borders
surface-dark
#262622 · hero CTA strip
ink
#000000 · headlines, button text

Text

ink
#000000
ink-soft
#211922
body
#33332e
mute
#62625b
ash
#91918c
stone
#c8c8c1

Semantic

success-deep
#103c25
success-pale
#c7f0da
error
#9e0a0a
error-deep
#cc001f

### Typography

Pin Sans is proprietary; Inter (400/500/600/700) is the closest open-source substitute. Apply -1.2px tracking at display sizes regardless of substitute. The system has a steep size jump: display-xl drops directly to body-md with no intermediate tier on the home hero.

display-xl 70 / 600 / 1.10 / -1.2px Create the life you love
display-lg 44 / 700 / 1.15 / -0.8px Where your content can thrive
heading-xl 28 / 700 / 1.20 / -1.2px Bring your favorite ideas to life
heading-lg 22 / 600 / 1.25 Welcome to Pinterest
heading-md 18 / 600 / 1.30 In-grid pin label
body-md 16 / 400 / 1.40 Default body. Hierarchy is from weight, not from color tint.
body-strong 16 / 600 / 1.40 Primary nav link, form label
body-sm 14 / 400 / 1.40 Footer copy, pin metadata, helper text.
caption-md 12 / 500 / 1.50 Caption, link metadata
button-md 14 / 700 / 1.00 Sign up

### Radius

Three values in active use: 16px on every interactive element + standard card, 32px on large pin cards + modals, pill for circular elements. There are no sharp-cornered buttons in the system.

none
0 · footer, nav, sections
sm
8 · rare
md
16 · dominant
lg
32 · large pin, modal
full
∞ · pills, avatars

### Components

Buttons — 16px radius standard

button-primary button-secondary button-tertiary button-pill-on-image

Filter chips — flip fully inverted on selection

Inputs — double-ring focus signal

text-input · default
text-input · focused

Search bar — pill, 48px tall

Search for ideas, fashion, recipes…

Cards — pin tile is the load-bearing surface

pin-card

16px radius · 0 padding · image is the card

pin-card-large

32px radius · large feature pin

modal-card

Welcome to Pinspire

32px radius · 32px padding · scrim + ambient shadow.

Continue

Tags & overlays — pill family

Cherry red Preppy look Earthy space inspo filter-chip filter-chip-active Success pale
View DESIGN.md ↗