Craftpixel - Graphic designer portfolio template
A Tailwind CSS portfolio template for graphic designers, including a filterable work gallery, blog layouts, and essential pages like contact, pricing, and legal.
Includes 2 template versions
HTML template
Astro template
Optimized for desktop, tablet, and mobile screens with consistent spacing and typography.
Browse projects in a filterable grid with smooth transitions for quick navigation.
Showcase work in a simple modal lightbox for a focused viewing experience.
Uses semantic HTML, structured headings, and alt text to improve search visibility.
Built to meet WCAG guidelines for more inclusive, keyboard-friendly interactions.
Tested across Chrome, Firefox, Safari, and Edge for reliable rendering.
Showcase your design work with this Tailwind portfolio template
Craftpixel is a portfolio website template aimed at graphic designers who want a clean, structured place to present selected work, services, and writing. It’s designed to help you turn a body of projects into a browsable gallery and a clear narrative, without spending time building common pages from scratch. Styling is built on Tailwind CSS, keeping layout and visual tweaks straightforward through utility classes. You get two deliverable, static HTML and an Astro build, so you can choose a simple deployment or a component-driven workflow.
What's included
- Homepage layout tailored for a designer portfolio
- About page for background, process, or bio content
- Services page for listing offerings like branding or UI/UX work
- Portfolio page with a filterable project grid
- Modal lightbox pattern for viewing work in a focused overlay
- Blog list and blog detail layouts for sharing insights
- Pricing plans page
- Contact page with a client inquiry form
- Privacy Policy, Terms of Service, and Documentation pages
Ideal for
- Graphic designers building a personal portfolio site
- Branding and identity designers showcasing case studies
- UI/UX designers presenting product work and process write-ups
- Freelancers who need service + pricing pages alongside projects
- Creatives who want to publish articles or design insights
- Studios needing a straightforward marketing-and-portfolio web presence
SEO considerations
The template emphasizes semantic HTML structure with sensible heading hierarchy and image alt text to support search visibility. It’s also positioned for fast loading through optimized code and image handling, which helps both user experience and performance-focused SEO work.
