Con Edison
utility · image
6
craft
The design grammar relies on the contrast between high-realism photography and stark, white-outlined geometric containers against a flood of brand blue.
Palette
#369acc
background · 48.7%
#0480c0
surface · 6.3%
#d8bda7
neutral · 5.2%
#be9275
neutral · 4.9%
#d1ac90
neutral · 2.7%
#ebbfc0
secondary · 2.1%
Composition
headline plus visual
Layout
top heavy
Color structure
monochrome
Background
solid
Typography
sans · sans only
Imagery
photographic · realistic
Temperature
cool
Accent lands on
cta button, logo container
Mood
What makes it work
- high-radius rounded corners on all container modules
- thin white stroke borders for secondary content blocks
- vertically stacked layout with significant bottom-weighted negative space
More like this
1Password
saas · neutral plus accent
1Password
saas · analogous blend
AppFolio
real-estate · neutral plus accent
AceableAgent
real-estate · neutral plus accent
Zillow
real-estate · neutral plus accent
EltaMD Skin Care
skincare · muted earthy
Chime
fintech · neutral plus accent
JobTread Software
saas · monochrome