5c:I[333483,["/creators-assets/_next/static/immutable/chunks/16d0e6blr3zvd.js","/creators-assets/_next/static/immutable/chunks/1rdgef59pv3cw.js","/creators-assets/_next/static/immutable/chunks/0zdv1ssrxkrvj.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/30hhj9fl_j_en.js","/creators-assets/_next/static/immutable/chunks/0gxswkth5mc6b.js","/creators-assets/_next/static/immutable/chunks/33adfll0sgxzj.js","/creators-assets/_next/static/immutable/chunks/41zrh_r6fdtfq.js","/creators-assets/_next/static/immutable/chunks/36invrtoq879v.js","/creators-assets/_next/static/immutable/chunks/19-jcjdymr-fa.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0j6nyijn0flqd.js","/creators-assets/_next/static/immutable/chunks/2b15v_9ruhnys.js","/creators-assets/_next/static/immutable/chunks/3zq_69yv5l6lg.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/3h1dt97hv5ik0.js","/creators-assets/_next/static/immutable/chunks/39xjxvqtwa0x7.js","/creators-assets/_next/static/immutable/chunks/17w9c6wazundy.js","/creators-assets/_next/static/immutable/chunks/1u1uuj9mj0hoo.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2iw_-bo8jogap.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js","/creators-assets/_next/static/immutable/chunks/1_2vu9p6mra4j.js","/creators-assets/_next/static/immutable/chunks/2qrxli96_t9cq.js","/creators-assets/_next/static/immutable/chunks/0w757zrv0hi6k.js","/creators-assets/_next/static/immutable/chunks/3edl5e308nytq.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/37uei1iwbnu3m.js","/creators-assets/_next/static/immutable/chunks/44oc0x6k7mw-i.js","/creators-assets/_next/static/immutable/chunks/2njnkxjf39nsf.js","/creators-assets/_next/static/immutable/chunks/27vyv0cqm_295.js","/creators-assets/_next/static/immutable/chunks/3n0g19afc7srh.js","/creators-assets/_next/static/immutable/chunks/3o3dwck1w1ue6.js","/creators-assets/_next/static/immutable/chunks/1h-r9oggqjick.js","/creators-assets/_next/static/immutable/chunks/05i2jce8amocn.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/3sa-o_ztvtkwe.js","/creators-assets/_next/static/immutable/chunks/2051y-i4b0nnm.js"],"PostDetailCard"] 5d: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.

59:[["$","$L5c",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":"$5d","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":"hsl(0 0% 3%)","aspectRatio":1.3333333333333333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62505/ericode-GcjWw6DHPHCNNrh2lY5ufL7ABslUkt","metadata":{"tint":"hsl(0 0% 3%)","aspectRatio":1.3333333333333333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62505/ericode-vI1Qk0cFPlqvmCimZ7wy78M2z3NbDe","metadata":{"tint":"hsl(0 0% 3%)","aspectRatio":1.3333333333333333}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/templates/62505/ericode-u1Ba2fmjcZCzXE1ylwFPnIpq8xHsF2","metadata":{"tint":"hsl(0 0% 3%)","aspectRatio":1.3333333333333333}}],"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":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":111,"name":"Minimal","slug":"minimal"},{"id":208,"name":"Dark","slug":"dark"},{"id":247,"name":"Professional","slug":"professional"}],"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"}]}}],"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}}],"$L5e"]

Suggested for you