Corporate Clean

Professional, trustworthy, and modern. Perfect for enterprise applications, business dashboards, and corporate websites.

Color System

Professional colors that convey trust and reliability.

Primary

#2563eb

Background

#f8fafc

Surface

#ffffff

Border

#e5e7eb

Text

#111827

Buttons

Clean, accessible buttons with subtle shadows and smooth transitions.

Variants

Sizes

Cards

Versatile containers with subtle shadows and rounded corners.

Feature Card

Highlight key features with clean iconography and concise descriptions.

Info Card

Present information in a structured, easy-to-scan format.

Status Card

Display status updates with appropriate visual indicators.

Form Elements

Accessible inputs with clear focus states and validation feedback.

Email Address

Password

Message

Alerts

Informative alerts with appropriate color coding.

Information

This is an informational message for the user.

Success

Your changes have been saved successfully.

Warning

Please review the information before proceeding.

Error

Something went wrong. Please try again.

Design Rules

DO

Use rounded-lg or rounded-xl for containers
Apply shadow-sm for subtle depth
Use blue-600 as primary action color
Keep borders light: border-gray-200
Use font-semibold for emphasis

AVOID

Heavy shadows (shadow-xl, shadow-2xl)
Bright or saturated background colors
Decorative animations
Rounded-full for containers
Multiple accent colors in one view