Screenshot of Stas Bondar

Stas Bondar

www.stabondar.com

a front-end developer's portfolio that proves its own craft, a near-black WebGL HUD where a giant outlined "stAbondAr" wordmark, a scattered field of numbered coordinate points and decode-scramble text move under Neue Machina type and a single hot red, all built, fittingly, on Astro.

Design Portfolio Frontend Developer Portfolio strong

Design tokens

black
near-black
white
red
display
NeueMachina
body
NeueMachina
mono
NeueMachina (technical proportions)
serif
Times

Do / Don't

Reference it for

  • A current Astro + Lenis + WebGL build, proof the Jiffi stack can carry award-tier motion.
  • Dark "HUD" art direction: coordinate-point fields, outlined display type, mono labels, one electric accent.
  • Decode/scramble text reveals as a developer-coded signature.
  • Expo motion (cubic-bezier(0.84,0,0.16,1)) for confident, weighted state changes.
  • Extreme restraint: two type families, three colours, no decoration beyond the WebGL.

Do not copy

  • The coordinate-field WebGL hero is a heavy, bespoke signature and a performance/accessibility cost; admire the technique, scope it carefully.
  • Neue Machina is licensed; map to a similar geometric display.
  • The dark-HUD, scramble-text developer aesthetic is strongly persona-coded; on a client brand it can read as a portfolio cosplay.

Signature moves

dark HUD art direction

a near-black page hosts a giant outlined wordmark, a scattered field of numbered coordinate points and mono labels with a single hot red #eb4330 accent, two type families and three colours only

decode-scramble text reveal

decode/scramble text reveals act as a developer-coded signature, driven by expo motion cubic-bezier(0.84,0,0.16,1) at 600ms for confident weighted state changes

Related references

Screenshot of Abhishek Jha

Abhishek Jha

niche

Design Portfolio

Indian designer personal portfolio — 4-font system (DM Sans + thunder + editorial + playground), 17-step scale up to 288px, dark plum + pink palette, 9-keyframe marquee/cloud motion.
Screenshot of Alche

Alche

strong

Creative Studio

The reference for Japanese virtual-character + immersive experience studios — Astro v5 build, neon yellow-green accent, 5-font multi-language system, KizunaAI case study.
Screenshot of Alejandro Mejias

Alejandro Mejias

niche

Design Portfolio

A Melbourne solo UX designer's Framer-built portfolio in a brutalist bracket-wrapped monospace voice — black-on-white chrome punctuated by a single neon-yellow accent, dotted-grid hero, and full-bleed yellow about page.
Screenshot of Alina Papazova

Alina Papazova

niche

Design Portfolio

a 3D artist's Framer portfolio that opens on a full-bleed red wall with a colossal magenta FREE FAT FONT "ALINA" wordmark, then drops the volume into clean editorial white-on-near-black case studies set in Satoshi with Times serif accents, the loud act and the quiet act in deliberate tension.