Dev.Enkrio Identity.
This is my own brand identity, put together as a proper system. Every colour, typeface and texture on this page comes from that system, right down to the business card that takes it into print.
One consistent look, from a printed card to the CSS that renders this page.
A double-sided card, built live in React with the same hex-grid pattern, grain and subtle 3D tilt as the printed version. Move your cursor over it.
Dev.Enkrio
dev.enkrio · business card v4, front & back
A high-contrast, functional palette. The swatches below use the exact colour tokens this site is built with.
Cream / Bone
--background
hsl(40 30% 94%)
Off-Black / Charcoal
--foreground
hsl(24 14% 9%)
Kinetic Lime
--accent
hsl(72 90% 58%)
Desert Sand
--secondary
hsl(38 22% 89%)
Stone
--muted
hsl(36 16% 86%)
Three typefaces: a soft serif for headlines, a clean sans for body text, and a mono for labels and data.
Display
Fraunces
Soft serif · headlines & emphasis
Fraunces
The quick brown fox jumps over the lazy dog · 0123456789
Body
Inter
Modern sans · readability
Inter
The quick brown fox jumps over the lazy dog · 0123456789
Mono
JetBrains Mono
Indexing, labels & data
JetBrains Mono
The quick brown fox jumps over the lazy dog · 0123456789
One mark, built from a few clean strokes. It works on light and dark, and draws itself in.
On light
On dark
Functional and a little raw, finished with care.
Grainy textures
A bit of texture over flat digital surfaces.
Mono-spaced labels
For metadata and indexing, like 00, STATUS, ROLE.
Italic serif accents
A softer, human touch in an otherwise technical layout.
Implied grids
Structure you can feel, like the hex pattern on the card.
No mockups. This site runs on it.
Visit the live site