Help us build this. Leave comments, suggest improvements, and help create better design documentation for agents.

Back to Browse

Tandem

Healthcare

Tandem's visual identity channels healthcare optimism through a vibrant sky blue primary that dominates the interface, paired with approachable Montserrat typography that feels both professional and human. The brand radiates active wellness and outdoor vitality, positioning diabetes management as an empowering lifestyle choice rather than a medical burden.

(0)
0
Visit Website
Screenshot of Tandem website

Design Identity

Signature Color

Tandem Sky Blue

#009ce8

healthcare optimism and digital empowerment - the color of clear skies and unlimited possibility in diabetes management

Visual Identity

The hero layout featuring real people in outdoor adventure settings with bright overlaid messaging boxes creates an unmistakable 'active lifestyle healthcare' aesthetic that differentiates from typical sterile medical interfaces.

Component Style

Buttons use generous rounded corners (approximately 8px) with the signature sky blue background and clean white text. Cards feature soft shadows and rounded edges that feel approachable rather than clinical. The overall component treatment is friendly and accessible, avoiding sharp medical device aesthetics.

Spacing Philosophy

Generous whitespace creates breathing room that feels optimistic rather than cramped. The layout uses approximately 40-60px gaps between major sections, with comfortable padding that never feels tight or constraining - reinforcing the freedom-focused brand message.

Design Principles

  • Always pair vibrant sky blue (#009ce8) with outdoor lifestyle imagery
  • Montserrat typography at 18px base creates approachable readability
  • Border radius consistently around 8px for friendly, non-clinical feel
  • Hero sections always feature real people in active scenarios
  • White overlay cards with soft shadows for content hierarchy

Target Audience

Active adults with diabetes who refuse to let their condition limit their lifestyle ambitions and seek technology that empowers rather than restricts their daily adventures.

Mood

optimisticadventurousempoweringsky-brightfreedom-focusedhuman-centeredactive-lifestyle

Design descriptions are AI-generated based on visual analysis and may not fully reflect the brand's official design guidelines.

Design System

Typography Scale

ElementFontSizeWeightLine Height
bodyMontserrat18px40027px
h1Montserrat18px40027px
h2Montserrat30px40036px
pMontserrat14px40021.994px
aMontserrat14px50021px
buttonMontserrat18px40027px
navMontserrat18px40027px
footerMontserrat18px40027px
mainMontserrat18px40027px

Color Palette

#009ce8
#e5f2fa
#008abf
#00364f
#002a3d
#70d44b
#fbb04c
#d71920
#ffffff
#000000
#f7f9fa
#aec1cc

UI Elements

button-primary
button
a
nav

Similar Designs

Completely Different Designs

Discussion

Loading comments...