TCCNY Portfolio Reveal
A high-end, dark-mode portfolio landing page featuring a tech-forward 'Digital Alchemist' aesthetic. Incorporates editorial typography with Space Grotesk and Inter fonts, a pixel-art transition intro, and modern UI elements like infinite marquees and glassmorphism. Perfect for creative agencies, fintech, luxury engineering, or independent developers seeking a brutalist yet polished Brooklyn-style aesthetic.
Summary
A sophisticated single-page portfolio with a deep black theme (#050505), featuring bold geometric typography, high-contrast accent colors (blue, purple, green), and interactive project grids. The UI transitions from a retro pixel-game aesthetic into a clean, modern professional site using scanline overlays and smooth scroll animations.
Style
The style combines retro-tech elements (pixel fonts, scanlines) with high-end modern design (Space Grotesk headers, Inter body text, glassmorphism). It utilizes a monochromatic dark base (#050505) with vibrant gradient accents and subtle 'glow' effects from blurred background containers.
Layout & Structure
A vertical-scrolling single-page application consisting of a fixed navigation bar, hero section, interactive marquee, asymmetrical project grid, and a split-section services/about layout.
Navigation
Hero Section
Skills Marquee
Project Grid
About and Services
Contact and Footer
Components
Interactive Project Card
A card that combines visual depth with clear metadata.
Infinite Marquee
A non-stop horizontal text scroller for dynamic branding.
Special Notes
MUST: Maintain the #050505 background for deep blacks. DO NOT: Use standard 12px grid gutters; use 32px-64px for a premium feel. MUST: Use the iris-wipe (clip-path: circle) for page transitions. MUST: Keep font-weight of Space Grotesk heavy for headings to contrast the light Inter body text.