i've made some layouts for you to use!

90s

Brittany Layout

demo page!

brittany is a super-simple 90s geocities style layout with two bits of modern javascript for flavor - a quote randomizer and a gif animation toggle!

rather than being more "webcore", this is patterned after actual geocities pages! so it's a bit on the plain side with some garish bits of flair.

Spice Layout

demo page!

spice is a more in-depth but deceptively simple geocities style, this one based on iframe & frameset layouts! your whole website on one page, with a fixed sidebar and header framing it. javascript gif toggle included, but no other javascript. just css and html.

00s

Millennium Layout

demo page!

millennium is a compact three-column layout modeled after fansites and personal sites from the 00s, especially anime fansites! a disproportionately huge header, nearly unreadable text, and the crosshair cursor will have you saying, "oh, i remember those. kind of annoying..." in no time!

Xtreme Layout

demo page!

xtreme is a gradient-heavy three-column layout modeled after a different genre of website from the 00s - more gaming-type fansites, blogs, products, and forums. featuring gradients all over the goddamn place and preloaded with ads and shiny buttons! no javascript (besides the doodads and gizmos in the sidebars, which are not essential), somewhat responsive (it works on mobile, just doesn't look very good), a bit fiddly to customize.

10s

Shoelaces Layout

demo page 1 | demo page 2

shoelaces is a layout based on tumblr themes from the 2010s: a minimalist page with three columns for content, one column for a tiny bio. the #aesthetic reigns supreme!

there are two versions! the first is the 3-column style and the second is one-column. they use the same stylesheet, just different html.

20s

Quopyright Layout

demo page!

a template template in the style of 2020s professional websites - mobile-friendly, no javascript!

Indeed Web Layout

demo page!

indeed web is a blog layout for infiltrating the indieweb, if you have a need to do such a thing! no javascript, mobile-friendly, with only one accent color to keep it simple.

general

milk crate

demo page!

milk crate is a little box to put your little website in! it has a nifty little tab for navigation as its only frill. mobile-friendlyish (navigation tab doesn't work in safari on iphone, which im trying to figure out), no javascript.

camellia

demo page!

camellia is a leaf-shaped variant on the "small box" format! comes with a bunch of additional space to make up for its limitations. a bit kooky and fiddly but still with a soothing slightly classy feeling, i think. an interesting mix of vibes. mobile-friendly, no javascript. this one does have some pieces you could break that would fuck up the layout pretty badly, so it might not be best for beginners... that said, breaking things is a great way to learn how they work!

this layout is mobile-friendly, uses no javascript, and even (bonus?) works just fine if you do something like CSS Naked Day and delete all your css. if that's something you like to do.

this layout was made for the spring 2025 32-bit cafe codejam!

pre-dawn coffee

demo page!

pre-dawn coffee is a hazy dreamy theme inspired by too-early mornings, road trips, and truck stops... i tried to emulate that washed-out grey look the world has right before the sun comes up. it's a pretty simple & uncluttered setup, with the navigation tucked away out of sight. simplebut stylish, i think!

this layout was made for the spring 2025 32-bit cafe codejam!

cozy cafe

demo page!

cozy cafe is a DIY sort of template with a ton of box options - i made a variety of types of divs for you in CSS, so you just need to figure out a combination of boxes that you like! it's a layout type that would normally be made with grid, i think, but i did it with a flexbox because i don't like grid.

this layout was going to be made for the spring 2025 32-bit cafe codejam, but i didn't end up submitting it because i didn't think it really fit the theme.