pithart

Keyten

Brand identity, product & web UI · FIDO2 security hardware · France

Keyten is a French startup making FIDO2 security keys — the small hardware that logs you in without passwords. We built the brand from the name out: the symbol, the product shaped like that symbol, the retail packaging, and the web shop with its mobile version. Smart. Responsible. Clever. Best.

Keyten case study cover: a hand holding the tiny keyten security key over a teal background with interface mockups

The symbol

The name splits in two — Key and Ten — and the mark holds both: a key whose head is a 1 and a 0. Binary, because that’s what the product protects. The same glyph then became the physical shape of the key itself.

Keyten logo construction: the key-and-ten mark drawn over a photo of vintage keys, with wordmark variants in brand colors
3D render of the keyten mark as a dark metal object, and the radar-like brand pattern with a keyhole at its center
“In the company name KEYTEN, we can clearly define 2 different and common words for the security symbol as Key and 10… and of course did not forget about the binary number system.”

The system

Keyten brand book: symbol rationale, color palette and typography — Krona One and Inter
From the brand book: the symbol rationale, palette and type pairing (Krona One + Inter).
#00FFE0
#344440
#FF9900
#FAFAFA

The product

The security key was designed as the logo: a slab of dark eboxite or steel cut into the keyten shape, on a keyring, beside retail blister packaging that carries the mark and the FIDO certification.

The keyten security key on its keyring next to the mint retail blister pack, FIDO certified
Product design blueprint: wireframe of the key-shaped memory stick, 3D renders, and the shop page on a tablet

The website

A one-product shop in French: the FIDO2 NFC USB-A key at 18,00 €, connected by dotted circuit lines to the brand’s five promises — fiabilité, sécurité, protection, intelligence, confort — and a contact form under a legal footer. Fully designed for mobile alongside desktop.

Keyten desktop website: product page, five brand sections with sepia photography, about text and contact form, linked by dotted lines
Keyten mobile website: three phone screens with prototype flow lines
The mobile version, screens wired together.
Keyten closing slide: the product and packaging, with credits — UI/UX and 3D modeling
The deck’s closing slide, with the project credits.
Request a design…