Ericode
A dark brutalist developer portfolio built in Framer. Includes 7 pages, a fully structured CMS for projects, contact form, custom 404, and a complete design system. Built for engineers and technical creatives who want a portfolio as precise as their code.
About this Template
Ericode is a dark, brutalist developer portfolio template built in Framer. Designed for full-stack engineers, technical creatives, and anyone who wants a portfolio that feels as intentional as the work inside it.
WHAT'S INCLUDED
7 fully built pages: Home, Projects, Project Detail, About, Contact, Success, and a custom 404. Every page is responsive and follows a consistent design system throughout.
CMS-POWERED PROJECTS
The Projects collection is fully structured with dedicated fields for title, cover image, overview, challenge, tech stack, and next project link. Add your own work in minutes — no canvas editing required.
DESIGN SYSTEM
Built on a complete token system with named color styles under /Brand/ and text styles under /Text/. Change the accent color once and it updates across the entire site instantly.
CONTACT FORM
Powered by Framer Forms. Add your email, set the success redirect to /success, and it works out of the box. No third-party tools needed.
HOW TO CUSTOMIZE
1. Swap colors — open Assets → Colors → change /Brand/Accent
2. Update your info — use CMD+F to find and replace name, email, location
3. Add your projects — open CMS and edit the 6 sample entries
4. Update social links — search github.com and linkedin.com to find every instance
5. Set up the form — add your email in the form settings panel
FONTS USED
Space Grotesk — headings and display
JetBrains Mono — labels, metadata, UI copy
Inter — body text
All fonts are loaded via Google Fonts. No custom files needed.
