A modern, playful challenger bank re-launching its identity.
02
Color
#1A1A1AInk
#C2A5E3BG
rgba(26, 26, 26, 0.1)Line
High-contrast dark typography against a solid, vibrant pastel background.
03
Typography
grotesque-sans
display100px · 800
Heavy, tightly tracked display type. · Regular weight body text for descriptions. · Uppercase text used sparingly for emphasis.
04
Spacing
4px
8px
16px
24px
32px
48px
64px
96px
Generous vertical spacing between headline, subtext, and form.
05
Surfaces
sm · 4px
md · 8px
lg · 12px
pill · 999px
Solid border on input fields.
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
Full-bleed hero with text on the left and photographic illustration on the right.
07
Motion & Interaction
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1)easing
Subtle state changes on buttons. · Standard button press behavior.
08
Components
buttonPill-shaped solid button.
cardStandard app store badge.
chipPill-shaped input field container.
inputMinimal input field with a country code dropdown.
heroFull-viewport hero section with large text, an input form, and a photographic illustration of a hand inserting a card into a cactus.
09
Voice & Don'ts
ToneConfident, direct, and slightly playful.
HeadlinesBold, declarative, and slightly edgy with the strikethrough.
CTAsSimple and direct ('Get App').
Don't use thin or light typography — the screenshot shows heavy, bold display text.
Don't use a white background — the screenshot shows a solid lavender background.
Don't use small, complex UI components — the screenshot shows large, clear, minimal form elements.
Don't use complex multi-column layouts — the screenshot shows a clear, left-aligned hero section.
Don't use neon or highly saturated accent colors — the screenshot uses a solid, muted pastel background.
Don't use serif fonts — the screenshot shows a modern, geometric grotesque sans-serif.
Avoid: Cluttered layouts
Avoid: Dull or muted pastel palettes
Avoid: Complex typography hierarchies
11
System prompt
This is a fintech app landing page for Nuri, positioning itself as a modern, playful challenger bank. The design is characterized by a bold, heavy grotesque sans-serif typography set against a solid lavender (#C2A5E3) background. A clean, left-aligned layout features a large headline, a simple mobile number input form, and app store badges. Key colors include the lavender background and dark (#1A1A1A) text. Critical design constraints: avoid thin typography, avoid white or complex backgrounds, and avoid serif fonts. The overall aesthetic is minimal, confident, and slightly edgy.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
