Pop Site

About Pop Site

A free personal site and link-in-bio builder. Fits link-in-bio SaaS, personal-page tools, creator-portfolio apps, and bio-link landing page designs.

Request a DESIGN.md analysisCustom, made for Pop Site Website Starter KitBuild your site from a starter template

Design tokens

12 colors · 8 type styles

Vivid blue (#3b82f6) primary on a pure white (#ffffff) canvas, set in Satoshi throughout. The highlights below are read from the Pop Site DESIGN.md in the Pass bundle, which carries all 12 color tokens, 8 type styles and the full component rules.

Colors

Primaryvivid blue#3b82f6
Canvaspure white#ffffff
Surfacepure white#fafafc
Inkpure black#000000

Type

SatoshiDisplayweights 400, 500, 700, 53 to 120px
SatoshiBodyweights 400, 500, 700, 13 to 15px

Radius

none 0px
md 8px
lg 10px
xl 22px
xxl 26px
xxxl 42px
full 9999px

Spacing

xxxs 2px
xxs 8px
xs 10px
sm 12px
md 16px
lg 20px
xl 24px
xxl 30px
xxxl 60px
huge 80px

Components

Primary buttonbutton-primary
Primary buttons fill with vivid blue (#3b82f6) and carry pure white (#ffffff) text, set in Satoshi 15px at weight 500, with pill corners.
Cardfeature-card
Cards sit on pure white (#ffffff), with 22px corners.
Navigationnav-bar
The top navigation runs on pure white (#ffffff) with pure black (#000000) links, set in Satoshi 15px at weight 500.

Three ways to ship a Pop Site-style UI.

Use in your AI builder, no-code tool, or CMS

Lovablev0BoltFramerWebflowWordPressWixSquarespace CanvaGoDaddy

Paste the DESIGN.md in and ask the tool to restyle your existing site to match this design, or start a brand new one from scratch with the same visual language.