5c:I[333483,["/creators-assets/_next/static/immutable/chunks/356g_j0l71_46.js","/creators-assets/_next/static/immutable/chunks/3gx96u50v9idb.js","/creators-assets/_next/static/immutable/chunks/125_ce2ese0y_.js","/creators-assets/_next/static/immutable/chunks/2ii8lkleumgkk.js","/creators-assets/_next/static/immutable/chunks/1jubx4t_1hq7l.js","/creators-assets/_next/static/immutable/chunks/0c6romi9ma0is.js","/creators-assets/_next/static/immutable/chunks/069_m7850i8jf.js","/creators-assets/_next/static/immutable/chunks/03586ab1rea-b.js","/creators-assets/_next/static/immutable/chunks/19qq0hy3mz_vv.js","/creators-assets/_next/static/immutable/chunks/2oixy7hansmjm.js","/creators-assets/_next/static/immutable/chunks/2rczsbgoa3afm.js","/creators-assets/_next/static/immutable/chunks/2a63j-5qkrdf4.js","/creators-assets/_next/static/immutable/chunks/2504rifrkrd_l.js","/creators-assets/_next/static/immutable/chunks/0-lv0573a1cyl.js","/creators-assets/_next/static/immutable/chunks/3kkqflhmmpg9p.js","/creators-assets/_next/static/immutable/chunks/0ib-rcz4b0eq3.js","/creators-assets/_next/static/immutable/chunks/0mgwzh6o644jl.js","/creators-assets/_next/static/immutable/chunks/24gcuxpvxd8dy.js","/creators-assets/_next/static/immutable/chunks/0xd4yj8g3g-ci.js","/creators-assets/_next/static/immutable/chunks/2-y_r3u4wh2s3.js","/creators-assets/_next/static/immutable/chunks/3vd9_7_mqx0kl.js","/creators-assets/_next/static/immutable/chunks/3l37d07td4kzk.js","/creators-assets/_next/static/immutable/chunks/14h9277o22-rl.js","/creators-assets/_next/static/immutable/chunks/3nw4q_evu8ge1.js","/creators-assets/_next/static/immutable/chunks/02ciyo_cdpkrz.js","/creators-assets/_next/static/immutable/chunks/2qsfz_74auu2_.js","/creators-assets/_next/static/immutable/chunks/1xkjm3oyldl_r.js","/creators-assets/_next/static/immutable/chunks/16d5vpfsnfybw.js","/creators-assets/_next/static/immutable/chunks/3yfgkb3cck8zt.js","/creators-assets/_next/static/immutable/chunks/0rfcd366io6r9.js","/creators-assets/_next/static/immutable/chunks/2r15b2hek61lg.js","/creators-assets/_next/static/immutable/chunks/3kyaj4hrugjs0.js","/creators-assets/_next/static/immutable/chunks/14pxn0b6e1dc9.js","/creators-assets/_next/static/immutable/chunks/2ryuxt_mk774w.js","/creators-assets/_next/static/immutable/chunks/3o1z26bd2_9eh.js","/creators-assets/_next/static/immutable/chunks/3eh5q_6ksmw0l.js","/creators-assets/_next/static/immutable/chunks/19r4rf2zyng-y.js","/creators-assets/_next/static/immutable/chunks/0pc9t50m5x90i.js","/creators-assets/_next/static/immutable/chunks/2ee50z0bknh40.js","/creators-assets/_next/static/immutable/chunks/3f4d4x4z1mrzh.js","/creators-assets/_next/static/immutable/chunks/2rdaqkxiyeq_6.js","/creators-assets/_next/static/immutable/chunks/0e-wwv74y78f7.js","/creators-assets/_next/static/immutable/chunks/2qeyp4zfa4qwb.js"],"PostDetailCard"] 5d:T935,

Most developer portfolios are a résumé in disguise. This one is built around the work itself.

The home page runs as a single narrative: what you do, the numbers you can defend, the projects you owned end to end, the stack you actually run in production, and how you work. Case studies live in the CMS, so adding a project is filling in a form, not rebuilding a section.

The look is deliberately technical — one monospace typeface, a visible column grid, an acid accent used sparingly. The hero renders a WebGL particle field driven by your own video, and the Selected Work section moves horizontally as the reader scrolls the page. Both are built to be turned down or off.

Everything is wired to a small design system: eight colour tokens, twelve text presets, four link presets. Change a token and the whole site follows — including the overlay forms, which are on the same system rather than hardcoded.

Done properly, not bolted on afterwards:

Real heading structure, so search engines and screen readers read the page the way a person does
Fully operable from the keyboard, top to bottom
Animations step aside when the visitor's system asks for less motion
Every case study gets its own title, description and social preview image
Every image has a description, every link goes somewhere

WHAT'S INSIDE

4 pages: Home, CMS case study, 404, Styleguide
3 breakpoints on every page: desktop, tablet, phone
CMS collection with 12 fields and 5 fully written sample case studies
7 components: navigation with mobile menu, button with 8 variants, FAQ accordion, contact form, booking form, and their submit states
3 code components: particle video hero, scroll-driven horizontal track, heading reveal
8 colour tokens, 12 text presets, 4 link presets
Shared footer and navigation in one site layout — edit once, applies everywhere
Feel free any questions I am ready to support you by advice with AI generation images and video for you fork.
demidov.alexandr@gmail.com

59:[["$","$L5c",null,{"post":{"id":"01a06bba-60de-732e-a8bf-bc81395d34a2","title":null,"body":"

I had a fun to do that!

","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"I had a fun to do that!"}]}]},"author":{"framerUserId":"b93a306d-0af6-45ce-9cf6-09f5a4245791","name":"Oleksandr Demydov","slug":"oleksandr-demydov","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1308085/avatar-n6R4b9ZkHcwsSQM6JuZ6CB7UjvRw2l.jpg","followed":false,"followsYou":false},"media":[],"resources":[{"id":"72439","resolved":true,"title":"Shipped","body":"$5d","bodyJson":{"type":"doc","content":[{"type":"paragraph","content":[{"type":"text","text":"Most developer portfolios are a résumé in disguise. This one is built around the work itself.","marks":[{"type":"bold"}]}]},{"type":"paragraph","content":[{"type":"text","text":"The home page runs as a single narrative: what you do, the numbers you can defend, the projects you owned end to end, the stack you actually run in production, and how you work. Case studies live in the CMS, so adding a project is filling in a form, not rebuilding a section."}]},{"type":"paragraph","content":[{"type":"text","text":"The look is deliberately technical — one monospace typeface, a visible column grid, an acid accent used sparingly. The hero renders a WebGL particle field driven by your own video, and the Selected Work section moves horizontally as the reader scrolls the page. Both are built to be turned down or off."}]},{"type":"paragraph","content":[{"type":"text","text":"Everything is wired to a small design system: eight colour tokens, twelve text presets, four link presets. Change a token and the whole site follows — including the overlay forms, which are on the same system rather than hardcoded."}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Done properly, not bolted on afterwards:","marks":[{"type":"bold"}]}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Real heading structure, so search engines and screen readers read the page the way a person does"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Fully operable from the keyboard, top to bottom"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Animations step aside when the visitor's system asks for less motion"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every case study gets its own title, description and social preview image"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Every image has a description, every link goes somewhere"}]}]}]},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"WHAT'S INSIDE"}]},{"type":"bulletList","content":[{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"4 pages: Home, CMS case study, 404, Styleguide"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 breakpoints on every page: desktop, tablet, phone"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"CMS collection with 12 fields and 5 fully written sample case studies"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"7 components: navigation with mobile menu, button with 8 variants, FAQ accordion, contact form, booking form, and their submit states"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"3 code components: particle video hero, scroll-driven horizontal track, heading reveal"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"8 colour tokens, 12 text presets, 4 link presets"}]}]},{"type":"listItem","content":[{"type":"paragraph","content":[{"type":"text","text":"Shared footer and navigation in one site layout — edit once, applies everywhere"}]},{"type":"paragraph"},{"type":"paragraph"},{"type":"paragraph","content":[{"type":"text","text":"Feel free any questions I am ready to support you by advice with AI generation images and video for you fork."}]},{"type":"paragraph","content":[{"type":"text","text":"demidov.alexandr@gmail.com","marks":[{"type":"link","attrs":{"rel":"noopener noreferrer nofollow","href":"mailto:demidov.alexandr@gmail.com","target":"_blank"}},{"type":"bold"}]}]}]}]},{"type":"paragraph"}]},"introduction":"Engineer Portfolio & CV","slug":"shipped","author":{"framerUserId":"b93a306d-0af6-45ce-9cf6-09f5a4245791","name":"Oleksandr Demydov","slug":"oleksandr-demydov","avatar":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/creators/1308085/avatar-n6R4b9ZkHcwsSQM6JuZ6CB7UjvRw2l.jpg","followed":false,"followsYou":false},"media":[{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b93a306d-0af6-45ce-9cf6-09f5a4245791/01a06bb8-df24-75cf-b3d9-d65d56b990ee.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b93a306d-0af6-45ce-9cf6-09f5a4245791/01a06bb8-eaf8-733b-812d-a782d20a65e2.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b93a306d-0af6-45ce-9cf6-09f5a4245791/01a06bb8-f63d-735e-aee6-6a8d1ef51249.png","metadata":{"tint":{"h":0,"s":0,"l":57},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b93a306d-0af6-45ce-9cf6-09f5a4245791/01a06bb9-1111-75b9-bd08-46351389977c.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}},{"type":"image","url":"https://y4pdgnepgswqffpt.public.blob.vercel-storage.com/media/b93a306d-0af6-45ce-9cf6-09f5a4245791/01a06bb9-247b-72db-9ac1-aef281fe3ab7.png","metadata":{"tint":{"h":0,"s":0,"l":3},"width":1600,"height":1200}}],"post":null,"createdAt":"2026-09-04T09:22:51.128Z","updatedAt":"2026-09-16T07:30:14.474Z","publishedAt":"2026-09-04T09:22:51.125Z","featuredAt":null,"approvedAt":null,"type":"template","attributes":{"price":null,"paymentUrl":"https://framer.link/RrkkVoo","remixUrl":"https://framer.link/RrkkVoo","previewUrl":"https://pablovelazquez.framer.website/","categories":[{"id":16,"name":"Personal","slug":"personal"},{"id":14,"name":"Landing Page","slug":"landing-page"},{"id":112,"name":"Technology","slug":"technology"},{"id":218,"name":"Free","slug":"free-website-templates"},{"id":248,"name":"Services","slug":"professional-services"}],"styles":[{"id":109,"name":"Modern","slug":"modern"},{"id":110,"name":"Animated","slug":"animated"},{"id":222,"name":"Grid","slug":"grid"}],"mainCategory":{"id":269,"name":"Resume","slug":"resume"},"features":[{"id":18,"name":"Scroll Effects","slug":"scroll-effects"},{"id":21,"name":"CMS","slug":"cms"},{"id":32,"name":"Layout Templates","slug":"layout-templates"},{"id":35,"name":"Text Effects","slug":"text-effects"},{"id":37,"name":"Code Components","slug":"code-components"}],"tags":[]}}],"contests":[],"categories":[],"tags":[],"likes":{"count":1,"liked":false},"comments":{"count":0},"reposts":{"count":0,"reposted":false,"repostId":null},"version":1,"edited":false,"editedAt":null,"createdAt":"2026-09-04T09:22:51.742Z","updatedAt":"2026-09-04T09:22:51.742Z","reported":false}}],"$L5e"]

Suggested for you