← Back to Hub

Chat Spacing Comparison

Current Layout
Wide padding, 340px sidebar
Before
Today Tasks Email
24px
40px
40px
32px
Conversation Quick Mode
Good morning! You have 3 meetings today and 5 tasks due. Your first meeting is at 10am with the design team.
What's on my calendar for this afternoon?
This afternoon you have a 2pm sync with engineering (30 min) and a 4pm product review (1 hour). You're free between 2:30-4pm.
Ask Umber anything...
Spacing Metrics
40px
Page padding
32px
Column gap
20px
Chat padding
340px
Sidebar width
Proposed Layout
Tighter padding, sidebar unchanged
After
Today Tasks Email
24px
24px
24px
24px
Conversation Quick Mode
Good morning! You have 3 meetings today and 5 tasks due. Your first meeting is at 10am with the design team.
What's on my calendar for this afternoon?
This afternoon you have a 2pm sync with engineering (30 min) and a 4pm product review (1 hour). You're free between 2:30-4pm.
Ask Umber anything...
Spacing Metrics
24px
Page padding
-16px
24px
Column gap
-8px
16px
Chat padding
-4px
340px
Sidebar width
same
Tight Layout
Minimal padding, sidebar unchanged
Recommended
Today Tasks Email
12px
16px
16px
16px
Conversation Quick Mode
Good morning! You have 3 meetings today and 5 tasks due. Your first meeting is at 10am with the design team.
What's on my calendar for this afternoon?
This afternoon you have a 2pm sync with engineering (30 min) and a 4pm product review (1 hour). You're free between 2:30-4pm.
Ask Umber anything...
Spacing Metrics
16px
Page padding
-24px
16px
Column gap
-16px
16px
Chat padding
-4px
340px
Sidebar width
same