\DESIGNSORCERY>_

WITTYBRAINS

Video · Light

Design System Inspiration

Wittybrains — extracted via DESIGN.md

Other · Unknown

corporate dark-theme clean animated interactive gradient-heavy sticky navigation card-based layout scroll-triggered animations dark mode toggle

Typography

Open Sans

Heading

Aa Aa Aa Aa

Montserrat

Body

Aa Aa Aa Aa

Color palette

TL;DR

Wittybrains utilizes a structured, high-contrast layout that balances a pure white canvas (#ffffff) with deep gray text (#444444) and a signature plum accent (#881280). The system relies heavily on Montserrat for geometric headings and Open Sans for legible body copy. Visual depth is achieved through soft, large-radius shadows (29px-30px blur) on cards with rounded corners ranging from 10px to 18px. The interface is punctuated by vibrant secondary accents like cyan (#1bb1dc) and orange (#ff5723) used primarily for iconography and decorative highlights.

Target audience

The site targets businesses and professionals seeking technology solutions or partnerships, appealing to those who appreciate a modern, polished, and user-friendly digital presence.

Full tech stack

Bootstrap Google Maps jQuery Magnific Popup

Brand Voice

Professional, technical, and forward-looking with a focus on enterprise-grade scalability.

Positioning

Wittybrains is an AI-first engineering and software services partner. It provides cloud-native development, IoT, and data analytics solutions for smart businesses and regulated industries like healthcare and finance.

Voice principles

  • Strategic: Focuses on high-level outcomes like "leading" and "empowering" rather than just tasks.
  • Technical: Uses industry-standard terminology (Shift-Left, cloud-native, zettabytes) to establish authority.
  • Growth-oriented: Emphasizes scalability and the future-proofing of applications.
  • Collaborative: Positions the company as a "partner" that works alongside clients.

More Services Designs

← Back to Gallery