This website is my work, too.
Most portfolios start from a template. This one started from a blank page and three videos — and took their language: serif headlines with one word in italics, small typed labels, old numbers struck out.
Every project has its own colors, taken from its video, and the whole page changes color as you scroll. There is never an edge between two sections.
A website is a tool, too. It should be fast, clear and work for everyone.
Then the part you don't see: it has to open fast on a slow phone, work with a keyboard and a screen reader, and stay calm for people who turn animations off.
Design, animation, code, both languages, the screenshots and the share images — all of it made by me.
Fast where it counts.
- Lighthouse performance, desktop
- 99–100
- accessibility
- 100
- SEO and best practices
- 100
- of JavaScript on the home page
- 77 KB
- until the page is on screen (desktop)
- 0.7 s
- layout shift — nothing jumps while it loads
- 0.002
Measured with Lighthouse on the live site, October 2026.
What's inside.
- 01
Color that follows you
Each section takes its colors from its own video. As you scroll, the whole page slowly turns from one to the next — cream, crust brown, graphite, night, ink.
- 02
A blueprint under every page
One switch draws the skeleton over the site: every pinned section, video, font and form, labelled with what it is. Try it — it works on this page too.
- 03
Every project opens in its own color
Click a project and its color spreads from the button over the whole screen; the project page appears out of it. Going back, the color shrinks into the link you came from.
- 04
Letters done right
Fraunces for headlines, Onest for text, Courier Prime for small labels — hosted on the site, cut down to the characters it needs, with every Serbian letter in place.
Fraunces Italic
Onest — text you read without noticing
COURIER PRIME — 01 · LABELS
Đđ Ćć Čč Šš Žž
- 05
A video player of its own
Videos start muted when they come into view, “Turn on sound” plays them from the first second, only one plays at a time, and the keyboard works too.
- Spaceplay
- Msound
- Ffull screen
- 06
Ready to be shared
Every page, in both languages, has its own card for messages and social networks.
- 07
Two languages, one site
English and Serbian, page for page. The language switch keeps you on the page you are reading, and search engines know which is which.
- 08
Made for everyone
Everything works with a keyboard and a screen reader. People who turn animations off get the same site, only quiet.
- Keyboard
- Screen readers
- Reduced motion
- Big enough to tap
For the curious.
- Astro
- builds every page ahead of time: plain, fast HTML
- GSAP
- ScrollTrigger, SplitText, DrawSVG, MorphSVG — every animation
- Lenis
- smooth scrolling on computers
- Vercel
- hosting, and visit counts without cookies
- Playwright
- the screenshots, and the checks on every screen width
- ffmpeg + fonttools
- videos and fonts prepared by hand, as small as they can be