Considered.
Down to the pixel.
make the whole.
The building blocks of a more thoughtful experience.
One visual language. Endless possibilities.
Make the next step feel obvious.
A little personality. Room to breathe.
Familiar patterns, everywhere.
A naturally good palette.
Grounded neutrals. A breath of blue. Just enough color to make things feel human.
Click any swatch to copy its value. Use semantic tokens, always.
Words with a little warmth.
DM Sans brings a friendly rhythm to clear, confident communication.
DM Sans
Open source. Self-hosted. Effortlessly readable.
Regular 400 · Medium 500 · Semibold 600Display / 68 / 1.06Make room for possibility.Heading / 40 / 1.15Simple feels better.
Title / 22 / 1.15Good things start here.
Body / 16 / 1.6Every detail is a chance to make someone’s day a little easier.
Caption / 12 / 1.5A small note can make a big difference.A better way to ask.
Persistent labels, helpful hints, and feedback exactly where it’s needed.
Keep questions short and human.
A slightly stronger border.
A deliberate pressed state.
A visible ring for every keyboard user.
Please enter a valid email address.
Unavailable, with a clear reason.
A place for everything.
Quiet surfaces, soft corners, and meaningful accents. Let the content do the talking.
A thoughtful container.
Group what belongs together. Give every idea a little breathing room.
Small but meaningful.
Color carries meaning. Pair every status with a clear text label.
Spacing · a 4px rhythm
Corners · control / card / panel
Shadows · depth with restraint
Familiar, by design.
Keyboard-friendly navigation and focused dialogs. Predictable at every turn.
Start with intention.
Use shared tokens and components to make every screen feel like home.
Use ← and → to move between tabs.
A moment of focus.
A calm space for one clear task.
A brighter kind of backdrop.
A welcoming school campus, warm light, and room for possibility. Optimism, illustrated.
Room to imagine.
Rich blue skies. Warm afternoon light.
A welcoming campus, thoughtfully composed.
Original AI-generated artwork. Exact prompt, palette, composition, and reproduction rules are recorded in docs/DESIGN.md.