Lately i have been working on my personal site which is also another mission on stardance and i thought it should have a vintage vibes not the tech one i usually use so then i started with the web and tried my best to make the whole vibe like retro vintage computing aesthetic. Think of like when the old CRT monitors meets modern web design. So i added this CRT overlay with scanlines that flicker and film grain that literally animates. It makes the whole site feel like you’re looking at an old type of monitor. There’s also a paper texture overlay that gives everything this aged feel»
The custom cursor is probably the most extra thing on this site. It’s a glowing gold dot with a ring around it(cause it had an vintage ahh vibe), and there’s an 8-dot trail that follows your cursor with progressive lag. Each trail dot uses lerp to follow the one before it with decreasing speed so they fan out behind your cursor. when you hover over interactive elements the ring scales up and glows brighter. I spent way too long getting the lerp values right so it feels smooth and not janky (^///^)
For hero section i actaully wanted to add a scroll down animation video but it would have sucked so now it is a 300vh tall and uses sticky positioning so the background stays fixed while you scroll. There’s a background image with a grid overlay that literally drifts diagonally forever , and a scanline that sweeps down the screen. The title “BUILDING DIGITAL ARTIFACTS THAT FEEL ALIVE” ahh reveals line by line as you scroll down, same with the tagline, badges, stats, and CTAs. Everything fades in with staggered timing>.
The contact section has two parts - four contact cards (Email, GitHub, LinkedIn, Twitter) with magnetic hover effects, and an auto-typing terminal(which i thought would look really look xD). Thhe terminal types out commands like cat manifesto.txt and echo “keep sailing” with a blinking cursor, then shows the output line by line. It cycles between different scripts automatically. Still the website is in progress…
Comments 0
No comments yet. Be the first!
Sign in to join the conversation.