Iteration X OG card

Summary

A split OG card where a bold black "Iterate together on any website, in real-time." headline sits on the left over a vivid rainbow gradient, while the right half shows a floating website-annotation interface with multiple collaborator cursors. The defining element is the saturated yellow-pink-blue gradient under sharp black type.

Visual description

A diagonal rainbow gradient sweeps from warm yellow at top-left through magenta to blue at bottom-right. Top-left shows the "Iteration X" wordmark in black. Below, an oversized black headline reads "Iterate together on any website, in real-time." on three lines, with a row of three checked feature labels underneath: Editor, Annotations, Collaboration. The right half layers a UI scene: a vertical floating toolbar of icon buttons (cursor, comment, pen, invite), a large yellow circle being selected with a dashed bounding box, named cursor chips (Sarah Veynon, Myriam Am, Alex Harrold), a "Background Color #242014" pill, and a dark "Borders" properties panel with style, color and width controls.

Key takeaway

Pairing heavy black type with a loud multi-stop gradient for maximum contrast and energy. The named live-cursor chips and floating property panels sell "real-time collaboration" without a single sentence of explanation.

Reuse notes

Great for a collaborative design, QA, or annotation tool that wants to feel lively and current. The rainbow gradient is assertive, so keep type pure black and the UI elements crisp. Works because the busy right half is balanced by the clean headline column on the left.