Framer Guide To React OG card

Framer Guide To React OG card, dark-mode, 3d-render, dark

Preview image. Unlock full-res

Left-aligned oversized "React" wordmark with the Framer logo, beside a colorful glossy 3D cluster on black.

Summary

A split black card: the Framer logo and an oversized white "React" wordmark anchor the left, while a glossy multicolored 3D abstract cluster fills the right. The single-word headline against a jewel-toned 3D object is the whole idea.

Visual description

Pure black background. Top-left carries the small white Framer logo and wordmark; below it, "React" is set very large in bold white sans-serif. The right half holds a rendered cluster of glossy three-dimensional shapes, a ribbed yellow-gold block, a tangle of glossy pink and purple capsules, and an angular blue-and-teal form, all with soft reflections and shadows on the black. No tagline or URL; the layout is a clean left-text, right-object split.

Key takeaway

The discipline of one big word plus the brand logo on one side, balanced by a single richly colored 3D sculpture on the other. The black backdrop lets the saturated render and the white type both pop at maximum contrast.

Reuse notes

Ideal for a book, course, or topic card where one keyword names the subject. Swap the 3D object to re-skin per topic while keeping the type system. Needs a high-quality render to carry the right half; only works on dark.

More like this