Integration 7 block design & features
Integration7 is a two-column card wrapped in a rounded border. The left column contains a short heading and description paragraph. The right column displays two horizontal rows of pill-shaped badges, each showing a circular logo and a label. Some pill positions are replaced by solid gradient capsules that act as decorative placeholders. The second row is offset with left margin for a staggered appearance.
Pill badges use a muted background with a white circular icon container and small medium-weight text. Gradient placeholder pills use yellow-to-light-yellow and green-to-light-green fills. The outer card has a rounded-3xl border with a muted stroke. Text uses tight tracking with relaxed line height. No shadows or hover effects are applied.
The staggered pill rows and gradient accents give the block a modern, casual feel that leans toward product marketing. The color gradients introduce warmth against the otherwise neutral palette. Moderate complexity from the offset row layout and mixed pill types.
On mobile, the card switches to a single column with the pill rows appearing above the text content in reversed order.