NEURAL GRADE MATCHING
Perceptual Perfection
The first font tool that uses quantum blink calibration and neural networks to achieve perfect optical parity between light and dark modes.
Drop your variable font
.woff2, .ttf, .otf · fvar parsing
axes detected
NEURAL CORE
APCA Lc driven
Axis Range
→
Light Lc
Dark Lc
Base Grade
Contrast Factor
Glow Multiplier
Suggested Δ
Quantum Blink Calibration
Compensated Grade
Quantum Difference
(%)
Holographic Scaling
Screen Size
Phone
Tablet
Laptop
Monitor
Optical Size
Light Mode Lc
Dark Mode Lc
NEURAL PERFORMANCE SCORE
Light BG
Light Text
Dark BG
Dark Text
Glyph
Paragraph
Overlay
Blink
Hologram
Light
Ag
Dark
Ag
The quick brown fox jumps over the lazy dog. Variable fonts allow fluid transitions between weights and optical sizes.
Neural grade {{ darkGrade }} achieves quantum harmony. APCA contrast: {{ apcaDark }} Lc
← Drag to compare →
Ag
Ag
Base
Comp
Δ
{{ screenSize }}"
opsz: {{ currentOpsz }}
The quick brown fox jumps over the lazy dog
Share Quantum State
CSS
JSON
Tailwind
How to Use Squish Lab Pro
1
Upload Font
Drop any .woff2, .ttf, or .otf variable font file
No font loaded
2
Adjust Axes
Fine-tune weight, width, optical size, etc.
wght:
3
Neural Grade
AI suggests optimal dark mode grade
Suggested:
4
Blink Calibrate
Adjust until text stops pulsating
Δ
5
Scale
Simulate different screen sizes
" | opsz:
6
Export
Copy CSS, JSON, or Tailwind code
Font
Calibrated
Export
Font Grading: The Secret to Perfect Dark Mode Typography
Font grading is the subtle adjustment of a typeface's weight and contrast to maintain optical harmony across different backgrounds and screen conditions. Unlike standard weight adjustment, grading fine-tunes the perceived thickness without changing the font's core design.
Current Grade Axis:
Range: →
Light Mode Grade
Dark Mode Grade
Perceptual Difference
Why It's Critical for Modern Design:
- Dark Mode Optimization — Text often appears heavier on dark backgrounds; grading compensates for this optical illusion.
- APCA Contrast Compliance — Achieve WCAG accessibility standards with precise grade control.
- Brand Consistency — Maintain visual identity across light and dark themes without redesign.
- Variable Font Advantage — Unlike static fonts, variable fonts allow smooth grade transitions for every screen condition.
Pro Tip: Use the Quantum Blink Calibration tool above to find the perfect dark mode grade. When the text stops pulsating, you've achieved optical harmony!