T Ko
t-ko.spaceAnton Tvinenko's designer portfolio — Readymag + Three.js + Win98 loader nostalgia, Druk Condensed + Japanese system font, retro-web aesthetic.
Design tokens
- display
- Druk Condensed
- body
- Times
- japanese
- Kosugi Maru
- custom
- custom_150763
- fallback
- -apple-system, system-ui
Do / Don't
Reference it for
- Win98 / retro-Windows aesthetic with win98ldr-anim loader keyframe
- rgb(192, 192, 192) Win98 grey + slate-blue palette
- Readymag visual page builder for designer-led no-code portfolios
- Three.js for embedded 3D elements
- Druk Condensed display + Kosugi Maru Japanese multi-script typography
- 5-weight system (100, 400, 500, 700, 900)
- 12-step scale with 7px micro for retro pixel-text effects
- Giphy embeds for animated GIF content
Do not copy
- The Anton Tvinenko name
- The Readymag dependency (designer page builder)
- The Three.js + 292 network requests for lightweight brands
- The Giphy embed pattern unless GIF content is brand-relevant
- The Kosugi Maru fallback unless Japanese content
- The Win98 grey aesthetic unless retro is brand-core
Signature moves
retro-OS loader nostalgia
a Win98-grey rgb(192,192,192) loader keyframe (win98ldr-anim) and ultra-snap 0.1s transitions set a deliberate retro-web tone on a near-white #f7f7f7 ground.
condensed-display plus micro-text scale
a Druk-style condensed display sits over a 12-step scale that reaches a 7px micro size for retro pixel-text effects, paired with a multi-script body face.
Related references
Lisovskiy
nicheDesign Portfolio
Sergey Lisovskiy's personal designer site — floppy-disk hero illustration + intentionally scrambled-letter headlines + single 43.2px Apfel Grotezk + SvelteKit.
Abhishek Jha
nicheDesign 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.
Lanserring
flagshipTrades
a bespoke-joinery house that sells craft as heritage, warm sepia interiors and meadow photography under a high-contrast transitional serif, the brand reduced to a single fine line-drawn ring, with quiet WordPress structure and almost no visible motion furniture.
Laugh Mind
nicheCreative Studio
The reference for Japanese motion-heavy creative studios — a near-black SvelteKit canvas, a serif-led type system anchored on `ambroise-francois-std`, a Pixi.js WebGL layer, and a slow Lenis-driven loader that turns the entry into a performance.