Messaging
Messaging examples for Felix: a two-pane inbox and conversation screen with the structure of the reference Message/Chat design by Nizam (https://x.com/nizamdesign/status/2106052336724672692), built from Felix tokens. Follows the light/dark toggle. Demo data is fictitious.
Inbox and thread
search messages
allunreadquotesjobs
SM
sarah miller
ac replacement · $4,731
does the price include hauling away the old…
JC
james carter
roof replacement · $8,900
can you start the week of the 29th instead?
LP
linda park
panel upgrade · $3,150
you: sent the updated options - take a look
DR
dana ruiz
furnace tune-up · $690
thanks! see you thursday
sarah miller1420 elm street · (512) 555-0142
ac replacement · $4,731 ↗you sent the quote - ac replacement · $4,731
hi sarah - here is the quote for the ac replacement we walked through. the balanced option is what i would put in my own house.
thanks mike! give me a couple of days to talk it over with rob.
follow-up #1 sent automatically - "still thinking it over?"does the price include hauling away the old unit?
yes - haul-away and the permit are both includedlet me send you the line itemscall me and i will walk you through it
write a reply…↗
sarah replies by text - this thread also lands on her quote page.
Anatomy
| Part | Spec |
|---|---|
| Inbox list | White card, search pill, filter pills (active pill is turquoise #2bf2f1), rows with avatar, name, time, linked-record line, preview, unread dot |
| Selected row | Light turquoise #d4fffe with a turquoise left rule (dark mode #234343) |
| Thread header | Contact name, detail line, chip linking to the related record |
| Outgoing bubble | Turquoise #2bf2f1, ink text #082422 |
| Incoming bubble | Linen #efebe7 (dark mode #234343) |
| System event | Centered linen pill for automatic events |
| Suggested replies | Outlined pills above the composer |
| Composer | Pill input with a turquoise round send button |
Unread dots use orange #f26629. For the single-thread component see the MessageScroller organism.