
Preview image. Unlock full-res
Light OG card splitting a left logo and two-tone headline against a right stack of a code-editor window and a live video-call UI.
Summary
A light OG card that puts the Dyte logo and a two-tone headline on the left and a layered code-editor plus live video-call UI on the right.
Visual description
A very light gray background with a faint grid. Top-left shows the Dyte logo mark and wordmark; below it a three-line headline "Build Powerful Live Experiences in Your Product," with "Live Experiences" highlighted in bright blue and the rest in dark gray. The right side stacks two overlapping mockups: a dark code-editor window titled index.js showing a DyteClient.init() snippet with syntax highlighting, and in front of it a dark-blue video-call panel with two participant tiles (a webcam feed and a "JD" avatar) plus a vertical call-control bar. Small white rounded icon chips (camera, mic, live, screen-share, an emoji) float along the bottom-left.
Key takeaway
Pairing a real code snippet with the running UI it produces tells a developer-tool story in one glance: here is the API, here is the result. Highlighting two words of the headline in the brand blue focuses the value prop.
Reuse notes
Ideal for an SDK or API product where the audience is developers. Works on a light background. Needs both a believable code snippet and a clean product UI. The two-window overlap reads well large; code text is unreadable at thumbnail size but the shapes still signal code plus video call.









