FontFlow

Analyze, inspect, and prototype typography instantly on any webpage with advanced design controls.

Analyze, inspect, and prototype typography directly on any webpage with advanced design controls. FontFlow is the ultimate typography toolkit for front-end developers, UI/UX designers, and digital artists who want to inspect, tweak, and master web typography in real-time. Key Features: - Deep Font Inspection: Click any element to view its font family, size, line-height, weight, color, and background details in OKLCH and HEX formats. - Live Customizer Sandbox: Experiment on the fly! Swap fonts, adjust size, line-height, letter-spacing, and text decoration with intuitive sliders. - WCAG 2.1 Contrast Auditor: Instant accessibility checks. See if your text passes AA or AAA contrast ratio thresholds instantly. - Typography Style Guide Generator: Export your discovered font pairings, unique text scales, and document color palettes into a beautiful, print-ready PDF style guide with a single click. - Developer Friendly: One-click copying for clean CSS rules and Tailwind utility classes directly from your inspected elements. Streamline your design-to-code workflow and audit web typography effortlessly with FontFlow.