Coframe OG card

Coframe OG card, glassmorphism, gradient-heavy, cool

Preview image. Unlock full-res

Split OG card with a large white headline framed as an editable h1 element beside an isometric glassmorphic UI scene.

Summary

A split card on deep indigo where the headline is staged as a selected, editable h1 web element, set against an isometric glassmorphic dashboard scene.

Visual description

Deep indigo-blue background. On the left, a large white headline reads "Imagine an AI growth engineer optimizing your site, 24/7." enclosed in a blue dashed selection rectangle, with a small blue "<h1>" tag chip at its lower-right corner, a floating "31%" uplift pill above, and a "Coframe" cursor label badge below, all mimicking a live editor. The "Coframe" logo and wordmark sit bottom-left. The right side renders two translucent, isometric glass app panels floating in space with charts, colored buttons, an image tile, and "Ease of use" and "Conversion" stats, including a "WITHOUT COFRAME / WITH COFRAME" comparison.

Key takeaway

Dressing the headline as an actual selected, taggable web element (dashed box, h1 chip, cursor label, uplift pill) makes the card itself look like the product editing a page, which is exactly what the company does.

Reuse notes

Distinctive for website-optimization, AB-testing, or no-code editing tools, where the editor metaphor reinforces the value. The glass isometric panels add depth but need careful rendering. Best on a saturated dark ground so the glass and dashed cues stay legible.

More like this