01. F-Shape

Optimized for reading headers & first lines. Professional & fast. It's okay.

NAME

Latest Permanent Work

Text starts here and flows left to right. Readers scan in an F-pattern...


Archive Entry

Summaries are easy to find because they align to a strict vertical grid.

05. Fixed Side-Nav

The "Desk" feel. Navigation is always available while reading.

My favorite ...!

NAME
Home
Fiction
Essays
Archive
Bio

Main Content Area

As you scroll through long essays, the menu on the left never moves. This makes it very easy to "switch rooms."

02. Z-Shape

Best for landing pages with graphics. Leads the eye in a zigzag. I don't like it that much.

Intro
Welcome to my site.
Project
My first book.
Contact
How to find me.

03. Magazine

High density. Good if you have 50+ pieces of writing to display at once.

FEATURED ARTICLE

The main thing you're proud of right now.

Essay A
Short summary here...
Essay B
Short summary here...
Short Story
Category: Fiction
Opinion
Category: Personal

04. Card Grid (The Library)

Clean, organized, and permanent. Everything feels equal. Could be a sub-page?

Poetry
Title 1
Fiction
Title 2
Prose
Title 3
Essay
Title 4
Log
Title 5
Art
Title 6

06. Three-Column Archive

Minimal effort to find specific genres or categories. Not too great.

FICTION

Short Story
Novella
Flash

ESSAYS

Personal
Travel
Tech

LINKS

Twitter
Email
Guestbook

07. Scrolling Feed

Simple, one-page, chronological. Good for "Streams."

Today

A New Entry

The latest thing she wrote appears at the top.

Yesterday

The Previous Entry

Everything follows a single vertical line.

08. Bento (The Dashboard)

Personal, graphic, and modular. "A little bit of everything."

LATEST PIECE
BIO
NAVIGATION
MENU
MOOD / STATUS