Brand voice with sharper edges
Editorial type, visual restraint, and enough atmosphere to feel intentional without becoming costume design.
A stronger opening frame for a personal presence that wants both atmosphere and credibility.
Motion-first shell
Next.js, Tailwind, Framer
Coastal signal
Neworleans + Miami
This opening sets the direction: editorial pacing, sharper typography, and a flexible build that can carry case studies, writing, experiments, and interface depth.
Personal Studio
A warmer, more cinematic homepage built out of the component catalog you assembled.
Homepage rebuild in progress
Instead of leaving the homepage as a stack of imported demos, this version starts acting like a real personal site: clearer voice, stronger rhythm, and sections that can grow into actual work and writing.
14+
sections and modules already imported
2
cities shaping the personality of the site
1
homepage starting to feel authored
Identity card
Building a personal site that can hold thoughtful product work, strong visual direction, and the occasional restless experiment.
Neworleans
Click to expand
Miami
Click to expand
Build mode
Motion-first and ready to perform.
The homepage now has enough structure that even when animation is dialed back, the hierarchy and tone still do the heavy lifting.
Switch the feel of the page
Capabilities
A flexible bento section for the things this site should communicate at a glance: point of view, systems thinking, motion, and delivery.
Editorial type, visual restraint, and enough atmosphere to feel intentional without becoming costume design.
This foundation is already ready for case studies, writing, CMS wiring, and more ambitious interaction layers.
A personal site can still carry product thinking, app surfaces, and decision-making clarity without losing character.
Section reveals, layered cards, and cinematic transitions are helping the site feel authored instead of assembled.
The footer and identity cues now tie the site to Neworleans and Miami, giving the visual system a real-world point of view.
Systems Preview
This embedded sidebar preview keeps the homepage from feeling like pure marketing. It signals that the work can move between narrative surfaces and app-level thinking without changing personalities.
The stronger this section gets, the easier it becomes to tell a fuller story about how you think, not just how you style.
Guided Scroll
This section stops the site from dumping everything at once. It gives the narrative room to breathe and turns scrolling into part of the composition.
fin
Process Orbit
The timeline turns the rebuild into a visible system: signal, structure, motion, presence, and launch.
A personal site with enough range to hold case studies, writing, experiments, and product-minded interface work without collapsing into a generic portfolio template.
Because the strongest personal sites do both: they set a tone emotionally and then back it up with systems thinking, clarity, and receipts.