The best digital experiences don’t just look good.
They feel good.
An independent experiment by NJR Tech, built with Hermes Agent.
This is a working study in design, technology, and the details
that make digital experiences feel considered. AI-assisted, openly
experimental, and built to be explored—not passed off as client
work.
05 / WORDS WITH WEIGHTYOUR INPUT. A DIFFERENT OUTCOME.
Make a statement. Then make it
yours.
A working typographic instrument. Turn a few words into
something worth keeping.
TYPE / LIVE COMPOSITIONPREPARING ARTBOARD
NO TEMPLATE. JUST A FEW GOOD CONSTRAINTS.
Less talking. More making.
Change the words. Find the weight. Open up the spacing. There’s no
correct answer—just the one that feels like you.
EXPRESSION
COLORWAY
A real PNG. Your words. Your composition.
06 / OPEN THE HOODTHE CRAFT IS IN THE CONSTRAINTS.
Not just a pretty face.
What you’re seeing is running in your browser. Here are the
moving parts. And the reasons behind them.
material.glsl
THIS BROWSER, RIGHT NOW.
Browser frame cadence
Sampling…
Material renderer
Checking…
Same-origin resource requests
—
Third-party resource requests
—
Loaded first-party JavaScript
—
Actual session observations, not a benchmark score. Frame cadence
varies by device, tab visibility, and browser. JavaScript size is
the decoded resource size reported by the browser.
01 / LESS TO DOWNLOAD
Light on dependencies. Heavy on intention.
No runtime framework, animation library, remote font service, or
stock-video embed. The visuals are code and original vector
artwork. Everything needed for the experience ships with the site.
02 / KNOW WHEN TO STOP
The best frame is sometimes no frame.
Offscreen experiments stop drawing. Hidden tabs stop animating.
The material study has a 30-frame-per-second target cap, and
reduced-motion mode keeps a static composition instead.
03 / NO CLOSED DOORS
Not everyone uses a mouse.
Keyboard-accessible controls, native dialogs, visible focus
states, touch-ready layouts, and alternative renderers. A visual
experiment should still be an experience people can use.
THE COLOPHON
Creative direction by NJR Tech. Built with Hermes Agent through
iterative AI-assisted design, coding, and browser testing. Original
concept studies, not client commissions. No invented awards,
testimonials, or leaderboard scores.
A FEW THINGS WORTH KNOWING
Good questions. Honest answers.
No mystery. No jargon. Just the details that help you get
started.
This is an independent creative showcase: visual identity studies,
original vector artwork, interactive web design, and live
generative experiments. Orbit, Signal, and Form are self-initiated
concepts, not client commissions.
02Are the animations actually live?+
Yes. The hero projects thousands of points from three-dimensional
coordinates onto a canvas. The playground draws moving particles
through a changing flow field. Neither is a video. Your pointer,
the controls, and time change what you see.
03What’s behind the build?+
Plain HTML, CSS, and JavaScript. The particle systems are custom
Canvas 2D renderers; the project artworks are original SVGs. Fonts
are hosted locally, so the site makes no third-party asset
requests and needs no runtime framework.
04Can I explore with motion turned off?+
Absolutely. Your system’s reduced-motion preference is respected
by default. You can also use the motion toggle in the footer or
pause the hero sculpture. The layouts, stories, and artwork remain
available without continuous movement.
05What do I need to start a conversation?+
A rough idea is enough. Tell us what you’re making, who it’s for,
and what you want to change. The brief builder below turns those
thoughts into an email draft you can review. It does not submit or
send anything on your behalf.
04 / YOUR NEXT GOOD IDEA STARTS HEREOPEN TO INTERESTING CONVERSATIONS