CERBEX.

Premisa

Un studio care își vinde performanța nu-și permite un site lent. Asta a fost singura constrângere reală: orice decizie de design trebuia să treacă mai întâi prin întrebarea „cât costă în kilobytes".

Decizia tehnică

Am construit site-ul fără niciun framework și fără nicio dependință. Nici React, nici GSAP, nici Three.js, nici bibliotecă de scroll.

• Shader WebGL scris de mână pentru fundalul din hero
• Smooth scroll propriu, pe interpolare de wheel
• O singură buclă requestAnimationFrame pentru tot ce se mișcă
• position: sticky nativ în loc de pinning din bibliotecă
• Reveal-uri pe IntersectionObserver, cu verificare de rezervă

Rezultatul: 30 kB transferați pentru HTML, CSS și JavaScript împreună. O singură bibliotecă de animație ar fi cântărit de zece ori mai mult.

Direcția vizuală

Negru aproape absolut, off-white cald și un singur accent lime, folosit cu zgârcenie. Tipografia face contrastul: un grotesc condensat pentru titluri uriașe și un serif didone italic pentru exact un cuvânt din fiecare titlu.

Marca este reconstruită ca SVG dintr-o singură aripă, oglindită prin transformare — deci cântărește câteva sute de octeți, nu un fișier de imagine.

Ce am măsurat

• Imagini servite în WebP cu variante pe dimensiune, încărcate lazy
• Fonturi cu display: swap și stive de rezervă cu metrici potrivite
• Analytics încărcat abia după consimțământ și după evenimentul load
• Totul se dezactivează la prefers-reduced-motion