TeamSync
Click to expand
TeamSync is a design system designed for project management and team collaboration platforms where human connection drives productivity. The aesthetic is warm and inviting — violet primary tones inspire creativity, rose accents draw attention to people and activity, and generous spacing gives conversations and tasks room to breathe.
Primary#7C3AED
Secondary#F43F5E
Tertiary#84CC16
Background#FAFAF9
Headline
Aa
Search
Body
Aa
Label
Aa
Label
Color Palette
TeamSync is a design system designed for project management and team collaboration platforms where human connection drives productivity. The aesthetic is warm and inviting — violet primary tones inspire creativity, rose accents draw attention to people and activity, and generous spacing gives conversations and tasks room to breathe.
Do's & Don'ts
Do
Show team member presence and avatars near tasks and comments to reinforce collaboration
Use warm stone neutrals instead of cold grays — warmth is central to the TeamSync personality
Don't
Place more than three action buttons on a single card — prioritize the primary action clearly
Download .md
License MIT
Uploaded yesterday
Version v1
File size 1.2 KB
Downloads 0
Use with MCP
Using designmd mcp, download the design system https://designmd.ai/chef/teamsync and implement it in my code
Don't have the MCP? Install it here