FLEX
Flex is a decentralized exchange on the Everscale blockchain with a fully on-chain limit order book and its own FLX token.
The DEX landing page from greyscale structure to final desktop and mobile layouts, a tokenomics chart and roadmap, iridescent 3D glass objects and data visuals, and an investor deck.
Greyscale structure for a DEX landing page
Flex is a decentralized exchange with a fully on-chain limit order book, built on the Everscale blockchain and paired with its own FLX token. The headline on its site promises a DEX faster than CEX, so the page has to read like a trading product from the first screen.
Our web design for this crypto exchange started in greyscale: a hero with the trading terminal, a stats row, the True DeFi Experience block, a Killer Features carousel, FLX tokenomics, the Killer Whale Podcast, and a footer with a newsletter field and seven social icons. Without colour to lean on, hierarchy and copy length had to work on their own.
Exchange hero on mobile and desktop
In the hero, the product shows up before the pitch. A screenshot of the trading terminal, with candles, an order book and a trade history panel, sits beside the headline on desktop and drops below it on the phone. Thin contour lines in shades from magenta to blue are the only decoration on a near-black navy background. The Launch Exchange button gets the blue-to-purple gradient that later tints the charts and 3D objects. In the stats row, 2022 is an outlined numeral with a gradient stroke, while the Flex TAM and DeFi TVL figures stay in solid white, so the numbers read first.
Tokenomics chart, roadmap and community footer
FLX tokenomics is the densest block on the page, so it gets one donut and a strict colour key: orange for the two farming pools at 46.5%, blue for the team at 32.5%, teal for early investors and partnerships at 11%, purple for the reserve fund at 10%. Every percentage is set in the colour of its slice, which makes a separate legend unnecessary. On mobile the figures wrap around the donut and the explanation of the FLX Internal Liquidity Pool moves underneath.
The lower pages reuse the same dark cards: a roadmap carousel opening at May 2021, the podcast promo, and a footer split into FLX Token, Ecosystem, About Us and Media.
Iridescent 3D glass objects and data visuals
Each abstract idea on the site gets a physical object. True DeFi Experience sits next to an iridescent glass sculpture of folded petals. Killer Feature 1 gets a dark blue glass chevron with a rainbow rim, and the podcast a translucent blue form that reads as a whale. All three are glass lit from the edges, so they belong to one family. Data stays plainer: % Total Supply with Months is a single blue S-curve over faint gridlines, and the TradFi to DeFi ribbon twists from purple into blue, with the note on AMM-based DEXs placed on a frosted card at the twist.
Flex DEX investor deck
We also designed the Flex DEX Investor Deck. The cover keeps the site's dark navy base, sets the FLEX wordmark with its X picked out in blue, and draws thin electric-blue chevrons that repeat the 3D arrow. Slides run from an Executive Summary with five icon tiles through Market Analysis, Product and Roadmap, retail and B2B growth strategy, deployment to the Venom network, Finance and Forecasts, and tokenomics.
Market Analysis shows its arithmetic in the open: each ratio is written as a fraction with the result in large type, so an investor can trace how the daily volume estimate is built.
Project facts
- Client
- Flex, a decentralized exchange with a fully on-chain limit order book on the Everscale blockchain
- Industry
- DeFi, decentralized exchange
- Platform
- Web (desktop and mobile), investor deck
- Services
- Wireframing, UX/UI web design, 3D graphics, data visualisation, pitch deck design
- Deliverables
- Landing page from greyscale structure to desktop and mobile layouts; FLX tokenomics chart and roadmap; iridescent 3D glass objects; Flex DEX investor deck
- More work in
- 3D Graphics & Motion Design, Landing Page Design, Pitch Decks & Presentations, UX/UI Web Design
- Related cases
- Hi-Tech Club, SOUQ, theqube
Questions about this project
What is Flex?
Flex is a decentralized exchange with a fully on-chain limit order book, built on the Everscale blockchain and paired with its own FLX token.
What did thelegacy design for Flex?
The DEX landing page, from greyscale structure to final desktop and mobile layouts, the FLX tokenomics chart and roadmap, iridescent 3D glass objects and data visuals, and the Flex DEX Investor Deck.
How is the Flex tokenomics chart designed?
One donut with a strict colour key: orange for the two farming pools at 46.5%, blue for the team at 32.5%, teal for early investors and partnerships at 11% and purple for the reserve fund at 10%. Each percentage is set in the colour of its slice, so no separate legend is needed.
