CURATED · OPEN · FREE

Letter

A refined, modern financial platform for sophisticated wealth management.

01

Identity DNA

A digital private bank that feels like a contemporary art gallery—refined, spacious, and distinctly premium.

02

Color

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

Generous vertical rhythm with high line-heights (up to 2.0) to create an airy, luxurious feel.

05

Surfaces

Minimal use of borders, relying on subtle background color shifts for surface separation.

06

Layout

A structured grid that transitions from a full-bleed, immersive hero to a multi-column layout for feature cards.

07

Motion & Interaction

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

• button Clean, rectangular buttons with sharp corners (2px radius), utilizing both high-contrast (solid black) and brand-color (teal) variants.
• card Large, color-tinted background blocks (pale blue, mint green) that define distinct feature areas without strict container borders.
• hero A dramatic, full-viewport introduction featuring a cinematic, dark abstract background image and large, elegant typography.

09

Voice & Don'ts

• Tone Confident, sophisticated, and highly articulate.
• Headlines Direct, evocative, and slightly aspirational, using concise phrases.
• CTAs Clear, action-oriented, and understated.

• don't use rounded corners — screenshot shows sharp 2px radius buttons
• don't use bright, neon accents — screenshot shows a muted teal #186f64 instead
• don't use dense, cramped layouts — screenshot shows generous padding and high line-heights
• don't use playful or decorative illustrations — screenshot uses abstract, photographic imagery
• don't use all-caps for large headings — screenshot uses title case or sentence case
• don't use dark mode as default — screenshot shows a predominantly white and light gray interface
• Avoid: Using excessive exclamation points
• Avoid: Employing aggressive or overly urgent sales language
• Avoid: Using complex financial jargon without clear context

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

en · zh-CN · zh-TW · ja · ko