Back to browse
Mercury

Mercury

fintech · product-shot

8

craft

The design grammar relies on a 'dark mode' interface aesthetic where typographic scale provides the primary hierarchy. The UI visual is treated as a supporting element rather than a centerpiece, allowing the value proposition to lead.

Palette

#1e1e2a

background · 85.2%

#333341

surface · 6.1%

#4c4c5a

neutral · 4.3%

#73737b

neutral · 1.9%

#8d8d93

secondary · 1%

#a3a3a8

text · 0.7%

Composition

headline plus visual

Layout

top heavy

Color structure

monochrome

Background

dark panel

Typography

sans · sans only

Imagery

ui screenshot · realistic

Temperature

cool

Accent lands on

none

Mood

reliablesophisticatedminimalistdirect

What makes it work

  • strict_left_alignment_of_type
  • oversized_headline_spacing
  • faded_bottom_edge_on_visual
  • high_contrast_dark_mode_aesthetic

More like this