AsleepLegacy format
Asleep answers one question: is it okay to ping them? The interface should feel like checking a night porter’s ledger. Huge local time. One-word verdict. Quiet paper grain. No purple, no glassmorphism, no Inter.
Color Palette
Brand
Surfaces
Verdict
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxAsleep answers one question: is it okay to ping them? The interface should feel like checking a night porter’s ledger. Huge local time. One-word verdict. Quiet paper grain. No purple, no glassmorphism, no Inter.
Components
Chips
Inputs
Buttons
City row
default
Embed badge
default
Do's & Don'ts
Do
Don't
Shape
Radius 0 on chrome and buttons. 2px hairlines in #2A241C. Verdict pills may use 999px only for the status chip. No drop shadows; depth from grain and lamp vignette.
Motion
One page-load stagger (120ms steps) on the clock and verdict. Hover: sodium underline. No bounce. Clocks tick without layout shift (tabular figures).
Do
1. Lead every city page with the time, not a navbar speech.
2. Keep one accent (sodium) except verdict colors.
3. Write like a night editor, not a growth marketer.
4. Use tabular lining figures for every clock.
5. Grain the field; never a flat #000.
Don't
1. Do not use Inter, Roboto, Space Grotesk, or purple gradients.
2. Do not card-grid the homepage like a startup landing.
3. Do not animate the whole page on scroll.
4. Do not swap city names on identical template copy — blurbs stay unique.
Use with MCP
Don't have the MCP? Install it here