Professional

Professional is the dependable, credible look that business buyers trust on sight. It is clean and calm, with measured whitespace, a restrained palette, and confident typography that signals competence without shouting. Reach for it when the product needs to feel safe to adopt — productivity tools, client portals, and any SaaS where credibility drives the sale.

Design principles

• Earn trust through calm. Restrained color, soft shadows, and balanced spacing communicate reliability.
• Clear hierarchy, gentle contrast. Strong enough to guide, soft enough to feel approachable.
• Breathing room over density. Generous whitespace makes complex tools feel manageable.
• Consistency as a feature. Repeatable layouts and components reduce friction for repeat users.
• Purposeful color. Blue carries primary intent; status colors stay reserved and meaningful.
• Polished defaults. Every state — empty, loading, error, success — is considered and tidy.

Color

The background is a barely-there cool white (#FBFCFD) with pure white (#FFFFFF) surfaces that lift content cleanly. Foreground and secondary tones use a soft charcoal-slate (#1B2733) that reads professional without the harshness of pure black. The muted blue primary (#2563A8) is confident but understated, ideal for primary actions, links, and highlights. Muted slate (#5B6B7B) handles supporting copy, and a light #E3E8EE defines borders. Status colors stay calm: green #0E9F6E, amber #D08700, red #D14343. For dark mode, shift to a #10161D background, #1A222C surfaces, #E7ECF1 foreground, #9BA9B7 muted, and a lifted blue #5A93D4 accent for clear contrast.

Typography

Source Sans 3 carries both headings and body for a cohesive, businesslike but warm voice. Headings sit at 600 weight with neutral tracking; body runs at 16px with a comfortable 1.6 line-height that keeps long documents and forms readable. Labels and metadata use 13px with a hint of positive tracking. Source Code Pro handles any codes, IDs, or numeric callouts. The balanced 1.2 scale gives enough contrast between levels to guide the eye while keeping the overall feel composed and even.