Brutalist Editorial
A bold portfolio theme for Astro & Tailwind CSS
Brutalist Editorial is a high-contrast portfolio theme for developers, indie hackers, and creators. Sharp typography, dramatic layouts, and scroll-triggered animations — designed to make your work impossible to ignore.
What's included
- 7 Sections — Nav, Hero, Projects, About, Skills, Contact, Footer
- Offset Shadow Project Cards
- Animated Skill Progress Bars
- Marquee Tagline Hero
- Scroll-Triggered Reveal Animations
- Dark Hero / Light Content Layout
- Tech Tag System with Status Badges
- Responsive Design (Mobile, Tablet, Desktop)
- Zero JS Bloat — Pure CSS animations
- Brutalist Typography — Anton, Crimson Pro & Geist Mono
- High-Contrast Color Palette (Ink, Paper, Acid, Rust)
- Ready to Deploy on Vercel or Netlify
- Fully Customizable Colors, Fonts & Sections
Tech Stack
- Astro 6 — Static site generator (ships zero JS by default)
- Tailwind CSS v4 — Utility-first CSS with the new Vite plugin
- Vanilla JS — IntersectionObserver for scroll animations only
Who is this for?
- Developers building a personal portfolio
- Indie hackers showcasing their products
- Freelancers who want a standout presence
- Anyone tired of generic, cookie-cutter templates
How it works
- Download the template
- Run npm install → npm run dev
- Edit the components (all .astro files, plain HTML + Tailwind)
- Deploy to Vercel / Netlify / Cloudflare Pages (free)
How to customize
- Name & tagline → src/pages/index.astro
- Projects → src/components/Projects.astro
- Skills → src/components/Skills.astro
- Contact links → src/components/Contact.astro
- Colors → src/styles/global.css
License
When you purchase the template you get access to a very permissive license:
Commercial License — Personal and commercial use permitted for the purchaser. Unauthorized redistribution, resale, or sharing is strictly prohibited.
Full license details contact me
If you have any questions do not hesitate to reach out on:
Twitter: @Jawuil_p Email: hola@jawuil.dev
Thank you so much for reading and showing interest in this template. If you need more templates, a bundle that includes all the templates and free updates is also available at jawuil.dev.
Built by jawuil.dev
