Style directions
Personal Website Templates
These are style directions, not off-the-shelf DIY templates you'd edit yourself — every site is still built for you, per package. Use this page to get a sense of layout and tone before picking a plan.
The distinction matters. A DIY template is a starting point you then have to configure, populate, and troubleshoot yourself. What's shown here is closer to a design direction — a reference for the general feel of the finished site, which then gets built and tailored specifically to your content, not assembled by dragging blocks around a page builder.
Minimal Personal Website Examples & Style Guide
What makes a minimal personal website work: restraint, typography, and whitespace doing the heavy lifting instead of decoration.
Creative Portfolio-Style Website Examples & Guide
What makes a creative, portfolio-forward personal website effective — visual hierarchy, work-first layouts, and intentional pacing.
Corporate & Executive Personal Website Examples & Guide
What makes an executive-style personal website credible: structured hierarchy, credential-forward copy, and restrained visual polish.
Photography Portfolio Website Examples & Style Guide
What separates a photography site that sells work from one that just displays it — organization, pacing, and load speed matter most.
Developer & Programmer Website Examples & Style Guide
What makes a developer's personal site actually useful to both recruiters and technical reviewers — clarity before code depth.
Freelancer & Consultant Website Examples & Guide
What makes a freelancer or consultant site actually convert inquiries into clients — clarity on services, and proof it works.
How to Choose Between These
Start with what your visitors are actually trying to evaluate. If they need to see your work directly — a portfolio of photography, design, or creative output — the Creative/Portfolio direction gives that work the visual space it needs. If your work is harder to show and easier to explain — consulting, writing, technical expertise — the Minimal direction keeps the focus on clear, well-structured text. If establishing fast credibility and formal trust matters most, the Corporate/Executive direction leans into that directly.
None of these choices are permanent or exclusive — elements from one direction can often be blended into another where it makes sense for your specific content, and the underlying blueprint design system stays consistent across all three, so switching later doesn't mean starting over from scratch.
What Stays the Same Across All Three Directions
Every style direction shares the same underlying design tokens — the same considered color palette, the same typography choices, the same attention to spacing and contrast — so the difference between them is really about emphasis and structure, not about one being more polished than another. A minimal site isn't a stripped-down version of a corporate one; it's a deliberate choice suited to a different kind of content.