Brutalist Editorial

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.

Live Demo

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

1. Download the template
2. Run npm install → npm run dev
3. Edit the components (all .astro files, plain HTML + Tailwind)
4. Deploy to Vercel / Netlify / Cloudflare Pages (free)

How to customize

1. Name & tagline → src/pages/index.astro
2. Projects → src/components/Projects.astro
3. Skills → src/components/Skills.astro
4. Contact links → src/components/Contact.astro
5. 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