Microsoft

Component Style

Softly rounded corners (4-8px) with subtle shadows and gentle curves. Buttons feel substantial but approachable - never sharp or aggressive. Cards and containers use gentle elevation with warm gradients rather than stark borders, creating a sense of floating layers.

Spacing Philosophy

Luxurious breathing room with generous vertical spacing that lets hero content dominate. Wide margins create focus tunnels, while consistent 12-16px internal padding keeps components digestible without feeling cramped.

Design Principles

• Border radius never exceeds 16px for maximum approachability
• Gradient backgrounds always transition warm-to-cool (purple to blue)
• Hero typography uses 40px at 500 weight for authority without aggression
• Primary actions use 4px radius with substantial padding (12px+ vertical)
• Blur effects and glass morphism create depth hierarchy

Target Audience

Enterprise decision-makers and knowledge workers who need powerful tools but value intuitive experiences - people who live in the Microsoft ecosystem daily

Mood