Quill — Brand & UI Styleguide

Quill

Where a team's conversation lives — organized, searchable, and fast.
Brand & UI Styleguide

Color

Canvas
#F6F7F8
Surface
#FFFFFF
Surface 2
#EFF1F4
Line
#E1E4E8
Ink
#14161A
Ink 3
#5E6470
Accent (Violet)
#5B4FE2
Accent Soft
#E9E7FC
Mention
#C45A00
Online
#1E8E54
Away
#C58A14
Do not disturb
#B62A2A

Dark theme — first-class

Canvas
#0F1115
Surface
#181B21
Surface 2
#232830
Accent
#7A6FF0

One accent reserved for active channel, mentions, and primary actions. Unread is signaled by font-weight + small accent dot — never color alone. Presence dots have shape fallback for accessibility.

Type

Channels organize. Threads protect focus.

#design-systems

Thread · 4 replies

Notification level

Today, 10:24 AM PDT · @here

Real-time, but resilient: messages send and sync even on flaky networks, and nothing important is silently lost.

Sending… · Sent · Failed (retry)

/remind #design-systems "Review the brief" tomorrow 9am

$ quill webhooks create --channel ops-alerts --signing-key sha256:48cb… created webhook hk_28f1b9 (sha256:48cb… · v1)

Buttons

Forms

Lowercase. Hyphens, not spaces. Pick something you'd type from memory.
A topic is required for public channels.
Do Not Disturb until tomorrow 9am

Cards

RG
Renske Goh 10:24 AM
Filed the proposed token names — see the spreadsheet in the thread. I'm pretty sure color.surface.2 is the one to argue about.
4 replies · last from Iben, 2 min
👍 3 🎯 1 +
OB
Oren Bahir 10:28 AM Failed · retry
Pushing the patch now — call me if the runner doesn't pick it up by noon.
# general
# design-systems 3
# ops-alerts
# hiring-2026
🔒 founders

Empty state for a new channel:

# design-systems

Just you here so far. Start the conversation — or invite the design team and let them in.

Badges & status

Online Away Do not disturb · 9:00 AM Bot Guest Admin Sending… ✓ Sent ⚠ Failed · retry

Navigation chrome

Voice

A message failed to send.
"We couldn't deliver your message — your connection dropped. We're holding it locally. Tap retry and we'll send it when you're back online."

Quiet defaults at signup.
"You'll only be pinged for direct mentions and DMs. You can dial channels up to 'all messages' anytime — we won't do it for you."

Search permissions, explained.
"Search returns messages you're allowed to read. Private channels you're not in won't surface here, ever."