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
Visit the site
The namics home screen
namics, live.

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

The namics hero
The hero: one line, one orange word
Why teams pick namics
Five reasons, five colored cards
The product page hero
The product page: training people will actually finish
Anatomy of a flow
Anatomy of a flow: missions, scenarios, XP, feedback
How a flow gets built
Map, build, launch, three plain steps
See it on your own content
A live demo, built from your material
Readiness, not just a tick
The dashboard, plus four hard numbers
Book a call
One form, one clear next step

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.

Book a call

Primary button

WHY TEAMS PICK US

Section tag

01

Step marker

2xhigher completion

Stat block

AI-adaptive

AI accent

Live in days

Bento card

The website

What makes the site work

The namics hero

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.

The reasons-to-pick-us grid

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.

The anatomy-of-a-flow section

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.

The three-step process section

Three steps, no mystery

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

The readiness dashboard section

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.

Let’s talk

Want a brand this hard to ignore?