Press Kit
Brand assets and marketing materials for Manifold Markets
Note: This page is optimized for light mode viewing and screenshot capture.
Primary Wordmark
Reference size - Logo: h-10 w-10, Text: text-xl font-thin, Gap: gap-0.5
White Wordmark (for dark backgrounds)
Same proportions on dark background
Logo Files
Logo (SVG)
Logo (PNG)
Logo White (SVG)
Stylized Crane
Typography
Primary Typefaces
Figtree
The quick brown fox jumps over the lazy dog
Wordmark Usage: The "MANIFOLD" wordmark uses Figtree Thin (weight 300). For proper sizing, use font-thin and scale proportionally with the logo. Desktop: text-6xl (60px), Mobile: text-3xl (30px). Maintain a gap-2 (8px) between logo and text on desktop,gap-1 (4px) on mobile.
Readex Pro
The quick brown fox jumps over the lazy dog
Major Mono Display
MANIFOLD MARKETS
Brand Colors
Primary / Indigo
Yes / Teal
No / Scarlet
Currency & Icons
Mana Symbol
Mana Flat
Manachan
User Badges & Modifiers
Role Badges
These badges appear next to usernames to indicate special roles or status. Icons are from Heroicons, React Icons libraries, and custom SVGs. Click any badge to display it large for screenshotting.
Achievement Badges
User achievement badges for milestones and accomplishments.
Account Age
Charity Donated
Creator Traders
Highest Balance
Total Markets
Total Profit
Total Referrals
Total Volume
Betting Streak
League Masters
Total Trades
Comments
26 total achievement badges available in /achievement-badges/
Daily Loan Chest
The loan chest appears in the UI to allow users to collect daily loans on their trades.
Available
Coins icon (yellow-300)
When loan is ready to collect
Collected
Open chest icon (yellow-900)
When already collected or not eligible
Icons: From react-icons/gi
GiTwoCoins- Available loan state (text-yellow-300)GiOpenChest- Collected/empty state (text-yellow-900)
Mock Market - Full Page Style (for Screenshots)
Create custom market previews for screenshots and promotional materials
Tip: On binary markets, you can drag the points on the chart up and down to customize the chart history!
Who will win the 2025 MLB World Series MVP?
Switch between market types and adjust the controls, then screenshot the preview
Mock Market - Mini Card Style
Compact market card for social media and embedded use
Will this be the best press kit ever created?
Adjust the controls above, then take a screenshot of the preview card
Yes/No Buttons
Manifold's signature Yes/No button design
Drag the edges to resize (both buttons mirror each other)
With directional arrows (for betting actions)
Drag the edges to resize (both buttons mirror each other)
Usage Guidelines
Logo Usage
- Use SVG format when possible for scalability
- Use white logo on dark backgrounds
Color Usage
- Teal (Yes) represents affirmative actions and outcomes
- Scarlet (No) represents negative actions and outcomes
- Indigo is the primary brand color for general UI elements
Design Style Conventions
- Border Radius: Use
rounded-md(0.375rem / 6px) for buttons and most UI elements - Border Radius (Cards): Use
rounded-lg(0.5rem / 8px) for cards and containers - Border Radius (Pills): Use
rounded-fullfor pill-shaped elements like tags - Button Sizing: Standard buttons use
px-6 py-2.5withtext-base(16px) andfont-semibold - Shadows: Cards use
shadow-mdfor elevation - Spacing: Use consistent gap spacing -
gap-3(0.75rem) between related elements
Contact
For press inquiries and additional assets, please contact: info@manifold.markets