Case study
namics
A brand and website for a startup that turns dry enterprise training into a game worth playing.
- Role
- Brand identity, website
- Year
- 2026
- Scope
- Logo, website
- Industry
- Learning and enablement

01The client
Training people will actually finish
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.
02The name and the mark
A bolt built into the N
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.
03The brief
Loud enough to feel like the product
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.
Logo
How the mark came together
namics // from dynamics
Four arrow forms fly in and lock into the N. The gap they leave is a lightning bolt, the charge in dynamics, hidden in plain sight. The wordmark is set in the same weight it runs everywhere else.
Color
Loud on purpose
Typography
Bricolage and Inter
Bricolage Grotesque
Display, headlines
Extrabold 800
Every headline, tight and loud.
Aa Bb Cc
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 0123456789
Inter
Body, UI
Regular to semibold
Everything you read and click.
Aa Bb Cc
ABCDEFGHIJKLM NOPQRSTUVWXYZ abcdefghijklm nopqrstuvwxyz 0123456789
The site
Section by section
Design system
The system behind the site
One neo-brutalist kit runs the whole page: 4px corners, a hard black border, and a solid offset shadow on everything you can press. The color does the talking.
Primary button
Section tag
Step marker
Stat block
AI accent
Live in days
Bento card
The website
What makes the site work

A hero that makes the promise
One bold line, one orange word, and a flow diagram doing the talking. You know what namics does before you scroll.

A bento of reasons to care
Five reasons in five colored cards. Each one is a single claim, not a paragraph, so the whole grid reads in seconds.

A product page that shows the game
Four quadrants, four mechanics: missions, scenarios, XP, and instant feedback. Each one a full-bleed color block, so the product reads like the thing it builds.

Three steps, no mystery
Map, build, launch. A numbered path that tells a buyer exactly how a flow gets made, and how fast.

Readiness, not a tick
A dashboard shot paired with four hard numbers. Completion is easy to fake. This shows who can actually do the job.
In the end
A brand with a charge.
A mark that hides a bolt, a palette that is not afraid of itself, and a site that says one thing per screen. It looks like the product it sells, which is the whole point.


