Home

Josh W. Comeau joshwcomeau.com/

Design type: Developer blog homepage
Page tags: hero 3d illustration dark personal developer blog index sidebar article list footer newsletter
Site tags: dark personal developer
Vocabulary: 3d character herodashed rainbow arclayered cloud silhouetteseyebrow section labelsarticle list feedtitle + subtitle + excerpttwo-column with sidebarpill category chipsarrow link liststicky sidebarshow more buttonupside-down mascot easter egggradient footer
Prompt: Show prompt
Build a dark, whimsical homepage for a developer blog. Palette: bg #0E1114, hero sky gradient #1A2733→#0E1114 with 2–3 layered hill/cloud silhouettes (#18212B, #1F2833). Headings #F2F4F7, subtitles #9AA4B2, body #C9CED6, eyebrow labels hot pink #FF3D8B, footer teal gradient #1A3040→#2A5C74, newsletter button yellow #FFD60A. Type: friendly geometric sans (e.g. Wotfard / Outfit), monospace for inline code. - Header: wordmark [Your name] left, text nav, icon buttons (search, sound, theme, RSS) right; ~960px column. - Hero: no headline — just illustration: a 3D cartoon avatar of you sitting under a big arc made of rounded rainbow dashes (purple, blue, green, yellow, red), placed right of centre, overlapping the silhouette horizon. - Main: 2 columns (≈60/40). Left: pink uppercase eyebrow "ARTICLES AND TUTORIALS", then a vertical feed of posts: [Article title] (20px semibold), optional muted subtitle, 3–5 line excerpt, bold "Read more" — ~48px between posts. Ends with a centred "Show more" button with a down-arrow square. - Right sidebar: "BROWSE BY CATEGORY" eyebrow + wrapping outlined pill chips; "POPULAR CONTENT" eyebrow + list of → arrow links (16px). Popular list sticks while scrolling. - Footer: cloud-silhouette edge into teal gradient; a small upside-down mascot peeking over the edge; wordmark + tagline, newsletter input, 3 link columns with uppercase labels, social icons. Motion: arc dashes animate in, sticky header fades in on scroll. Responsive: sidebar drops below the feed on mobile.
Added: 26 Oct 2026

Esc gallery · ← → pages

Full-page screenshot of Home on Josh W. Comeau