Component by component
The exchange, taken apart.
Every state of every component, browsable and testable in isolation - order books, leverage sliders, trading panels, positions tables, swipe cards and yes/no buttons.
← All products
design.yours.wtfThe exchange, component by component.
The dfcl design system as a live Storybook - the exchange design language behind the chart library and several 2026 applications.
- Typefaces
- Inter, JetBrains Mono, Sora
- Direction
- Teal for yes, rose for no
Many venues
Perps, predictions and swipe feeds from one system.
Assembled apps cover perps exchanges and pro terminals, prediction markets, multi-category hubs, PropHub and Swiper Markets - all on the same tokens, with light and dark themes.
The rules
Teal for yes, rose for no, data always in mono.
Surfaces follow one depth hierarchy - raised, inset, frosted glass. Prices and sizes set in JetBrains Mono with tabular figures, display type in Sora, body in Inter.
