Design principles
Principle · 011 of 4
Clarity over complexity
Every element earns its place. Icons carry meaning, labels match the mental model, and the layout removes choices that don't matter.
variant
primary
fill
$A700
radius · height
br-m · 32
Button · one action · no alternatives
Principle · 022 of 4
Effortless adoption
Familiar patterns first. Novel interactions only where they reward the user. Complexity stays hidden until it's asked for.
1
Profile2
Workspace3
Invite teamWizard · step 1 of 3
What should we call you?
Just your name. Advanced settings come later.
component · Wizardfill · $J500progressive · 3 steps
Principle · 033 of 4
Human & approachable
Copy reads in a conversational voice. Errors suggest a next step, not blame. Freddy AI feels like a helpful colleague.
Your session expired — I've kept your draft.
Sign back in and you'll be right where you left off.
Before · robotic
Error 401. Authentication session has expired.
After · human
Your session expired — I've kept your draft.
component · InlineMessagehighlight · $I500
Principle · 044 of 4
Consistency at scale
Same primitives, same tokens, same terminology across eight products. Change once — reflected everywhere.
One Button · four products · zero drift
FS
Freshservice
freshservice.com
FD
Freshdesk
freshdesk.com
FL
Freshsales
freshsales.com
FR
Freddy AI
freddy.ai
button.primary·fill: $A700·height: 32·radius: br-m · 8
Keep exploring