:root { color-scheme: dark; --bg: #070a18; --surface: rgba(255, 255, 255, 0.05); --surface-strong: rgba(255, 255, 255, 0.08); --border: rgba(255, 255, 255, 0.12); --text: #eef0ff; --muted: rgba(238, 240, 255, 0.72); --accent: #5b6cff; --accent-soft: rgba(91, 108, 255, 0.18); } body { margin: 0; min-height: 100vh; background: radial-gradient(circle at top left, rgba(91, 108, 255, 0.24), transparent 34%), radial-gradient(circle at bottom right, rgba(50, 173, 230, 0.18), transparent 30%), var(--bg); color: var(--text); font: 16px/1.6 "Instrument Sans", system-ui, sans-serif; } .coorday-noscript-main { width: min(960px, calc(100vw - 32px)); margin: 0 auto; padding: 32px 0 56px; } .coorday-noscript-shell { padding: 28px; border: 1px solid var(--border); border-radius: 28px; background: var(--surface); backdrop-filter: blur(14px); } .coorday-noscript-brand { display: inline-flex; align-items: center; margin-bottom: 28px; text-decoration: none; } .coorday-noscript-brand img { display: block; width: auto; height: 52px; max-width: min(100%, 260px); } .coorday-noscript-eyebrow { display: inline-flex; align-items: center; gap: 10px; margin: 0 0 16px; color: #9aaeff; font-size: 0.78rem; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; } .coorday-noscript-eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 999px; background: var(--accent); box-shadow: 0 0 16px rgba(91, 108, 255, 0.55); } .coorday-noscript-shell h1 { margin: 0 0 16px; font: 800 clamp(2rem, 5vw, 3.6rem)/1.02 "Bricolage Grotesque", system-ui, sans-serif; letter-spacing: -0.045em; } .coorday-noscript-lead { margin: 0; max-width: 44rem; color: var(--muted); font-size: 1.05rem; } .coorday-noscript-cta-row { display: flex; flex-wrap: wrap; gap: 12px; margin: 24px 0 8px; } .coorday-noscript-cta { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0 18px; border: 1px solid var(--border); border-radius: 999px; background: var(--accent-soft); color: var(--text); font-weight: 600; text-decoration: none; } .coorday-noscript-content-grid { display: grid; gap: 16px; margin-top: 28px; } .coorday-noscript-content-card { padding: 22px; border: 1px solid var(--border); border-radius: 22px; background: var(--surface-strong); } .coorday-noscript-content-card h2 { margin: 0 0 12px; font: 700 1.15rem/1.2 "Bricolage Grotesque", system-ui, sans-serif; letter-spacing: -0.03em; } .coorday-noscript-content-card p { margin: 0; color: var(--muted); } .coorday-noscript-content-card p + p { margin-top: 10px; } .coorday-noscript-footer-note { margin-top: 28px; color: rgba(238, 240, 255, 0.58); font-size: 0.94rem; } @media (max-width: 720px) { .coorday-noscript-main { width: min(100vw - 20px, 960px); padding: 18px 0 28px; } .coorday-noscript-shell { padding: 20px; border-radius: 22px; } .coorday-noscript-content-card { padding: 18px; } }

Product demo

A guided walkthrough of how CoorDay is supposed to feel.

The demo opens a real product walkthrough with the main scenarios ready to review.

Open in Telegram Join waitlist

Product tour

Step 1: Capture coordination before chat scroll wins. Turn a message into a task, event or poll while the context is still fresh.

Step 2: Align the right people around the same view. Everyone sees the same owners, due moments and visibility rules instead of reconstructing intent later.

Step 3: Land on a time without another long thread. Availability-aware voting shows the best slot and keeps conflicts visible before the decision is made.

Readable without JavaScript

This route remains readable on direct open even when JavaScript is unavailable.