UI & identity design
Interfaces, design systems, and logo work — the same craft discipline as the code, applied to how things look.
Systems before screens
Type scale, spacing rhythm, and a small colour palette get decided before any individual screen does.
Hierarchy does the work
If a layout needs a caption to explain what's important, the hierarchy hasn't done its job yet.
Marks that survive a favicon
A logo has to hold up at 16px and at hero scale — most of the work is in what you leave out.
Shots
UI screens and identity work in progress — real screenshots go here as pieces ship.
Dashboard — overview
Design tokens
Component library
Mobile nav
Empty states
Logo construction grid
Wordmark variants
Dark / light pairing
Selected design work
Tailwind.Help — a reference that respects your time
A fast, dark-mode-first Tailwind CSS reference and cheat sheet, designed so answers show up before the page has finished feeling like it loaded.
The ImKyleJK mark
Designing my own wordmark and monogram — the identity system behind this site, GitHub, and everywhere else I show up as ImKyleJK.