free layouts

hand-coded HTML / CSS for personal sites · free to use · attribution + linkback required

these are a collection of indie-web layouts i built for myself and decided to share. each one is a single HTML file (or a small handful) — no build step, no framework, no JavaScript framework lock-in. drop them on nekoweb / neocities / GitHub Pages / any static host and they just work. take what you need.

licensing: CC BY 4.0 — use them however you like, including for commercial work, but credit + a link back is required. somewhere on your site (footer is fine), drop a line like:

layout by <a href="https://penjurupikiran.com">penjuru pikiran</a>
springtime wiki layout preview

springtime wiki

a small, slow, personal wiki — a garden of pages tended over time. left-rail nav, in-line content, classic Wikipedia-meets-cottage-core feel.

commonplace layout preview

commonplace

a small notebook on the open web — fixed-width, two-column, pale sage paper with a deep burgundy sidebar. botanical-bookbinding palette, system serif body, no build step.

broadsheet layout preview

broadsheet

a writer's personal-broadsheet — masthead with multi-segment serif title, marquee strip with location/edition, two-column nav with descriptions, dark featured-quote section. parchment + deep ink + rust.

risogram layout preview

risogram

a dark-mode portfolio with a fixed left-rail of four illustrated tiles — riso-print palette (plum, peach, mustard, mint) pulled against deep midnight navy. main content scrolls beside; collapses to a top strip on mobile.