Your thought, in focus.
Open the note, make a change, and bring it back here.
A small idea
Make something a little unexpected.
Small things, made with care.
Playground
A place to try the interface: buttons, forms, small animations, and the visual identity behind this site.
UI component library
A collection of controls, interactions, and small decisions that make an interface feel considered. Go ahead, try them.
White until you get curious.
A button for every little thing.
Push, hold, toggle. Each one has something to say.
One button. Every state.State specimens — try the live row above
Default
Hover
Focus
Pressed
Loading
Success
Disabled
Room for a thought.
Text fields, choices, little decisions. Three forms to play with.
Make it yours.
How often?
Ideas per page
1 interests · 3 ideas · with details
A little interruption. On purpose.
Windows that open, feedback that lands, and a way back out.
A page for a thought.
A sample post. Same personality, a little more room to read.
Design notes / Sample post3 min read
Good things have
a little give.
On buttons that push back, imperfect drawings, and making software feel a little more human.
There’s a moment between pressing a button and seeing what happens. It might only last a fraction of a second, but that moment tells you whether the thing in front of you is listening.
A tiny shift. A square that fills in. A drawing that changes its mind by one pixel. None of these details do the work for you. They make the work easier to trust.
A little personality is useful when it helps you understand what just happened.
Start small. Make it feel right.
I like making a small part of an interface before deciding what the whole thing should be. A button leads to a field. A field leads to a form. Eventually, those little decisions start to sound like the same voice.
The aim is simple: clear enough to use without thinking, interesting enough to make you look twice.
The animation deskA little life.
A little life.
Three little drawings.
Small differences make things feel alive. Pick a frame, or let them play.
The drawing shelf · 28 little storiesEvery project has
Explore this project
Every project has
a little character.
White ink, a small pixel grid, and three drawings. A different story for everything I’ve built.
21 / 28
Three gravitational bodies, their trails, and force vectors.
Bodies advance along their trails inside a camera reticle.
Actions & selection
Connected to the list belowOne step at a time
Make it hopSearch & discovery
6 projectsThe thinking behind it.
Interaction is part of the design.
Movement should explain what just happened. A character takes a step. A button confirms an action. Everything still works with motion turned off.
Brand identity
A few pixels. A bit of personality. A home for the things I make.
Drawn by the pixel
Made with a little curiosity.Vancouver, Canada
Typography
Handmade display + readable typeABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 &@?!
abcdefghijklmnopqrstuvwxyz
0123456789 &@?!
Color
Click to copy a colorA little color on contact.
Black and white. Color when it counts.Put into practice
Daniel LitvakComputer Engineering, UBC
Software. Systems.
Thoughtful interfaces.