Swapnil Biswas / concept library
49 concepts
Design inspiration · 49 directions

Personal website examples - 49 homepage design concepts

A working gallery of 49 homepage design concepts - personal and portfolio website examples, each built as a complete, self-contained page with its own typography, palette, motion and technology. Browse directions across editorial, WebGL and 3D, monochrome, retro and playful interactive styles, from split-flap boards and oscilloscopes to holographic cards, periodic tables, pen-plotter drawings, trading-floor tickers, code editors and arcade cabinets. Filter by category or appearance, search by vibe, and hover any card for a live preview before opening it in full. Whether you are gathering homepage design ideas, hunting portfolio website inspiration, or shortlisting a direction for your own personal site, every concept here is a real, buildable example - 49 ways to route the signal.

49 showing

Browse 49 personal and portfolio website examples by design direction

Aurora concept preview Live
01 WebGL

Aurora

Minimal luxury. Calm editorial type over a living WebGL aurora.

Open concept ↗
Monolith concept preview Live
02 Editorial

Monolith

Editorial kinetic. Brutal display type, acid accent, scroll energy.

Open concept ↗
Terminal concept preview Live
03 Instrument

Terminal

Retro-techno. Monospace, phosphor glow, the signal routed.

Open concept ↗
Brut concept preview Live
04 Editorial

Brut

Brutalist. Raw grid, clashing color, rule-breaking layout.

Open concept ↗
Prism concept preview Live
05 WebGL

Prism

Immersive 3D. Refractive glass and iridescent depth in Three.js.

Open concept ↗
Atelier concept preview Live
06 Editorial

Atelier

Light editorial. Paper, ink and print-grade restraint.

Open concept ↗
Console concept preview Live
07 Instrument

Console

Your portfolio as the product. SaaS dashboard, command palette, live charts.

Open concept ↗
Broadsheet concept preview Live
08 Editorial

Broadsheet

Newspaper front page. Masthead, justified columns, halftone print.

Open concept ↗
Flux concept preview Live
09 WebGL

Flux

Bright modern SaaS. Flowing gradient mesh and frosted glass.

Open concept ↗
Atlas concept preview Live
10 Instrument

Atlas

Growth, quantified. Swiss data report with animated charts.

Open concept ↗
Odyssey concept preview Live
11 WebGL

Odyssey

From noise to signal. Cinematic scrollytelling, particle morph.

Open concept ↗
Riso concept preview Live
12 Editorial

Riso

Print, overprinted. Risograph duotone, grain and bold shapes.

Open concept ↗
Bauhaus concept preview Live
13 Editorial

Bauhaus

Constructivist geometry. Primary blocks, Futura type, kinetic shapes.

Open concept ↗
Noir concept preview Live
14 Monochrome

Noir

Cinematic monochrome. A cursor-driven spotlight in the dark, heavy grain.

Open concept ↗
Chrome concept preview Live
15 WebGL

Chrome

Liquid metal. A reflective mercury blob mirroring an oil-slick spectrum.

Open concept ↗
Sketch concept preview Live
16 Tactile

Sketch

A strategist's working notebook. Grid paper, marker annotations, sticky notes.

Open concept ↗
Graphite concept preview Live
17 Monochrome

Graphite

Monochrome, neutral. A grayscale gallery - grotesk type, hairlines, topographic lines.

Open concept ↗
Cobalt concept preview Live
18 Monochrome

Cobalt

Monochrome, in blue. One cobalt hue from blueprint black to a cold living aurora.

Open concept ↗
Sepia concept preview Live
19 Monochrome

Sepia

Monochrome, in amber. A warm darkroom - a cursor-lit pool over analog grain.

Open concept ↗
Halftone concept preview Live
20 Monochrome

Halftone

A printer's proof. Your portrait as a live dot field that magnifies under a loupe, numerals screened in halftone.

Open concept ↗
Solari concept preview Live
21 Interactive

Solari

A split-flap departure board. Headline, metrics and work clatter into place on bone flap tiles; the work re-flips on scroll.

Open concept ↗
Kinetic concept preview Live
22 Editorial

Kinetic

A living variable-font specimen. The hero word breathes under the cursor; drag the axis sliders to morph the type.

Open concept ↗
Signal Lab concept preview Live
23 Instrument

Signal Lab

The page as an oscilloscope. A live trace resolves from noise into signal as you scroll; hover a stat and the scope reads it out.

Open concept ↗
Draftsman concept preview Live
24 Editorial

Draftsman

A pen-plotter technical drawing on vellum. Headline strokes and a continuous-line figure plot themselves; metrics draw on as a growth curve.

Open concept ↗
Studio Desk concept preview Live
25 Tactile

Studio Desk

A tactile physics workspace. Business card, polaroids and sticky notes drop onto the mat - drag and throw them.

Open concept ↗
Kernel concept preview Live
26 Instrument

Kernel

A developer OS that boots into a riced tiling window manager. POST sequence, polybar status bar, neofetch specs.

Open concept ↗
Cartograph concept preview Live
27 Interactive

Cartograph

The career as an interactive transit map. Companies are stations on a route that draws itself; pan, zoom and tap a node.

Open concept ↗
Patchbay concept preview Live
28 Instrument

Patchbay

A Eurorack modular synth. Disciplines are panels wired by glowing patch cables; a signal pulses through to a lit readout. Route the signal.

Open concept ↗
Foil concept preview Live
29 Tactile

Foil

Work as holographic trading cards. Each case study tilts in 3D and its iridescent foil shimmers under the cursor.

Open concept ↗
Broadcast concept preview Live
30 Interactive

Broadcast

A vintage CRT television you channel-surf. Each section is a channel; switching plays a static burst and a tracking roll.

Open concept ↗
Foundry concept preview Live
31 Tactile

Foundry

An industrial assembly line where the work gets shipped. A conveyor of work-crates rides past machine stations, each stamped SHIPPED.

Open concept ↗
Elements concept preview Live
32 Interactive

Elements

A periodic table of the craft. Disciplines and clients are elements; click a tile and it expands to the work behind it.

Open concept ↗
B-Side concept preview Live
33 Tactile

B-Side

The career pressed to vinyl. A spinning record and tonearm; an A-side / B-side tracklist, the needle dropping as you select.

Open concept ↗
Directory concept preview Live
34 Interactive

Directory

A building lobby and elevator. Each section is a floor; ride between them with a ticking floor-counter and sliding doors.

Open concept ↗
Circuit concept preview Live
35 Instrument

Circuit

A printed circuit board. The signal routes through copper traces that etch themselves, lighting an LED at each discipline IC on the way to the results chip.

Open concept ↗
Comic concept preview Live
36 Tactile

Comic

A graphic novel of the career. Splash-page hero, story panels with caption boxes and speech bubbles, metrics landing as onomatopoeia bursts.

Open concept ↗
Microscope concept preview Live
37 Interactive

Microscope

An infinite-zoom narrative. Start on the macro number and scroll to zoom in through the funnel, the campaigns and the systems underneath. Look closer.

Open concept ↗
Spreadsheet concept preview Live
38 Instrument

Spreadsheet

The portfolio as a literal spreadsheet. Cells, a formula bar, sheet tabs; metrics compute via visible formulas and the cell cursor moves with the arrow keys.

Open concept ↗
Receipt concept preview Live
39 Tactile

Receipt

A thermal printer spools out the itemized career, line by line - line items, a running total carrying the numbers, a barcode and a PAID IN FULL / SHIPPED stamp.

Open concept ↗
Constellation concept preview Live
40 Interactive

Constellation

A planetarium star chart. Companies are stars wired into a constellation that draws itself over a parallax starfield; hover a star to read the work.

Open concept ↗
Origami concept preview Live
41 Tactile

Origami

Sections built from folding paper. Panels unfold in 3D as you scroll, the hero creases into shape and work cards fold open like a fold-out map.

Open concept ↗
Exchange concept preview Live
42 Instrument

Exchange

The career as a live market. A ticker tape streams the wins, candlesticks chart the growth and every metric quotes like a stock. Watch it trade.

Open concept ↗
IDE concept preview Live
43 Instrument

IDE

Your portfolio, open in the editor. A file tree, syntax-lit tabs and an integrated terminal that builds and prints the results. Run the career.

Open concept ↗
Passport concept preview Live
44 Interactive

Passport

A traveller's document. A tear-off boarding pass, passport pages stamped at every company and a great-circle route that draws itself. Now boarding.

Open concept ↗
Arcade concept preview Live
45 Tactile

Arcade

Insert coin. A retro arcade cabinet where the career is the game - a HUD scoring the leads, a level per role and a high-score table for the wins. Press start.

Open concept ↗
Assistant concept preview Live
46 Instrument

Assistant

The portfolio as an AI copilot. Ask about the work, the numbers or how to hire him and the answers stream back, cited - built by the marketer who builds the agents.

Open concept ↗
SERP concept preview Live
47 Instrument

SERP

The career, ranked #1. A search results page led by an AI Overview with citations, organic results for the work, a knowledge panel and People Also Ask. SEO and AEO made literal.

Open concept ↗
Model Card concept preview Live
48 Instrument

Model Card

Swapnil-1, a frontier model. A model card for the marketer - capabilities, eval benchmarks, a system prompt and a playground. The growth operator, specced like an LLM.

Open concept ↗
Brand concept preview Live
49 Editorial

Brand

The person as a brand system. Positioning, a logo and monogram, color tokens, a type specimen and voice and tone - brand guidelines for one operator. Open the brand book.

Open concept ↗
No concepts match these filters.