About this template
Orbis NFT is the landing page reference for a fintech product, and the brief behind it is a full build spec rather than a mood board. The palette is deep blue #010828 underneath, white #EFF4FF for the type and bright lime #6FFF00 carrying the accents, set in Anton. Delivery is React and Tailwind CSS, captured at 452x800 so the frame is fixed before any code is written. Treat it as the brief for a fintech product landing page that has to hold up under a rebuild, not just a first look.
Designed for
- Start from 32px spacing steps and let the palette follow, because the spacing is what makes this landing page read.
- Made for a solo founder shipping one landing page for a fintech product and no design system behind them.
- People who brief a model on a landing page will use the 8,276-character prompt as the starting point.
What's included
- Links collapse at one width. Wordmark, links and the #6FFF00 action share one baseline, which is what keeps a thin row from looking accidental. The links are set below the wordmark in size, and the #6FFF00 action is the only element in the bar with any weight.
- Sizes fixed in the brief. The layout is solved against fixed values (32px spacing steps), which is what keeps the first screen composed at any width. Values are quoted from the captured prompt rather than inferred, so they survive a re-render.
- A grid, not a text run. The grid is the structure: panels of the same size, set in Anton, arranged so the eye moves across rather than down. Panel order is the reading order, so nothing depends on position cues. Let the panel count follow the copy.
- The composition is the content. The composition is complete at 452x800: the copy, the media and the controls are all named in the brief. The page is one composition at 452x800, which is why it holds together when the copy changes.
Motion & interaction
Pointer states, nothing more
Feedback is limited to hover states on the buttons and links rather than on every card, which is what keeps a dense first screen from feeling busy. The states are drawn from the page's own palette rather than from a component default.
Almost no motion
There is no scroll library here: the 452x800 composition holds still and only the elements that respond to you move. There is no animation library in the brief, which keeps the rebuild small. Stillness is a valid choice.
The argument this landing page makes
You could rebuild this as a stack of separate cards and lose only the argument. The landing page reads as one decision instead: navigation, the stats row, the card grid and the background clip in a single sequence. It gives a fintech reader the shortest honest route to the offer.
The order behind the landing page
Order is the design here. navigation, the stats row, the card grid and the background clip are placed so the offer lands before the proof, and 32px spacing steps set the gap between them. A fintech reader gets the offer before the options.
Making the landing page yours
A template asks you to accept its layout; this reference asks you to keep it and change everything inside. The difference is that 32px spacing steps stay fixed while the subject moves. Rewrite the display line before you touch the colour.
Frequently asked questions
What does the brief behind Orbis NFT actually contain?
It is a build brief rather than a mood description: it names the composition at 452x800, the spacing and the motion values. Nothing in it treats the rendered image as the source of truth.
How much of Orbis NFT depends on React and Tailwind CSS?
Orbis NFT was built in React and Tailwind CSS, and the entry says so for provenance. The brief describes positions, sizes and timings, so it rebuilds in any framework that can set type and place elements.
Can I ship a page rebuilt from Orbis NFT without crediting it?
The brief is a description, not a licence to redistribute someone else's assets. Keep the structure and the numbers, replace the media and the brand marks, and credit the source if a client asks where the layout came from. The reference was captured at 452x800.
