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

Back to Browse

SoftBank

Finance

SoftBank creates a visionary tech aesthetic through ethereal sky-blue gradients with floating bokeh particles that suggest infinite digital possibilities. The bold serif headlines in deep brown contrast dramatically against the dreamy atmosphere, creating an emotional tension between grounded corporate authority and limitless technological aspiration.

(0)
0
Visit Website
Screenshot of SoftBank website

Design Identity

Signature Color

Vision Sky Blue

#87CEEB

infinite digital possibilities and technological optimism

Visual Identity

Floating bokeh light particles scattered across gradient sky backgrounds - creating a signature 'digital constellation' that transforms corporate messaging into something ethereal and aspirational.

Component Style

Minimal components with clean rectangular cards featuring subtle shadows, sitting over atmospheric backgrounds. Navigation elements are understated and lightweight, allowing the dramatic background visuals to dominate the experience.

Spacing Philosophy

Generous vertical breathing room with centered content blocks that float within the atmospheric backgrounds. Dramatic padding around hero sections creates a sense of vastness and possibility.

Design Principles

  • Headlines use serif typography at 42px with 700 weight for gravitas
  • Body text maintains light 400 weight for readability over atmospheric backgrounds
  • Bokeh particles create depth without overwhelming content
  • High contrast between dark text and light backgrounds ensures accessibility
  • Centered layouts with ample whitespace suggest premium positioning

Target Audience

Enterprise decision-makers and tech visionaries who need to see both corporate stability and future-forward innovation in their technology investments

Mood

etherealvisionaryinfiniteatmosphericaspirationalweightlessrevolutionary

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
bodyFrutigerLTPro-Light16px40016px
h1"FP-ヒラギノ明朝 StdN W4"42px70058.8px
h2FrutigerLTPro-Roman28px70044.8px
h3FrutigerLTPro-Roman20px70032px
h4FrutigerLTPro-Light24px70024px
pFrutigerLTPro-Light12px40012px
aFrutigerLTPro-Light14px40014px
buttonFrutigerLTPro-Light13.3333px40026px
inputArial13.3333px400normal
navFrutigerLTPro-Light14px40014px

Color Palette

#007aff

UI Elements

button
input
a
nav
button-primary

Similar Designs

Completely Different Designs

Discussion

Loading comments...