Variable Font Typography
Beautiful typography
built for the modern web
A comprehensive typography system using Google Sans Flex variable font with optical sizing, multiple weights, and fluid scales.
Display Styles
Thin weight (100) for elegant, modern headlines
The quick brown fox
The quick brown fox jumps
The quick brown fox jumps over
The quick brown fox jumps over the lazy dog
Heading Hierarchy
Progressive weight scale from extralight to medium
Heading Extra Large
Heading Large
Heading Medium
Heading Small
Heading Extra Small
Body Text
Regular weight (400) optimized for readability
Premium market research, expert analysis, institutional-grade tools, weekly livestreams, and more to help you become a better trader.
The variable font automatically adjusts optical sizing based on the rendered size, ensuring optimal readability at any scale.
Google Sans Flex supports six variable axes: weight, width, slant, optical size, grade, and roundness for complete typographic control.
Smaller body text maintains excellent legibility through automatic optical size adjustments that increase stroke weight and letter spacing.
Labels & UI Text
Medium weight (500) for interface elements
Card Title Here
Supporting description text using body-sm style.
Feature Card
Caption and label styles work great for UI elements.
Status Card
Timestamps and metadata use caption style.
Variable Font Axes
Interactive control over all six axes
Thin 100
Extralight 200
Light 300
Regular 400
Medium 500
Semibold 600
Bold 700
Extrabold 800
Black 900
Condensed 75
Narrow 87
Normal 100
Wide 125
Sharp corners 0
Rounded 50
Super rounded 100
Upright 0°
Subtle slant -6°
Full slant -12°
Light grade -50
Normal grade 0
Heavy grade 100
Optical sizing is automatic! The font adjusts stroke weight and spacing based on rendered size for optimal readability. Small text gets thicker strokes; large text gets refined details.
Gradient Headings
Decorative gradient text for impactful headlines
Variant: light (on dark bg)
Heading - xxl (thin)
Heading - xxl (base)
Heading - xxl (semi)
Heading - xxl (bold)
Heading - xxl (black)
Heading - xxxl (thin)
Heading - xxxl (base)
Heading - xxxl (semi)
Heading - xxxl (bold)
Heading - xxxl (black)
Variant: pink (on dark bg)
Heading - lg (thin)
Heading - lg (base)
Heading - lg (semi)
Heading - xl (thin)
Heading - xl (base)
Heading - xl (semi)
Heading - xxl (medium)
Variant: default (neutral gradient)
Heading - xxl (thin)
Heading - xxl (base)
Heading - xxl (semi)
Heading - xxl (bold)
Heading - xxl (black)
Sunset Vibes
Ocean Depths
Aurora Lights
Cosmic Energy
Fire & Flame
Golden Hour
Thin Weight 100
Extralight Weight 200
Light Weight 300
Normal Weight 400
Medium Weight 500
Bold Weight 700
Display 4XL
Display 3XL
Display 2XL
Display XL
Display LG
Build the future
one pixel at a time
Create stunning gradient headlines that capture attention and elevate your brand's visual identity.
Master the markets
with confidence
Premium market research, expert analysis, and institutional-grade tools to help you become a profitable trader.
Unlock insights
hidden in your data
Transform raw data into actionable intelligence with our next-generation analytics platform.
Elevate your
investment strategy
Join thousands of successful investors who trust our premium research and exclusive market insights.
Trade on the future.
Profit from insight.
The world's most advanced prediction market platform. Trade events, hedge risk, and discover alpha.
Scale your business
with confidence
Enterprise-grade infrastructure built for teams that demand reliability, security, and performance.
Sample Compositions
Real-world usage examples
Featured
Learn the proven process that generates trading profits
Premium market research, expert analysis, institutional-grade tools, weekly livestreams, and more to help you become a successful trader.
98%
Success Rate
2.5M+
Active Users
$50B
Volume Traded