Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.
Templafy
EnterpriseTemplafy's brand exudes confident minimalism with a bright, energetic blue that signals enterprise trust combined with approachable sophistication. The typography mixing Mont's geometric precision with Open Sans's friendly readability creates a professional yet accessible atmosphere perfect for document generation technology.
Design Identity
Signature Color
Templafy Royal Blue
#4C6FFF
Enterprise reliability with innovative energy - the blue commands attention while maintaining corporate credibility
Visual Identity
Generous whitespace creating breathing room around sharp, purposeful typography with strategic pops of vibrant blue that feel both trustworthy and forward-thinking
Component Style
Soft-cornered buttons with 20px border radius, clean backgrounds, and substantial padding create approachable professionalism. No harsh shadows or borders - everything feels substantial yet gentle.
Spacing Philosophy
Expansive vertical breathing room with tight, purposeful horizontal groupings. Large sections create focus while compact navigation maintains efficiency.
Design Principles
- Border radius consistently uses 20px for friendly approachability
- Typography scales dramatically from 100px headlines to 14px details
- Blue accent color appears sparingly but decisively for maximum impact
- Background maintains soft off-white #fafdf6 for reduced eye strain
- Buttons use substantial padding for confident interaction targets
Target Audience
Enterprise decision-makers and knowledge workers who need powerful document automation but value intuitive, stress-free user experiences
Mood
Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.
Design System
Typography Scale
| Element | Font | Size | Weight | Line Height |
|---|---|---|---|---|
| body | 20px | 400 | 30px | |
| h1 | 100px | 400 | 100px | |
| h2 | 20px | 500 | 30px | |
| h3 | 14px | 400 | 14px | |
| h4 | 30px | 500 | 34px | |
| h6 | 16px | 400 | 20.8px | |
| p | 16px | 600 | 22px | |
| a | 20px | 400 | 30px | |
| button | 20px | 400 | 30px | |
| input | 40px | 500 | 44px |
Color Palette
#fafdf6#232323#007aff#7a00df#007cba#006ba1#005a87#000000#abb8c3#ffffff#f78da7#cf2e2e
