A quiet, expansive library of financial and creative tools.
02
Color
#000000Ink
#fbfbfbBG
#666666Muted
rgba(0,0,0,0.1)Line
Extreme restraint using near-black ink on a warm off-white canvas.
03
Typography
humanist-sans · monospace
display30px · 400
nav12px · 400
All navigation and secondary links use uppercase with 1px letter-spacing · Hero text uses a standard 400 weight, no bolding · Body text defaults to 16px with a tight 16.8px line-height
04
Spacing
4px
8px
12px
16px
24px
32px
48px
64px
96px
128px
Flexible spacing with large 100px horizontal padding for container isolation.
05
Surfaces
sm · 0px
md · 0px
lg · 0px
pill · 999px
Minimal 1px solid black lines used sparingly for structural separation.
06
Layout
1280container
12columns
24pxgutter
768 / 1024breakpoints
A highly symmetrical, center-aligned single-column layout for the hero.
07
Motion & Interaction
220msmicro
400mssmall
800msmedium
cubic-bezier(0.25, 0.1, 0.25, 1.0)easing
opacity fade-ins for staggered reveal of hero elements
Simple opacity transitions on navigation links. · Standard pointer cursor interaction.
08
Components
buttonPure text-based navigation links without visible containers.
cardNo visible cards; the layout relies on flat, edge-to-edge or centered text.
chipNone present.
inputNone visible in the hero.
heroCentered 3x3 geometric grid logo above a single, impactful sentence.
09
Voice & Don'ts
ToneConfident, professional, and understated.
HeadlinesLowercase, declarative, and expansive.
CTAsFunctional and informative.
don't use drop shadows — screenshot shows completely flat surfaces
don't use uppercase for hero headlines — screenshot shows lowercase text
don't use bright accent colors — screenshot shows a strict black and off-white palette
don't use bold font weights — screenshot shows uniform 400 weight across all text
Captured from the live site · real computed styles
11
System prompt
This site is a premium, minimalist corporate portal for a fintech and creative ecosystem. The design DNA relies on extreme restraint, utilizing a pure monochromatic palette of black (#000000) ink on a warm off-white (#fbfbfb) background. Typography uses a clean humanist-sans category, with the hero display set in lowercase at 30px. Navigation is highly structured, using 12px uppercase text with 1px letter-spacing. Critical constraints include avoiding any bright accent colors, bypassing bold font weights entirely, and refusing to use drop shadows or decorative gradients. All surfaces are flat, edges are sharp, and the layout is deeply centered to project a sense of calm authority and precision.
Bring this taste to your agent
Hand your AI agent a machine-readable spec of this design — tokens, type, motion, the whole DNA.
