LiveKit site on a laptop with block icon set

Summary

An angled laptop mockup used to show the identity running as a live website, with a row of three flat geometric icons doing the visual heavy lifting on a black page.

Visual description

The laptop sits at a three quarter angle in near darkness, with only the screen lit and the keyboard falling into shadow. On screen, a black page is divided by thin white hairline rules. A centred line of small monospaced type reads Integrations we have built to demonstrate LiveKit capabilities. Below it, three columns each carry a large flat icon built from thick square bars and right angles, one in light blue, one in soft pink and one in pale green. The icons are abstract and modular rather than pictorial, with the pink one enclosing a broken frame and the green one nesting three L shaped corners. Under each icon sits a short label, Documentation, Case Studies and Blog Posts, a few lines of small monospaced body copy and a Read more link with a chevron. Below another hairline, a coral stepped block shape sits at the left and repeats at the right, framing a large white headline that begins Real time video, audio, and data for developers.

Key takeaway

Blowing icons up to card size and giving each one its own pastel makes a plain three column link row into the page's main graphic event. The stepped coral shapes act as section punctuation without any container or background change.

Reuse notes

Useful for developer tool and infrastructure sites that want personality without illustration or photography. The pastel icon trio only holds up on true black, and the monospaced body copy limits how much text a column can take before it becomes hard work. The stepped shapes need a strict grid module to avoid looking arbitrary.