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

Back to Browse

Sansan

Enterprise

Sansan's brand aesthetic radiates sophisticated energy through dynamic geometric compositions rendered in crystalline blues and turquoise tones. The layered, architectural abstractions create a sense of dimensional movement and technological precision, while the generous whitespace and light atmosphere convey premium accessibility rather than intimidating complexity.

(0)
0
Visit Website
Screenshot of Sansan website

Design Identity

Signature Color

Sansan Electric Blue

#007aff

technological innovation with human approachability - bridging digital precision and business trust

Visual Identity

Dynamic layered geometric abstractions that create dimensional depth through overlapping translucent shapes in blue tones, always positioned asymmetrically with abundant breathing room.

Component Style

Softly rounded corners with gentle radius, clean typography in moderate weights, minimal shadows creating subtle elevation rather than dramatic depth - everything feels approachable yet professional.

Spacing Philosophy

Expansive whitespace dominates the composition, with the geometric pattern confined to roughly 50% of the viewport, creating luxurious breathing room that suggests premium positioning without overwhelming users.

Design Principles

  • Typography uses Sofia Pro exclusively across all elements
  • Button radius appears consistently around 24px for pill-like feel
  • Blue palette dominates with #007aff as primary accent
  • Geometric patterns always maintain translucent overlays
  • Shadows are subtle (6px offsets) never dramatic
  • Navigation remains minimal and unobtrusive

Target Audience

Enterprise professionals and business leaders who need sophisticated B2B solutions but value intuitive, human-centered design over complex technical interfaces.

Mood

crystallinedimensionalenergeticpremiumaccessiblearchitecturalflowing

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
bodysofia-pro16px40016px
h1sofia-pro65px40078px
h2sofia-pro16px40016px
h5sofia-pro16px70020px
psofia-pro21px40035.7px
asofia-pro16px40016px
buttonsofia-pro16px40028.8px
navsofia-pro16px40016px
headersofia-pro16px40016px
footersofia-pro16px40016px

Color Palette

#007aff
#000000
#abb8c3
#ffffff
#f78da7
#cf2e2e
#ff6900
#fcb900
#7bdcb5
#00d084
#8ed1fc
#0693e3

UI Elements

button
a
nav
button-primary
button-secondary

Similar Designs

Completely Different Designs

Discussion

Loading comments...