Inside the X Money website design
X Money is a finance website built with custom code, Next.js, and Three.js. Its pages are built from hero, features, FAQ, and footer sections, shown here in full-page captures and a scroll recording. Typography: xMono. Palette: #FFE0E0, #404060.
One app, everything money can do: earn industry-leading APY, get cashback with the X Card, and send money instantly on X. Its visual style is minimal, corporate, and typographic, with navigation bar, hero, and product ui among its components.
What to look for
- Hero: a specific headline instead of a generic slogan
- Features: benefits framed around what the user gets, not internal capability names
- FAQ: questions written the way customers actually ask them
- Footer: grouped navigation with clear column headings
Questions designers ask
What fonts does X Money use?
X Money uses xMono, read from the fonts loaded on the captured page.
What is the X Money website built with?
The X Money website is built with custom code, Next.js, and Three.js, detected when the page was captured.
What colours does the X Money website use?
The captured palette includes #FFE0E0 and #404060.
What sections does the X Money website have?
The X Money website includes hero, features, FAQ, and footer sections. Each one opens on its own page, so you can compare it with the same section on other websites.
Can I use X Money's design for my own project?
Use it as a reference for structure, hierarchy, and style rather than something to copy. The DESIGN.md download summarises X Money's typography, colours, and components for your team or an AI tool.
