Preview image. Unlock full-res
Bright yellow card showing the Fontanello browser extension surfacing live font specs in a right-click menu beside an iPhone corner.
Summary
A vivid yellow product card that shows the Fontanello extension in action: a browser right-click menu cascading into a panel of live font specifications, paired with a partial phone and a spec table.
Visual description
Saturated yellow background with a large black circle motif behind the UI. A realistic macOS right-click context menu (Look Up, Copy, Search Google, Print, Speech) has "Fontanello" highlighted in blue, opening a submenu listing font details: "IntelOne Mono," 400 (normal), 18px, line height, color #000000, contrast 21 (AAA), letter spacing -0.12px. To the right, the rounded corner of a white iPhone screen shows the same typeface spec sheet in a monospace table. Everything reads as functional product UI rather than illustration.
Key takeaway
Demonstrating the tool by literally rendering its output inside a native context menu makes the product instantly understood with zero marketing copy. The single bold yellow field plus a black circle gives a flat UI screenshot a graphic punch.
Reuse notes
Ideal for a browser extension or utility where the interface itself is the pitch. The high-saturation yellow grabs attention in a feed but limits palette flexibility. Works because the UI is legible at card scale; busier interfaces would need cropping.
