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.
Screenshots of 3 pages from pop.site: homepage, blog and sections.
Design tokens
12 colors · 8 type stylesVivid blue (#3b82f6) primary on a pure white (#ffffff) canvas, set in Satoshi throughout. These values are read from the Pop Site DESIGN.md in the Pass bundle, which carries all 12 color tokens, 8 type styles, the radius and spacing scales and the full component rules.
Three ways to ship a Pop Site-style UI.
Use in your AI builder, no-code tool, or CMS
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.
Not affiliated with Pop Site. All trademarks belong to their respective owners.
About Pop Site
Home page hero
The home page is white with a faint blue haze at the top and a minimal nav. A script-style wordmark with a small plus sign sits at the left. At the right are five plain links, blog with a blue new tag, sections, find jobs, create account and log in. In the center, a small black rounded app icon with the letter p sits above the headline, "Make a stunning personal site," and a one-line promise to claim, customize and publish for free. A pill-shaped input reads "yourname.pop.site" next to a blue claim-your-pop.site button, with a small line saying no credit card is required. Below, five phone mockups stand in a row, the center one taller. Each shows a different personal site with its own look: an angel investor with a project list, a product designer with testimonials, a product manager with a resume, a botanist with a leaf photo, social icons and an FAQ, and a viral marketer with a contact form. A small toast on the center phone says someone has just claimed a pop.site.
Pre-built sections and proof
A heading, "Use Pre-Built Sections," says the product offers prebuilt sections for building a site effortlessly. Further down, a dark band holds a masonry wall of social posts from early users, each card with an avatar, a name and a short, enthusiastic comment, such as a user saying they can finally make this link-in-bio site, another saying it looks better than a competing tool and another saying it has been un-ugly-fied. A white section, "Launch your personal brand today," repeats the claim form and shows four small cards with icons: stunning themes, share instantly, easily edit and powerful analytics.
Blog page
The blog page is a plain white list. A large title, "Pop Site Blog," sits at the left of a narrow column. Each post is a row with a square preview image of phone mockups on a pale grey tile, a two or three-line title and a date in February 2025, and a grey pro-tips tag at the right. The three titles are about launching a personal brand with a free alternative to a link-in-bio tool, using the product instead of a site builder, and why it is the best alternative to a link-in-bio tool. One preview shows the product's phone beside a competitor's purple phone.
Sections page
The sections page is a catalog. After a small logo pill, a large title, "Powerful Sections," and a one-line description, a three-column grid of white cards fills the page. Each card shows a cropped phone on a light tile, a bold name and a one-line description. The names are forms, showcase, services, testimonials, videos, socials, resume, stats and tech stack, and the grid continues below the capture. Each card is a content type a visitor can add to a personal site, from a contact form with fields to a stats block with three big numbers.
Based on full-page screenshots of pop.site: the home page, the blog and the sections page. Posts and quotes in the captures are examples shown on the page. Blog dates reflect the capture date (early 2025). Check the live site before relying on specific details.
Related designs
