A premium single-page website for a fictional finance-operations platform. Neo-Brutalist geometry meets editorial typography: thick borders, offset shadows, Archivo display type, JetBrains Mono metadata, and a hand-built treasury command-surface hero.
click the frame to open the full page
/ Sections
Every section serves the product story — no filler blocks.
Hero
Editorial split hero + treasury command surface with live sparkline.
02Three pillars
Treasury, bill pay, spend control — staggered offset cards.
03Bento capabilities
Policy-as-code approval graph + capability tiles.
04Workflow
Five-step capture → reconcile sequence with timings.
05Metrics band
Customer outcomes on a dark divided grid.
06Proof
Featured pull-quote + secondary testimonial cards.
07Pricing
Three-tier, cash-managed pricing with featured Growth plan.
08FAQ
Single-open scoped accordion, ARIA + keyboard.
09CTA
Dark conversion panel with corner-tick framing.
10Footer
Five-column nav + live system status + legal.
11Navbar + logos
Sticky nav with scoped mobile menu + brand marquee.
/ Design system
Palette
ink
#0A0A0A
paper
#FBFAF7
cream
#F4F1EA
lime
#C6F24E
ember
#FF4FA3
sky
#00C2FF
forest
#00A86B
Typography
Archivo
display · 500–900
Inter
body · 400–700
JetBrains Mono
labels & metadata · 400–700
Geometry
2px borders
square radius · hard edges
Offset shadows
4 / 8 / 12px
Press interaction
translate + shadow swell on hover/active