HERMES® Let’s talk ↗

DESIGN × TECHNOLOGY × A LITTLE CURIOSITY

INDEPENDENT BY DESIGN.CREATIVE BY NATURE.

A CREATIVE STUDIO WITHOUT THE ORDINARY

Beyondordinary.

Where thoughtful design meets a little
creative rebellion. We make digital feel alive.

Explore the work ↗
FIG. 001 — DIGITAL MATTER
FORM IS ONLY THE BEGINNING
LIVE EXPERIMENT
MOVE YOUR CURSOR. CHANGE PERSPECTIVE.
↓ SCROLL TO DISCOVERDESIGN × CODE × MOTION
01 / SELECTED EXPLORATIONSCONCEPTS, NOT CONVENTIONS

Good ideas.
Unexpected forms.

A few explorations in identity, interaction,
and the space in between.
Self-initiated. Limitlessly curious.

ALWAYS EXPLORING. NEVER SETTLING.More in the playground ↗

02 / THE WAY WE THINK

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.

Let’s make something matter ↗
THE TOOLKITMANY DISCIPLINES. ONE CONNECTED VISION.
01

Identity & direction

Brand strategy · Visual systems · Art direction

↗
02

Digital experiences

Web design · Creative development · Interaction

↗
03

Motion & dimension

Motion systems · Generative art · 3D exploration

↗
THE METHOD BEHIND THE FEELINGINTENTIONAL AT EVERY STEP.

Nothing here
is an accident.

A good process makes room for the unexpected.
Here’s how a question becomes an experience.

FIRST, THE RIGHT QUESTIONS.

Find what matters.

Before choosing a typeface or writing a line of code, understand the purpose. Who is this for? What should they feel? What needs to work better?

  • Context, audience & ambition
  • Reference gathering & creative territory
  • A focused problem worth solving
THE OUTPUTA shared direction. Not a pile of assumptions.
01 / BUILT, NOT DECORATED

Every interaction earns its place. Motion should explain, respond, or create a little delight.

02 / SMALL SCREENS, SAME INTENTION

Layouts recompose for touch and smaller screens. The idea stays intact; the experience adapts.

03 / AN OFF SWITCH IS GOOD DESIGN

Reduced-motion preferences are respected. Live experiments can be paused without losing the story.

03 / NO RULES, JUST PLAY ALWAYS A WORK IN PROGRESS

Curiosity,
unleashed.

No brief. No boundaries.
Just a space to see what happens.

FLOW FIELD / REAL-TIME
YOUR CURSOR IS THE CATALYST.
EXPERIMENT / 003

A little chaos.
A lot of possibility.

An evolving field of particles. Move through it. Change its energy. Make something that didn’t exist a moment ago.

PALETTE
Save your unique frame as a PNG.
04 / MATERIAL WORLDCOMPUTED LIGHT. NO PRE-RENDERED FRAMES.

A different kind
of surface tension.

A little mathematics. A little alchemy.
A material that exists only while you’re here.

INITIALIZING RENDERERSTUDY / 004
THE OBJECT IS THE ALGORITHM.

Matter,
in motion.

Not photographed.
Not a 3D asset.
Just light finding a formula.

DRAG YOUR PERSPECTIVE. FIND A NEW EDGE.
01 / THE FINISH
RAY MARCHING / SIGNED DISTANCE FIELDS / PROCEDURAL REFLECTIONSSee what’s under the surface ↗
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.

Have a different question? ↗
01What kind of work lives here?

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

Have something in mind? Or just a feeling?

Let’s make
some noise.

LET’S TURN “WHAT IF” INTO SOMETHING.Give your idea a starting point.Build a short project brief. No commitment, no automatic sending.
01 / WHAT ARE YOU THINKING?
At least 20 characters. Rough thoughts are welcome.0 / 1200

Stays in this browser until you copy it or choose to open your email app. No form submission, tracking, or saved draft.

AN INDEPENDENT CONCEPT EXPLORATION — NOT A CLIENT COMMISSION.

HERMES / LIVE GENERATIVE EXPERIMENT

Everything
is in motion.

Not a video. Never the same twice.

AN OPEN INVITATION TO EXPLORE.

The studio index.