---
title: "Ericode — Free Framer template · Best of Framer"
description: "Free Framer template · by Joux · Portfolio. Ericode is a dark, brutalist developer portfolio template built in Framer."
canonical: "https://framer.elliotli.dev/template/ericode"
---

[Home](/)/[Templates](/templates)/[Portfolio](/templates/category/portfolio)/Ericode

# Ericode

Dark portfolio for developers

[Get for free](https://framer.com/marketplace/templates/ericode/?via=elliot-li)

![Ericode preview image 1](https://framer.elliotli.dev/og/template/ericode/b8d156758d7de1ce/1600x1200.jpg)

## Summary

Ericode is a dark, brutalist developer portfolio template built in Framer.

## Description

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](http://github.com) and [linkedin.com](http://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.

## Rank history [How rankings work →](/terms#rankings)

-   Professional · #1966
-   Landing Page · #987
-   Free Website Templates · #2577
-   All · #5406
-   Dark · #1045

## Details

- **Author**: Joux
- **Published**: 2026-05-18
- **Updated**: 2026-05-18
- **Added**: 2026-04-14
- **Categories**: Free Website Templates, Landing Page, Personal, Portfolio
- **Styles**: Animated, Dark, Minimal, Modern, Professional
- **Features**: Appear Effects, CMS, Custom Cursors, Forms, Scroll Effects, Slideshows Tickers, Sticky Scrolling, Text Effects

## More like this

-   [HexFly](/template/hexfly) — Tanber · Free — Live Preview HexFly is a bold and modern Framer template built for creative agencies, branding studios, web design teams, and digital…
-   [Better Films](/template/better-films) — Rejaul Karim · Free — Cinematic Director Portfolio
-   [Mikes Irrigation](/template/mikes-irrigation) — Troy Miller · Free — Modern Irrigation Company Website
-   [Ashfordd](/template/ashfordd) — Akin & Ed · Free — Premium Real Estate Framer Templat