Components
Congruently Enterprise 7 · UI Component Library
01 Buttons
Primary (Join Meeting)
Secondary
Stop
Tab
Icon Button
Pill Chip (A/V, Mode Tag Add)
02 Brief Cards (Flush Left Border)
Green Bar (Last Time)
◓ Last Time · 2026-03-28
You and Sarah C. reviewed the Q2 timeline. She pushed back on the April deadline. Marcus R. offered to shift resources but wanted data first.
Red Bar (What You Owe)
⚠ What You Owe
▸ Sarah C. Engineering capacity numbers Overdue
▸ Marcus R. Risk assessment on compressed timeline
Blue Bar (Connection)
❧ Connection
SC
Sarah C. — Daughter Emma accepted to summer music program.
MR
Marcus R. — Paternity leave transition rough — not sleeping.
Amber Bar (Open Loops)
⟳ Open Loops
▸ April deadline still contested
▸ Resource allocation unresolved
03 Mode Tags
Tag Chips (Editable)
❐ Decision ×
⚖ Negotiation ×
⚊ Defend ×
Calendar Mode Chips (Small)
❐ Decision
□ Standup
:: One on One
04 Inputs
Textarea (Default)
Textarea (Fallback / Negative)
Underline Input (Onboarding)
05 Avatars & Person Elements
Avatar Circles (Meeting Card)
Connection Avatar (24px)
Attendee Name (White text + colored dot)
Sarah C.
Marcus R.
Priya S.
06 Person Profile Card
7 meetings·Last: 2 days ago
Personal
Daughter Emma accepted to summer music program.
Relationship
Was transparent about budget constraints.
07 Section Labels (Wayfinding)
01·The Brief·Haiku
02·Your Moves·Editable
04·Background·Optional
08 Alerts & Callouts
Screen Share Warning
⚠ Visible to Screen Share
Congruently is not hidden from screen sharing. Change this in Settings.
Privacy Callout (Green)
These permissions only pass your video and audio to your meeting platform.
Congruently never records your video or audio.
09 Loading States
Shimmer (Brief Loading)
Meeting Active Pulse
Meeting Active
10 Agenda Docs
Q3_Planning_Deck.pdf ×