A digital private bank that feels like a contemporary art gallery—refined, spacious, and distinctly premium.
02
Color
#186f64Accent
#000000Ink
#191b1fInk soft
#ffffffBG
#f6f9f9BG soft
#e6ebecBG quiet
#e7e8e8Muted
rgba(0,0,0,0.1)Line
A restrained, neutral-dominant palette anchored by a sophisticated teal accent to convey calm, modern wealth.
03
Typography
transitional-serif · geometric-sans
display46px · 500
h146px · 500
h228px · 400
body16px · 400
Use transitional-serif for prominent display text to establish authority · Use geometric-sans for all UI text to ensure clarity and modernity · Limit weight variation to regular, medium, and semibold to maintain a calm visual rhythm
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous vertical rhythm with high line-heights (up to 2.0) to create an airy, luxurious feel.
05
Surfaces
sm · 2px
md · 4px
lg · 8px
pill · 999px
Minimal use of borders, relying on subtle background color shifts for surface separation.
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
A structured grid that transitions from a full-bleed, immersive hero to a multi-column layout for feature cards.
07
Motion & Interaction
70msmicro
400mssmall
750msmedium
cubic-bezier(0.19, 1, 0.22, 1)easing
Subtle fade and slide-up animations for sequential content reveal · Smooth color and opacity transitions on hover states
Subtle changes in opacity or color for text links and buttons. · Immediate response with subtle transitions to acknowledge user input.
08
Components
buttonClean, rectangular buttons with sharp corners (2px radius), utilizing both high-contrast (solid black) and brand-color (teal) variants.
cardLarge, color-tinted background blocks (pale blue, mint green) that define distinct feature areas without strict container borders.
heroA dramatic, full-viewport introduction featuring a cinematic, dark abstract background image and large, elegant typography.
09
Voice & Don'ts
ToneConfident, sophisticated, and highly articulate.
HeadlinesDirect, evocative, and slightly aspirational, using concise phrases.
Captured from the live site · real computed styles
11
System prompt
This system represents a premium, modern fintech platform for high-net-worth wealth management. The identity is sophisticated and calm, utilizing a restrained palette: crisp white backgrounds (#ffffff, #f6f9f9) paired with deep inks (#000000, #191b1f) and a single muted teal accent (#186f64). Typography is a refined mix of transitional-serif for display headings and geometric-sans for UI elements. Critical constraints: never use heavy drop shadows or bright neon accents, always maintain generous whitespace and high line-heights (up to 2.0), and strictly adhere to the 2px button corner radius. The layout prioritizes cinematic hero sections and large, airy feature blocks, creating a confident and luxurious digital experience.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.