5d:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/15s1ft4k9lx-7.js","/creators-assets/_next/static/immutable/chunks/0x8sumr53pdkk.js","/creators-assets/_next/static/immutable/chunks/3pud1dqsw0-_7.js","/creators-assets/_next/static/immutable/chunks/1m75iqpnspynu.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/3ohf-5_4hfjuq.js","/creators-assets/_next/static/immutable/chunks/2jjhfe7-w6y9a.js","/creators-assets/_next/static/immutable/chunks/325i2v5l4tnlq.js","/creators-assets/_next/static/immutable/chunks/0kisxyo3aw231.js","/creators-assets/_next/static/immutable/chunks/2b1mm8iiske-y.js","/creators-assets/_next/static/immutable/chunks/0i7m0zg6jfazw.js","/creators-assets/_next/static/immutable/chunks/3-hmotkz_bdv_.js","/creators-assets/_next/static/immutable/chunks/06bqtx1jsc1kz.js","/creators-assets/_next/static/immutable/chunks/3q5wansxm4vp6.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3naniu4pnqfyw.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/456d4lcv9-syj.js","/creators-assets/_next/static/immutable/chunks/36-o7-3julke0.js","/creators-assets/_next/static/immutable/chunks/2xq6uu2rcdc2i.js","/creators-assets/_next/static/immutable/chunks/2y9gv91n8o3i9.js","/creators-assets/_next/static/immutable/chunks/41i4r4u9uolgz.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3e73rezw4k1a2.js","/creators-assets/_next/static/immutable/chunks/15q00pdqk0br3.js","/creators-assets/_next/static/immutable/chunks/293prjxu_wz0c.js","/creators-assets/_next/static/immutable/chunks/0l9v835j421-s.js","/creators-assets/_next/static/immutable/chunks/40oma2w708rd-.js","/creators-assets/_next/static/immutable/chunks/2x7-2b3jcc9x7.js","/creators-assets/_next/static/immutable/chunks/3_pg4jxj9aiiw.js","/creators-assets/_next/static/immutable/chunks/3k6sa9ujkqb5c.js","/creators-assets/_next/static/immutable/chunks/3l2h8slpbzxqo.js","/creators-assets/_next/static/immutable/chunks/2xgtw4s-tlhet.js","/creators-assets/_next/static/immutable/chunks/3b306xa-3tb7g.js","/creators-assets/_next/static/immutable/chunks/2fvzgkzqkig_w.js","/creators-assets/_next/static/immutable/chunks/3g6klxxyg4m8-.js","/creators-assets/_next/static/immutable/chunks/0qx5rzvbsd7bx.js","/creators-assets/_next/static/immutable/chunks/1cphzzg2t2qo2.js"],"PostDetailCard"] 5e:T714,

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.

5a:[["$","$L5d",null,{"post":{"id":"019e3a68-ec9d-7096-9ec9-d69080726a47","title":null,"body":null,"bodyJson":null,"author":{"framerUserId":"0ed7b804-07ac-4864-81fb-0ced90e1e60e","name":"Joux","slug":"joux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/732966/avatar-yEQjLv8LLhxhBVQBlTuZ2ifHWjxSfS.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"62505","resolved":true,"title":"Ericode","body":"$5e","bodyJson":null,"introduction":"Dark portfolio for developers","slug":"ericode","author":{"framerUserId":"0ed7b804-07ac-4864-81fb-0ced90e1e60e","name":"Joux","slug":"joux","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/732966/avatar-yEQjLv8LLhxhBVQBlTuZ2ifHWjxSfS.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62505/ericode-Fx9vmPa6nPGNG8v63M4vSPuprb460e","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62505/ericode-GcjWw6DHPHCNNrh2lY5ufL7ABslUkt","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62505/ericode-vI1Qk0cFPlqvmCimZ7wy78M2z3NbDe","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62505/ericode-u1Ba2fmjcZCzXE1ylwFPnIpq8xHsF2","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-04-14T11:58:29.393Z","updatedAt":"2026-05-18T09:26:55.389Z","publishedAt":"2026-05-18T09:26:55.389Z","featuredAt":null,"approvedAt":"2026-06-01T14:46:12.987Z","type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/3rCcZBJ","remixUrl":"https://framer.link/3rCcZBJ","previewUrl":"https://ericode.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":19,"name":"Portfolio","slug":"portfolio"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":218,"name":"Free","slug":"free-website-templates"}],"styles":[{"id":247,"name":"Professional","slug":"professional"},{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"}],"mainCategory":{"id":19,"name":"Portfolio","slug":"portfolio"},"features":[{"id":1,"name":"Appear Effects","slug":"appear-effects"},{"id":13,"name":"Slideshows/Tickers","slug":"slideshows-tickers"},{"id":17,"name":"Sticky Scrolling","slug":"sticky-scrolling"},{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":25,"name":"Custom Cursors","slug":"custom-cursors"},{"id":30,"name":"Forms","slug":"forms"},{"id":35,"name":"Text Effects","slug":"text-effects"}],"tags":[],"isAgentTemplate":false,"demoVideo":null,"skills":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":7,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-05-18T09:26:55.389Z","updatedAt":"2026-05-18T09:26:55.389Z","reported":false}}],"$L5f"]

Suggested for you