Back to themes

Monochrome Portfolio

A monochrome, motion‑driven portfolio theme for developers and designers, built with Astro, React, shadcn/ui, and Framer Motion to feel calm, precise, and premium.


Cost

Paid


Created by
Steven Travers

This theme is a black‑and‑white, motion‑driven portfolio designed for people who care about typography, structure, and small details more than loud gradients.

The homepage opens with a focused hero: a subtle scrambled title animation, your avatar, and a clear call‑to‑action. Below that, you’ll find a clients strip, capabilities cards, a projects grid, recent writing, a process timeline, and a refined contact section—enough content to feel substantial without ever feeling heavy.

Projects and blog posts are powered by Astro content collections, each with their own detail pages. Case studies and essays use large hero images, strong headings, and a narrow reading column so long‑form content feels deliberate and editorial. The writing and layout are tuned specifically for monochrome interfaces.

Throughout the theme, Framer Motion adds small, consistent animations: section reveals on scroll, card hover lifts, timeline steps, and a smooth light/dark mode toggle. Everything is tuned to feel understated and calm rather than bouncy.

Under the hood, the theme uses Astro + React islands + shadcn/ui on top of Tailwind v4, so you get a modern component system, design tokens, and a clean development experience. It’s a great starting point if you want a portfolio that feels like a thoughtful product, not just a one‑page template.