Ghostline

About this template

Ghostline is a story-driven portfolio template for creative developers, designers and makers who want their work to be remembered, not just scrolled past. Instead of a plain grid of projects, each case study becomes a chapter in one connected story, told with bold comic-style illustration, pixel type and a lime, ink and ember palette.

The layout is built on a strict 1px hairline grid inside a 1600px container, so every page feels like a field log: a status panel in the header, a system log on the cover, image-first mission cards and a detail page that walks through the break, the idea, the build and the interaction.

What's included

5 pages: Cover, Missions, Mission detail (CMS), About and Contact, plus a custom 404

Missions CMS with 6 ready case studies, covers, captions, tags and story fields

Split 100vh hero, pill navigation, status panel and announcement ticker

Motion throughout: typed pixel titles, word-by-word headline reveals, image settle effects, staggered rows and a scanline page transition

Reusable components: Button, Tag, Mission Card, Header and Footer with variants

Global color and text styles (Host Grotesk, Geist Mono, Geist Pixel), fully responsive for desktop, tablet and phone, and respects reduced motion

All characters, missions and copy are fictional demo content. Swap in your own name, projects and links to make it yours.