Screenshot of Lisovskiy

Lisovskiy

lisovskiy.work

Sergey Lisovskiy's personal designer site — floppy-disk hero illustration + intentionally scrambled-letter headlines + single 43.2px Apfel Grotezk + SvelteKit.

Design Portfolio Solo Designer niche

Design tokens

white
black
grey
hoverBg
display
Apfel Grotezk
body
Apfel Grotezk
mono

Do / Don't

Reference it for

  • Scrambled-letter anagram H2s that de-scramble on scroll/hover (Splitting.js + JS sort)
  • 3D illustrated floppy-disk hero for 90s-tech-nostalgia brands
  • Apfel Grotezk single-font system (Colletttivo open-source quirky grotesk)
  • Single 43.2px size + single 400 weight + 1.0 line-height — extreme typographic restraint
  • rgba(0, 0, 0, 0.03) ultra-subtle hover bg as workhorse (66 hits)
  • SvelteKit framework for personal portfolios
  • Umami self-hosted analytics (privacy-first GA alternative)
  • Cloudinary for image hosting (with built-in optimization)

Do not copy

  • The Lisovskiy name + floppy-disk illustration
  • The "MY BEST IDEAS" sticker copy
  • The scrambled-anagram headline copy verbatim
  • The yellow floppy-disk-label exact hue
  • The SvelteKit dependency if brand prefers another framework
  • The Cloudinary dependency unless brand needs it

Signature moves

scrambled-anagram de-scrambling headlines

H2s display as scrambled-letter anagrams that de-scramble on scroll or hover, built with Splitting.js plus a JS sort, in a single 43.2px Apfel Grotezk at 400 weight and 1.0 line-height

illustrated-mascot hero with ultra-subtle hover

a 3D illustrated floppy-disk hero anchors a 90s-tech-nostalgia brand, with rgba(0,0,0,0.03) ultra-subtle hover backgrounds as the workhorse interaction (66 hits) and an 11-property minimal token system

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 Analogue

Analogue

strong

Creative Studio

a "seriously playful" brand-and-motion studio that wears its personality as type, a wonky multi-alternate ANALOGUE wordmark, emoji and icon glyphs set inline in the copy, a candy-pink accent on white, and a GSAP-driven box of tricks (mexican-wave letters, glitches, bounce, float) kept just on the right side of chaos.
Screenshot of Bulletproof

Bulletproof

strong

Creative Studio

a brand-agency site that treats its own logotype as the hero, oversized "BULLET / PROOF" split type and a giant line-drawn B monogram, alternating black and bone-white acts with a Sequel-Sans-plus-Mixta-serif pairing, expo-eased motion and a single orange spark.