Personal website design examples: what 470+ real sites have in common

The default personal site shared on social platforms is light-themed and puts plain text first. Within the random sample of 96 personal sites, 68 use a light background and 28 use a dark palette, while layout types split into 39 text-first pages, 29 big-type layouts, 18 novelty designs, 5 large image displays, and 5 project-card grids.

Sample/method: Sample: 96 random posts (two fixed-seed draws) and the 24 most-bookmarked posts from the personal-sites collection, classified by hand from each post's first screenshot (first screen layout). Bookmarks are public counts fetched 2026-10-18. Collection: 473 posts, 2026-09-07 to 2026-10-17 (UTC+8); the site owner's own personal site (1 post) excluded.

Only 19 of the 96 randomly selected sites show an actual photo of the person on the opening screen. Most creators skip personal portraits entirely, opting instead for their name accompanied by one or two brief introductory sentences.

Text-first does not mean bland or devoid of personality. Benji Taylor's benji.org is a concise bio followed by a dated list of writing.

The screenshot of benji.org shared by Benji Taylor (@benjitaylor) on September 7, 2026, presents an austere opening screen consisting of a short personal bio and a dated archive of written pieces, without any hero imagery or animated banners. This post became the most saved in the entire dataset, gathering 7,181 bookmarks and 12,743 likes, though the homepage says Taylor works at SpaceX as Head of Design for X (checked October 18, 2026), so the post had enormous reach to begin with. (Item: Benji Taylor's personal site benji.org)

A minimal dark palette can function under the exact same logic. Dorian's personal site presents nothing more than a single centered paragraph and two contact buttons set against a pitch-black background.

Shared on October 13, 2026, by Dorian (@doriannvdv) with the simple caption "Updated my personal website," the screenshot shows dorianvdv.com using a dark background, a single centered block of introductory text, and two straightforward contact buttons. The minimalist design secured 248 bookmarks without relying on project previews or visual ornamentation. (Item: Product designer Dorian relaunches minimal personal site)

Leading with imagery is rare across the collection, appearing in only 5 of the 96 sampled sites. When used intentionally, however, an image can replace conventional introductory headlines entirely, as demonstrated by shawn.'s portfolio.

Designer shawn. (@zzzzshawn) posted an update of shwn.design on September 20, 2026, displaying an opening screen dominated by a single koi pond graphic on a clean white background with almost no accompanying text. The visual-first approach resonated strongly with readers, earning 1,108 bookmarks. (Item: Designer shawn. updates his portfolio at shwn.design)

Bookmark counts do not favour any single design style, largely mirroring the creator's social reach rather than layout complexity. The 24 most-bookmarked posts show a layout distribution very similar to the random baseline sample, with text-first designs continuing to lead.

Public engagement across the 446 posts with available data reveals a median of 1 bookmark and 7 likes per post. Engagement is heavily concentrated at the very top: a single post by Benji Taylor accounts for 7,181 of the 21,641 total bookmarks recorded across the collection, or 33.2%. The post reads: "A personal website should feel like you've briefly left the rest of the internet."

Table: The 10 most-bookmarked personal site posts

Sample/method: Bookmarks and likes are public counts fetched 2026-10-18 (446 posts with data); layout coded by hand from each post's first screenshot. Engagement mostly reflects the poster's reach, not design quality.

Curated recommendations also gather substantial attention from readers. A recommendation post by Hitesh (@hiteshxdev) highlighting Chánh Đại's grid-based personal site ranked second overall, collecting 2,843 bookmarks.

In the editor's reading of the top 10 examples, every opening screen commits to a single visual or structural statement, whether delivering a plain biographical paragraph, oversized name typography, an isolated hero illustration, or an interactive canvas. Community members observe the same dynamic: X user Liz不吃荔枝 (@libuyi543) noted after reviewing numerous pages that the best sites remain simple and focus on sound interaction and clean information hierarchy rather than intricate animations, while Ian (@ianneo_ai) highlighted Jesper Vos's text-dominated site as a model of restraint.

Chi Quach demonstrated this focused approach using Framer, pairing bold typographic name styling with an X-ray visual of a bag to earn 858 bookmarks.

Novelty layouts make up an 18-site minority among the 96 sampled designs and, in the editor's reading, work best when the concept reflects the person's own work. Across the collection, 50 posts (11%) call attention to a specific interactive or animated detail (AI classification, not checked one by one).

On September 21, 2026, kat kampf (@kat_kampf) shared acrokat.me, which places basic name and title text on the left beside an interactive three.js floating island which the post describes as a career turned into "a little three.js world with lots of tiny easter eggs." It received 495 bookmarks. (Item: Kat Kampf rebuilds personal site as a three.js world)

A post by estebanpdn (@estebanpdn_) from October 12, 2026, presented Esteban's Forge, a personal portfolio styled after the Nintendo 3DS and Wii U operating system menus with a pixel art avatar and one entry button. The post says it took more than three weeks and will carry project updates and dev blogs; when we opened it on October 18, the site turned out to be a collection of Nintendo 3DS ports, so the interface matches the work. It earned 157 bookmarks. (Item: Indie developer Esteban's 3DS-style portfolio site)

Matthew Hamilton (@mhamilton3141) shared matthewhamilton.dev on October 7, 2026, writing "i made my portfolio nonchalant" and presenting a dark terminal interface topped with a pixelated skyline and a neat list of career experience. The retro developer theme resonated with peers, collecting 100 bookmarks. (Item: Waterloo student Matthew Hamilton's terminal-style portfolio)

Product designer Noman (@Nomandsign) shared iamnoman.com on October 15, 2026, with a short bio on the left and clickable work samples and widgets on the right. The post says the site has "an F1 an arcade a gym a flamethrower and a lot more fun interactive stuff"; it gained 33 bookmarks. (Item: Noman Ijaz builds an interactive playground of a personal site)

Personal websites undergo continuous iteration as their authors' tastes evolve. jem redesigned jem.computer for the fourth time this year.

On September 23, 2026, jem (@sheherenow_) shared the fourth redesign of jem.computer completed that year, showing a rich purple canvas centered on an expressive script headline above capsule navigation links. The post, which says "it finally feels truly personal," attracted 219 bookmarks. (Item: Jem redesigns personal website for the fourth time this year)

Within the dataset, 187 posts (40%) describe site redesigns or iterative overhauls. This proportion is partly elevated because the underlying collection queries specifically searched for terms like "redesigned my."

Software developers represent the largest group sharing personal websites at 41%, while at least 36 posts (7.6%) say an AI tool built or redesigned the site.

Sample/method: Sample: 473 posts in the personal-sites collection (2026-09-07 to 2026-10-17, UTC+8; the site owner's own site excluded), classified by who the site belongs to from the post and site description. AI classification plus hand check (37 of a random 40 agreed). The collection is keyword-based: it reflects people who share their site on X, not all personal sites.

Table: Tools named in 36 posts about building a site with AI

Sample/method: Sample: the 36 of 473 personal-sites posts whose authors say an AI tool built or redesigned the site (34 flagged by AI, all read by hand, 6 removed and 8 added). Most posts don't say how the site was made, so this is a floor; tools as named by the authors.

While AI coding tools generate working web markup quickly, creators find that written copy requires substantial manual editing. Dobroslav Radosavljevič (@dobroslav_dev) rebuilt dobroslav.dev with a visual style inspired by VSCode using Opus 5.5, adding that "AI still can't write well some things and this needs human touch."

A distinct pushback against generic automated aesthetics has also emerged. Olaoluwa Odusanya (@wealthy_ola_) rebuilt a portfolio overnight after someone said the old one "looked like AI slop" ("They were right"). Observing a similar wave of formulaic layouts, X user 安寻Ansyn_log (@Ansyn_07) said many of the sites in the replies had a heavy AI flavour, and that taste and design skill are two different things.

In the editor's reading of these patterns, the most reliable way to start a personal site is to draft a single defining sentence before adding any additional interface elements.

Begin by setting the opening screen to display your name and one or two sentences outlining what you build or think about, following the direct approach used by Benji Taylor, Dorian, or Mateusz Nieckarz, whose single white column uses Timeless Sans (420 bookmarks).

Next, choose a light or dark visual theme based entirely on your personal preference. Light backgrounds accounted for 71% of the sampled sites, and dark layouts were not bookmarked at higher rates, making up only 6 of the top 24 posts.

Introduce an interactive or visual concept only if it connects directly to your background or body of work, much like kat kampf building an explorable career world in three.js or Esteban using a 3DS-style menu for a site of Nintendo 3DS ports.

If code generation tools are used to scaffold the site, take time to manually rewrite all text descriptions and strip away boilerplate portfolio sections, as demonstrated in overhauls by Dobroslav Radosavljevič and Olaoluwa Odusanya.

Finally, publish the initial version and treat it as a work in progress. Iterative redesigns are an ordinary part of personal web development, reflected in creators like jem refining a site four times over a single calendar year.