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 stylePin 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 boardSign 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.
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).
Brand & accent
Surface — warm cream chrome
Text
Semantic
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.
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.
Buttons — 16px radius standard
Filter chips — flip fully inverted on selection
Inputs — double-ring focus signal
Search bar — pill, 48px tall
Cards — pin tile is the load-bearing surface
Tags & overlays — pill family