Ericode

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.