Typography
The Fluxive Blueprint Theme exclusively uses the Inter font family. Inter is a variable font designed specifically for user interfaces, offering excellent legibility at small sizes and clean, modern aesthetics at display sizes.
Font Family
css
font-family: 'Inter', sans-serif;Weights
We primarily use four weights to establish hierarchy:
- Regular (400): Used for body text and long-form content.
- Medium (500): Used for navigation links, button text, and subtle emphasis.
- SemiBold (600): Used for subheadings (
h3,h4) and important data points. - Bold (700): Used for major headings (
h1,h2) to create strong visual anchors.
Type Scale
We follow a standard fluid type scale.
Headings
- H1: Large, bold, tracking-tight. Used for page titles.
- H2: Significant section dividers. Bottom border often applied.
- H3: Subsection headers.
Body
- Base:
16px(1rem). The standard reading size. - Small:
14px(0.875rem). Used for sidebars, metadata, and dense data tables.
Example
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.(Monospace: usually Fira Code or system mono)