Official brand guidelines for the FAST platform. Use these assets and rules to represent FAST consistently across all touchpoints.
The FAST wordmark is the primary brand identifier. It uses Inter 900 weight with 0.12em letter-spacing. The lightning bolt icon is the secondary mark for compact spaces.
Maintain a minimum clear space equal to the height of the "F" character around the wordmark on all sides.
Use the gold gradient wordmark on dark backgrounds
Use the dark wordmark on light backgrounds
Maintain clear space around the logo
Use the icon alone at small sizes (16-32px)
Stretch, rotate, or distort the wordmark
Change the gradient colors
Place on busy or low-contrast backgrounds
Add effects like drop shadows or outlines
The FAST palette is built around premium gold on abyss-level black. Gold conveys value and exclusivity. The dark foundation creates depth and focus.
Inter is the sole typeface across all FAST products. It provides excellent readability at small sizes and a clean, modern feel at display sizes.
Display: 2.25rem / 800 weight - page titles and hero text
Heading: 1.25rem / 700 weight - section headers
Subheading: 0.9375rem / 600 weight - card titles, labels
Body: 0.9375rem / 400 weight - paragraph text
Caption: 0.75rem / 500 weight - metadata, timestamps
Micro: 0.7rem / 600 weight - badges, status labels
FAST speaks with quiet confidence. We are a B2B infrastructure product - our audience is technical decision-makers at sportsbook operators. We do not hype. We demonstrate value through precision and clarity.
Precise and technical
Confident without arrogance
Direct and concise
Solutions-oriented
Respectful of expertise
Hyperbolic or salesy
Casual or jokey
Condescending or instructive
Vague or hand-wavy
Trendy or buzzword-heavy
The UI lives in near-black space. Layers are distinguished by subtle opacity shifts (0.02 - 0.04), not by color. Glass borders (rgba white at 0.06) define edges without weight.
Gold is reserved for primary actions, active states, and key metrics. It is never decorative. If everything is gold, nothing is.
Operators need data, not whitespace. Compact layouts with clear hierarchy. Every pixel should serve a purpose.
Animations use cubic-bezier(0.22, 1, 0.36, 1) for a premium feel. Transitions are 200-400ms. Nothing bounces. Nothing overshoots.
Consistent spacing creates rhythm. Border radius creates warmth without softness.
Cards and modals: 16-20px. Buttons and inputs: 10-12px. Badges and pills: 20px (full round). Icons and avatars: 8px.
4 - 8 - 12 - 16 - 20 - 24 - 32 - 40 - 48 - 56 - 64 - 80Logo files, color palette exports, and component tokens are available for download.
