What should an author website look like? 5 design principles that work
Good author website design isn't about being fancy. It's about matching your writing's mood and getting out of the reader's way. Five principles that work.
Most author websites look like they were designed by someone who's never read the author's books. A dark thriller writer with a pastel homepage. A romance novelist with a layout that screams enterprise SaaS. A poet whose site looks like it was built for a dental practice.
Design isn't decoration. It's communication. Every color, font, and layout choice tells your reader something before they've read a single word. The question is whether it's telling them the right thing.
These five principles won't make you a designer. But they'll keep you from building a site that actively confuses the people you're trying to reach. For the full list of things to avoid, see our post on common author website mistakes.
Principle 1: Your site should feel like your books
This is the one that matters most, and the one authors get wrong most often. Your website should feel like an extension of your writing. Not a brochure about it. Not a corporate container for it. An extension of it.
Think about what happens when someone finishes one of your books and goes looking for you online. They have a feeling in their head. A mood. A texture. Your site should match that feeling, not shatter it with a generic template that could belong to anyone.
Rupi Kaur's website feels like her poetry. Warm tones, hand-drawn illustrations, flowing layouts, lots of breathing room. You land on it and you immediately understand what kind of writer she is. The visual language matches the written language. Nothing competes, nothing contradicts. The site is the brand, not a frame around it.
Taylor Jenkins Reid's site works the same way, but for a completely different mood. Clean, confident, cover-forward. Big images, bold type, minimal text. It feels like the kind of place where someone who writes glamorous Hollywood novels would live online. There's no clutter, no whimsy, no unnecessary ornamentation. Just the books and the confidence to let them speak.
James Clear's site takes a third approach. Organized, practical, generous with content. It matches his writing style perfectly: direct, structured, useful. You know within two seconds that this person writes about habits and systems, not because the site says so, but because the site acts like it.
We did a deep dive on all three of these sites if you want the full breakdown. But the principle behind all three is the same: every visual choice reinforces the same mood your books create. Colors, typography, spacing, imagery. Pick them with your genre and tone in mind, not based on what looks "professional" in the abstract.
If you write dark thrillers, lean into darker backgrounds, sharper contrasts, and tighter typography. If you write romance, go warmer. Softer. More space between elements. If you write literary fiction, keep it clean and restrained. Let the quality of the work imply the quality of the design.
Your readers already have an emotional association with your writing. Your website's job is to reinforce that association, not replace it with something generic. If you're still deciding whether a full site is worth the effort over a simple link page, our website vs Linktree comparison makes the case clearly.
Principle 2: Book covers do the heavy lifting
Here's something authors forget: you already have a professional designer on your team. Your cover artist. That cover was art-directed, typeset, color-graded, and composed by someone who does this for a living. It is your visual identity. Use it.
The best author websites treat covers like hero images. Big, prominent, high-resolution, with room to breathe. Clean backgrounds. Generous whitespace. Nothing fighting for attention.
The worst author websites bury covers in a sidebar, shrink them to thumbnails, or surround them with so much visual noise that the carefully designed artwork gets lost. Your cover designer picked those colors for a reason. Your background shouldn't clash with them.
Let covers set your color palette. Pull two or three colors directly from your most recent cover art and use them as accents on your site. This creates instant visual cohesion without any design training. If your latest cover is deep navy and gold, those are your website accent colors. Done.
Don't add competing visual elements. No stock photos of typewriters. No moody landscape banners unless they genuinely match your work. No textured backgrounds that make your cover art look like it was pasted on top of a scrapbook page. The covers are your visual identity. Everything else is support.
If you have ISBNs, Zenpage can auto-import your book data and covers so you start with high-quality images by default. One practical tip: get the highest resolution versions of your covers from your publisher or designer. A blurry, pixelated cover image on your homepage signals "I don't take this seriously" louder than any other design mistake you could make.
Principle 3: One clear action per page
This is a design principle borrowed from conversion optimization, and it applies to author websites just as much as it applies to software landing pages. Maybe more, because author sites tend to have less traffic and every visitor matters more.
Every page on your site should have one primary thing you want the visitor to do. One. Not three, not seven. One.
Your homepage: look at your latest book and click through to learn more. Your books page: pick a title and click a buy link. Your about page: read your bio and sign up for your newsletter. Your blog: read a post and subscribe for more.
When you give people ten choices, they choose none. This isn't opinion. It's well-documented psychology. The more options you present, the less likely someone is to pick any of them. Barry Schwartz wrote an entire book about this. It's called The Paradox of Choice. It's very relevant to your homepage design.
Look at your current site. Count the number of distinct things competing for attention on your homepage. If the answer is more than three, you have a focus problem. Cut until it hurts, then cut once more.
This doesn't mean your site should be sparse. It means it should be sequential. Lead the eye from one thing to the next. Book cover, then description, then buy link, then newsletter signup. A clear path, not a buffet.
The same principle applies to navigation. Five menu items is plenty for an author website. Home, Books, About, Blog, Contact. Our author website checklist covers exactly which pages earn their place and which ones you can cut. If you have more than that, you're making readers work harder than they need to. Nobody has ever left an author's site thinking "I wish the navigation had more options."
Principle 4: Mobile first, always
Over 60% of web traffic comes from mobile devices. For authors, the number is probably higher. Think about where people discover new books: Instagram, TikTok, BookTok, Twitter, Facebook groups, podcast show notes. Every single one of those discovery channels is primarily mobile.
So when a reader taps your link from their phone, what do they see?
If the answer is "a desktop layout crammed onto a small screen with tiny text and buttons too small to tap," you've already lost them. They'll bounce in under three seconds. Not because they don't like your books. Because your site was annoying to use.
Test your site on your actual phone. Not a browser preview tool. Your phone. Open it, tap around, try to buy a book, try to read your bio, try to sign up for your newsletter. If any of those actions require pinching, zooming, or squinting, you have a problem.
Common mobile mistakes on author websites: navigation menus that don't collapse, book cover images that extend past the screen edge, buy buttons that are too small to tap accurately, text that requires horizontal scrolling, and contact forms with fields so tiny you can't type in them.
The fix is straightforward. Use a template built for mobile from the start, not a desktop design that was "made responsive" as an afterthought. Every Zenpage template is mobile-responsive by default, meaning the layout, typography, and tap targets are all designed for small screens first and scaled up for desktop. Not the other way around.
If you're using a different platform, the same principle applies. Test on mobile before you test on anything else. Your phone is the most honest design critic you have.
Principle 5: Fast beats fancy
There's a certain type of author website that takes four seconds to load. You know the kind. A full-screen video background fades in. Then an animated logo. Then a parallax section slides up with a stock photo of an old typewriter. Then your cover art finally appears, except it's a 4MB uncompressed JPEG that loads from top to bottom like a fax machine.
Meanwhile, the reader who clicked your link from BookTok has already swiped back to the app.
Speed is a design choice. A site that loads in under one second converts better than a site with every visual effect in the toolkit. This isn't subjective. Google's own research shows that as page load time goes from 1 second to 3 seconds, the probability of a visitor bouncing increases by 32%. From 1 to 5 seconds, that jumps to 90%.
So cut the animations. Cut the giant background videos. Cut the uncompressed hero images that weigh more than your manuscript. Your readers want your books, not a demonstration of your web design ambitions.
What makes a site fast: optimized images (WebP format, properly sized), minimal JavaScript, no unnecessary third-party scripts, and a host that doesn't need to spin up a server every time someone visits. The technical details matter less than the philosophy. Simpler is faster. Faster is better.
This is where Zenpage's features come in. Every image uploaded through Zenpage is automatically compressed, converted to WebP, and served from a CDN. The templates are lightweight by design. No parallax. No JavaScript animations. No background videos. Just your content, loading fast, looking clean.
If you're on a different platform, run your site through Google's PageSpeed Insights tool. It's free. It will tell you exactly what's slowing you down. Fix the top three issues and you'll see a measurable difference.
Readers will forgive a lot of design sins. They won't forgive a site that wastes their time loading.
How to apply this to your own site
You don't need a design degree to build a site that follows these five principles. You need a checklist and an hour.
Start with your colors. Open your most recent book cover in any image tool. Pull two or three dominant colors. Those are your website's accent colors. If your covers use warm tones, your site uses warm tones. If they're cool and minimal, your site is cool and minimal. Don't overthink this. Your cover designer already did the thinking for you.
Pick no more than two fonts. One for headings, one for body text. If you're not sure what looks good together, use one of Zenpage's templates, which have curated font pairings built in. Or just pick a clean sans-serif for headings and a readable serif for body text. That combination has worked for about 500 years of printed material.
Put your latest book above the fold. "Above the fold" means the part of the page visible before scrolling. When someone lands on your homepage, the first thing they should see is your most recent or most important book. Cover art, title, a one-line hook, and a buy link. Everything else can go below.
Add a newsletter signup to every page, one of the features Zenpage handles automatically. Not just a dedicated "subscribe" page that nobody will ever navigate to. A small, consistent signup form in your footer or sidebar, present on every page. The prompt should be simple and specific: "Get an email when my next book comes out." Not "Join my community" or "Subscribe to my newsletter." Tell them exactly what they'll get and when. Your bio matters here too: a compelling About section makes readers more likely to subscribe.
Test your site on your phone. Right now. Before you do anything else on this list. If it doesn't work on mobile, nothing else matters until you fix that.
These aren't advanced techniques. They're the basics that most author websites skip. Get them right and you're ahead of 90% of author sites on the internet, which is a low bar, but it's the bar we're working with. Good design also helps your SEO: fast, well-structured pages rank better.
See these principles in action
If you're starting from scratch, or if your current site breaks most of the rules above, take a look at Zenpage's templates. They're designed around exactly these principles: mood-matched designs, cover-forward layouts, single clear actions per page, mobile-first, and fast by default.
It's free (see the pricing page for details). It takes about 15 minutes. And you'll end up with a site that actually feels like it belongs to the person who wrote your books. Not sure which builder to go with? Our author website builders comparison has the full breakdown.
If you want the full breakdown of what pages to include and what to put on each one, check out our author website checklist. It pairs well with the design principles here.