Framer OG card

Framer OG card, dark-mode, gradient-heavy, dark

Preview image. Unlock full-res

Dark card with the centered white Framer wordmark ringed by floating UI fragments: collaboration cursors, an AI button, a transition editor, and site previews.

Summary

A dark feature-collage Framer card centering the white wordmark inside a loose ring of floating product-UI fragments that show collaboration, AI, transitions, localization, and live site previews.

Visual description

Deep navy background. The white Framer mark and "Framer" wordmark sit center. Around them float rounded UI cards at varying depths: an "Invite" panel with collaborator rows and colored live-presence cursors (John, Paul), a "Start with AI" glowing pill, a "Boost Gallery" website preview, a dark "Fastest Email Experience" landing page, a "Transition" editor with Instant/Ease/Spring tabs and a bezier curve, a "Threads is a Slack replacement" site in a browser frame, and a "Reached 100% for French" localization prompt with a French flag tile. The fragments orbit the centered logo, each lit against the dark field.

Key takeaway

Orbiting the centered wordmark with a curated set of distinct feature snippets communicates a broad product surface (collab, AI, animation, localization) in one glance. Keeping each fragment as a clean floating card on dark navy stops the collage from reading as chaotic.

Reuse notes

Suited to a mature product announcing many capabilities at once rather than a single hero feature. Needs real, legible UI snippets and a dark unifying field. The centered-mark-with-orbiting-features pattern reskins to any multi-feature platform.

More like this