namics

namics turns a company’s own training into a game. Onboarding, compliance, safety, sales enablement, they take the material a team already has and rebuild it as missions, with XP, streaks, and real job scenarios instead of slides and a quiz.

The pitch is sharp: less box-ticking, more real learning. At the end you see readiness, who can actually do the job, not just who clicked through.

namics is short for dynamics, so the mark had to carry a sense of energy in motion. We built the logo from four arrow forms that lock together into an N, and left a lightning bolt in the negative space between them.

One shape, two readings: the letter and the charge. It works in a single flat color, holds up small, and gives the whole brand its spark.

The site had to feel like the thing it sells: playful, bold, a little loud, but still solid enough for an enterprise buyer. We went neo-brutalist, hard black borders, flat color, thick drop shadows, one big idea per screen.

Every section states a single claim and gets out of the way. One action runs through the whole page: book a call.

The brief asked for one site that does two things at once: sell namics, and be namics. Most product sites reach for a video or a screenshot carousel. This one ships the real thing instead.

A visitor can play the actual game in the browser, and a trainer can build their own training and watch it become a game in about two minutes. The marketing site and the product demo are the same build.

Instead of a screenshot carousel, the site runs a real game engine. One engine reads a simple config and renders four completely different games. The questions stay the same. Only the frame around them changes.

So a prospect does not watch a preview, they play the thing. Here is what is live on the page, all running in the browser from a static render.

The whole look is a set of CSS variables. Swap them and the same engine wears a different brand, from this hard-edged neo-brutalist kit to a soft corporate one, without touching a line of game code. Even the correct-answer green is kept out of the brand and used only inside the game, so a red-branded build never confuses the player with the enemy.

Under the playful surface the build is careful. Every marketing page is server-rendered and ships almost no JavaScript. Every integration fails gracefully, so the whole site runs with no keys configured. And the contact form clears validation, a honeypot, rate limiting, and a bot check before a single lead email goes out.