Swwim

Swwim

Preview image. Unlock full-res

Deep Ocean Canvas

Industryagency
Palette
#1658b3
#0d3c88
#015fee
#01295f
#ffffff
#e5e7eb
#000000
#eee1d9

Swwim projects a bold, impactful, and trustworthy brand image using a striking primary blue contrasted with crisp white typography. The design emphasizes clear hierarchy through large, confident sans-serif headlines and functional, rounded secondary elements. Its comfortable density allows content to breathe while maintaining a strong visual presence. Accents are primarily subtle and tonal, reinforcing the main brand blue. Use Ocean Blue (#1658b3) as the dominant background for hero sections and key informational blocks. Employ Baton Turbo font (weight 400) exclusively for large, impactful headlines, ensuring normal letter spacing. Style all primary action buttons with Canvas White (#ffffff) background, Ocean Blue (#1658b3) text, and a 9999px border-radius with 8px vertical and 24px horizontal padding. Utilize Smoke Grey (#e5e7eb) for subtle 1px borders on cards and dividers, creating clear structural separation without visual weight. Apply a 9999px border-radius to all buttons and tags to maintain a consistent soft, modern edge. Set default body text in Greycliff (weight 400, 16px) with Canvas White (#ffffff) on dark fields and Jet Black (#000000) on light fields. Do not use Baton Turbo for body text or subheadings; reserve it for large display typography only. Avoid using multiple accent colors; stick to the brand blue palette and neutrals for all UI elements. Do not introduce square corners on interactive elements; all buttons and small components should use the 9999px radius. Refrain from heavy drop shadows or complex elevation; maintain a generally flat and clean aesthetic with minimal border emphasis. Do not use dark text colors on Ocean Blue (#1658b3) backgrounds, always prioritize Canvas White (#ffffff) for readability. Avoid using gradients beyond decorative illustrations; UI surfaces should remain solid color fills.

More like this