Stats 11 block design & features
Stats11 is a stats block with decorative background effects. The layout contains a heading with a primary-tinted subtitle, followed by four stat items arranged in a two-column grid. Each stat displays a large semibold number preceded by a vertical primary-colored line accent, with a muted label below. Behind the stats sits a very large circular element with a primary border that extends offscreen to create a curved backdrop.
The section background uses a top-to-bottom primary-tinted gradient overlaid with a vertical line pattern rendered using a repeating linear gradient and masked to partial opacity. The large circle is positioned absolutely with responsive sizing across breakpoints. Stat numbers use a left-aligned vertical bar as a visual accent. The heading combines semibold text with a lighter primary-tinted second sentence.
The aesthetic is modern and technical with the geometric circle and line grid evoking a data or healthcare dashboard feel. The interplay of the gradient, grid lines, and oversized circle creates visual depth despite having no images. Moderate complexity due to the multiple layered decorative CSS effects and responsive circle positioning.
On mobile the stats grid adjusts from two columns to a single column and the decorative circle repositions with altered sizing to maintain the visual effect at smaller viewports.