Use confident editorial serif headlines and short, direct statements. The product should feel like a financial publication with live markets inside it.
FUNDHOUSE MEDIA KIT · VERSION 1.2Performance creates value.
Performance creates value.
Culture creates the premium.
The living visual system for Fundhouse. Editorial confidence meets the precision of an onchain trading terminal.
Data is structured and exact, while fund identity can be expressive through the extended colour palette and manager-created imagery.
Interface text never drops below 12px. Body copy starts at 16px. Small type is reserved for labels, never explanations.
01 / TYPOGRAPHYThree families.
Three families.
Three clear jobs.
Newsreader carries the point of view in large editorial statements. Inter keeps navigation, controls and longer product copy effortless to read. Geist Mono is reserved for contracts, tickers and exact market data.
DISPLAY · NEWSREADERRegular 400 · Italic 400
Back a thesis.
Trade the following.
Use for primary headlines, fund names, prices and important statements. Product pages pair a direct first line with a green italic second thought. Tight tracking; compact line height.
INTERFACE · INTERRegular 400 · Semibold 600 · Bold 750
A fund is performance, access, culture and an idea.
Use for navigation, forms, Rooms, explanatory text and every control. Sentence case is the default.
DATA · GEIST MONOMedium 500 · Bold 700
$MIC $1.58 +27.4%
Reserve for contracts, tickers, timestamps and exact tabular values. Do not use it for navigation or explanatory copy.
Display 0180–150px
Campaign and landing headlines
Display 0244–72px
Product page and section statements
Title30–40px
Panels and fund titles
Lead19px
Introductions and theses
Body16px
Explanations and messages
Interface14px
Buttons, forms and navigation
Caption floor12px
Metadata and secondary labels
02 / COLOURRobinhood energy.
Robinhood energy.
Fundhouse range.
Cream, forest and lime are the recognisable core. Functional market surfaces stay neutral and data-led. Editorial portfolio destinations may use richer thematic colour so users can recognise an investment idea before reading its mechanics.
Primary text · dark controls
Dark mode · Trading surfaces · Rooms
Actions · live states · upside
Editorial emphasis · positive data
Primary canvas
Primary product cards · content surfaces
Borders · structural separation
FUND IDENTITY PALETTE
One colour per fund. Never mix multiple fund pastels on a single identity card.
Pair lime with forest or ink for high-confidence actions and live market states.
Use cream and paper for reading-heavy product areas and decision information.
Do not use pastel fund colours as action colours or performance indicators.
03 / DARK MODEDark is a complete
Dark is a complete
product mode.
It is not an inversion pass. The terminal becomes deep forest, while Fundhouse identity cards, actions and data keep their intended contrast and hierarchy.
Forest for the terminal.
Cream for the reading.
Use deep forest for the page, raised forest for panels and cream text for neutral product surfaces.
Active controls stay obviousBorder, fill and text must all carry contrast.
Pastels do not
turn dark.
Fund cards keep their palette in either mode. Their copy, icons and charts use fixed ink instead of an inverted theme colour.
FHFixed ink on pastelIdentity remains recognisable at a glance.
Use the fixed ink token on pastel surfaces, and fixed cream text on solid dark controls.
Lime is a light surface: it always carries Fundhouse ink text and icons, in both themes. Never put cream or white text on lime, or lime text on cream or a pastel surface. Active controls also need a clear border or fill. Colour alone is not enough.
Icons, count badges, chart labels and muted copy must remain readable before a page ships.
Check light and dark on desktop and mobile: default, hover, focus, selected, disabled, empty, loading and error.
04 / COMPONENT LANGUAGEQuiet structure.
Quiet structure.
Loud conviction.
Thin borders, compact radii and generous internal spacing. Important information is large; metadata supports it without becoming microscopic.
Meme Industrial
Complex
$MIC- PRICE
- $1.58
- NAV
- $1.24
Controls remain clear at a glance.
FUND DATA · TESTNET
PERFORMANCEACCESSCULTURE
TV
terminalvalue MANAGERToday at 14:32
We reduced meme exposure into strength and moved 8% back into majors. The updated NAV and trade log are now live.
05 / WRITINGSay exactly
Say exactly
what is happening.
Use “Buy”, “Claim USDG”, “Enter room” and “Launch”. Add detail only when the wallet action needs it.
Use “Price”, “NAV”, “Assets”, “Return” and “vs NAV”. Show mainnet, testnet or paper once at the page or section level.
Describe the room or research unlocked without implying guaranteed returns.