styleguide
the foundations behind every world: warm paper, clear type, familiar controls, and movement that follows your actions.
the mark
two overlapping circles; the lens takes the world's accent.
type
Manrope for everyday reading and clear labels. Lora for personal letters and keepsakes. Chat stays at 16px; numbers use aligned figures.
a little world for your people.
nabin & mira
plans, countdowns, wishlists and movie nights, all in one quiet place you share.
a secondary line of body copy.
a little letter, just for you.
Some words deserve a little extra warmth. A softer serif and generous spacing make room for the things you want to say.
movement
a quick response, a gentle settle. reduced motion is respected everywhere.
open a little menu
140ms · a hover or press
220ms · a change of state
280ms · an entrance
Cards and photos stay steady as you scroll. Movement belongs to controls, new previews, and opening a space.
accents
base fills large shapes. ink carries text, dots and borders.
buttons
every target is at least 44px, and focus is always visible.
the three pills are drawn at 36px as in Typing.dc.html, with a 44px hit area behind them. tab through this page to see the focus ring.
a card
radius 20–22px, one soft shadow, an 11px mono label on top.
the input
a 24px pill, a 44px round button, one soft shadow.
enter to drop it into your world · esc to clear
grounds
each world kind retints everything under it. the unit tests check these ratios; they are shown here too.
dates, little notes, things for us
rent, bills, chores, groceries
dinners, birthdays, plans, lists
radii and shadows
danger
the only red in the app.