// brand identity  ·  v1.0  ·  monochrome-first

kami.js

A developer identity engineered to scale — from a 16px favicon to a conference keynote. Built on a single geometric K, the JavaScript craft, and a quiet, premium foundation.

MarkBracket K · ‹K/
TypeIBM Plex Sans + Mono
AccentElectric Blue · #2F6BFF
ModesDark / Light

01 — Logo system

Six directions, one letter.

Every mark is built on the same geometric K so the family stays coherent. Three concepts — code-bracket, Japanese-minimal, and modular — each pushed two ways. All read in pure monochrome and survive down to favicon scale.

Primary
01 / CODE BRACKET

Bracket K — ‹K/

The hero. A self-closing tag wrapped around the K. Instantly legible to engineers.

02 / CODE BRACKET

Boxed token — [K/]

The K as a contained code token. Strong silhouette for app tiles and stickers.

03 / JAPANESE MINIMAL

Ensō K

An open brush-ring nods to 神 (kami). Calm, premium, deliberately unfinished.

04 / JAPANESE MINIMAL

Ma K — 間

Stem and arms held apart by negative space. The most architectural, most reductive cut.

05 / MODULAR

Brace K — {K}

Curly braces frame the letter — scope, blocks, structure. Friendly and unmistakably code.

06 / MODULAR

Pixel K

Ten modules on a fixed grid. Renders crisp at any size and animates module-by-module.

Downloads are monochrome and export in the current theme color — toggle light/dark to grab ink or paper versions. PNG exports at 1024px on a transparent background.

02 — Construction

Drawn on a grid, not by eye.

The primary mark lives on a 64-unit grid with a 6.4-unit stroke. Keep clear space equal to the height of the bracket on every side; never let type or edges intrude.

grid
64 × 64 base unit · arms snap to 16-unit guides
stroke
6.4 units · butt caps · miter joins
the slash
The forward slash is the only element allowed in accent blue — it carries the .js
clear space
Min. padding = bracket height on all sides
min size
16px digital · 9mm print
color
Monochrome by default · ink on light, paper on dark

03 — Color

Cool ink, one electric accent.

The brand lives on a near-black cool ink so it sits naturally on GitHub and dark editors. A single electric-blue accent does all the lifting — used sparingly, it reads as energy without ever looking decorative.

Ink
#07090D
Surface
#12161D
Electric Blue · accent
#2F6BFF
Paper
#EAEDF2
Electric Blue#2F6BFF
Recommended
Violet#8B5CF6
Mint#3CD8B4

04 — Typography

IBM Plex — engineered, not decorative.

Plex Sans carries the interface and the wordmark; Plex Mono handles code, labels, and metadata. The .js is always set in the accent to anchor the JavaScript identity.

DisplayPlex Sans · 600
kami.js
HeadingPlex Sans · 600
Ship clean, fast interfaces.
BodyPlex Sans · 400
A web developer growing into full software engineering — building tools, writing about the craft, and shipping in public.
Mono / codePlex Mono · 400
const kami = () => ship.js()
GlyphsPlex Mono
A B C D E F G   a b c d e f g
0 1 2 3 4 5 6 7 8 9   { } < / > ; =>

05 — In use

One mark, every surface.

The primary Bracket K, deployed across the places a developer brand actually lives.

Favicon · filled tile · scale test
16
32
48
64
GitHub avatar
kami.js
@kamijs
Website header
kami.js
Contact
App icon
kami.js

Building in public, shipping in JavaScript.

// notes from web dev → software engineering

kami.js · JSConf 2026

Performance is a feature, not a phase.

— presented by kami.js

06 — Guardrails

Keep it sharp.

Monochrome, full clear space, true proportions.
Never stretch, skew, or distort the grid.
No shadows, bevels, or 3-D effects.
No off-brand colors or busy backgrounds.