Asleep SignalLegacy format

Verdict-reactive world clock. The page becomes the hour. A tool for people about to Slack another city — not a night magazine, not a SaaS dashboard.

#F4F0E6#F4F0E6
#161513#161513
#6B6560#6B6560
#D9D2C4#D9D2C4
Headline
Aa
Search
Body
Aa
Label
Aa
Label

Color Palette

Typography

Display/bodyNewsreader · clamp(64px, ...) · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

HeadlineNewsreader · 36px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

BodyIBM Plex Sans · 18px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

MetaIBM Plex Sans · 12px · Regular

Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.

Verdict-reactive world clock. The page becomes the hour. A tool for people about to Slack another city — not a night magazine, not a SaaS dashboard.

Do's & Don'ts

Do

Time and verdict before chrome copy.
Search results always show live time + verdict.
City pages set `data-sky`.
Meet pages are two clocks + one tape, not 24 rows.
Search rows do not jump.
Clocks never wrap.
160ms sky fade on city load.
Homepage is warm bone paper so it reads as a utility in search screenshots.

Don't

Inter, Roboto, Space Grotesk, purple gradients.
Startup card-grid homepage.
Dark grain wallpaper on the home tool.
Audience

Clock googlers (what time is it in Tokyo) need a huge time in two seconds. Remote ICs need a screenshotable verdict. Schedulers need two clocks and one overlap window.

Shape

8px on controls. 999px verdict pills only. No grain texture. Night sky may use a soft radial vignette.

Motion

160ms sky fade on city load. Search rows do not jump. Clocks never wrap.

Do

1. Time and verdict before chrome copy.

2. Search results always show live time + verdict.

3. City pages set data-sky.

4. Meet pages are two clocks + one tape, not 24 rows.

Don't

1. Inter, Roboto, Space Grotesk, purple gradients.

2. Startup card-grid homepage.

3. Dark grain wallpaper on the home tool.

Download .md

License MIT
Uploaded 4 days ago
Version v1
File size 1.9 KB
Downloads 5
Copies 1

Use with MCP

Using designmd mcp, download the design system https://designmd.ai/hendrikbgr/asleep-signal and implement it in my code

Don't have the MCP? Install it here