Liveblocks OG card

Liveblocks OG card, dark-mode, minimal, dark

Preview image. Unlock full-res

Black OG card with a left gray headline and a right list of four colorful feature icons with white labels.

Summary

A dark card splitting a three-line gray headline on the left from a vertical list of four gradient feature icons with white labels on the right.

Visual description

A solid black background with a soft white light-beam glow falling from the top-left corner. The left holds a three-line headline, "Ready-made collaborative features," in light gray sans-serif. The right side is a stacked list of four feature rows, each a small colorful gradient icon beside a white label: an orange speech bubble "Comments," a blue/purple "T" "Text Editor," a lime cursor "Presence," and a teal panel "Notifications." The icons are the only saturated color against the monochrome field.

Key takeaway

Listing core features as labeled gradient icons on the right gives a clear at-a-glance capability menu while the left stays a calm headline. The single top-corner light beam adds depth to flat black cheaply.

Reuse notes

Ideal for developer tools or platforms that ship multiple discrete features worth naming. The icon-list pattern scales to four or so rows; works on dark, and each icon should be visually distinct so the labels read fast at small sizes.

More like this