Web Design.
A growing library of full sites and reusable components built from the same locked-in design system. Open any card to see the component working on its own.
Plus-Marked Frame
A framed container with plus corner markers, assembling in reading order.
Hover List
Large nav items that brighten, indent, and bullet on hover.
ASCII Lava Hero
Fixed ASCII noise field drifting upward behind the content.
Status Lines
Breathing status squares and a drifting scanline panel.
Directional Fill Button
A CTA whose fill wipes in from the cursor's entry edge.
Project Card
Numbered card with a hover meta reveal and an accent title rule.
Timeline Rail
A vertical rail that draws top to bottom with staggered entries.
Code Reveal
Code display with line stagger, monochrome syntax, and copy.
Kinetic Marquee
A seamless scrolling text band that pauses on hover.
Contact Form
Underline inputs, accent focus, directional-wipe submit.
Text Shimmer
A slow gold gradient sweep across otherwise-muted text.
Stacking Cards
Sticky cards that lock and fade as the next one rises.
Magnetic Emblem
Dock-style proximity magnification with a breathing halo.
Alpha Curve
A gold curve that draws itself in on scroll with a synced counter.
Bento Card
A cell whose gold hairline and feature glyph ignite on hover.
Testimonial Carousel
Overlapping portraits with full keyboard control.
Scroll Progress
A 2px gold bar that tracks the page scroll ratio.
Seamless Marquee
A doubled track that loops and pauses on hover.
Access Form
A gated invitation form with inline validation and states.
Ambient Layer
Film grain plus a radial wash and a warm gold bloom.
Scroll-Scrubbed Creed
A manifesto that writes itself in word by word on scroll.