Compliance 9 block design & features
Compliance9 opens with a Shadcn UI section framed by three equal metric tiles in a responsive row, each pairing a bold value with a short muted label for encryption strength, audit readiness, or monitoring coverage. Below, a two-column layout places a sticky left stack with an outline badge, large balanced heading, supporting paragraph, and paired primary and outline buttons linking outward. The right column lists four linked framework rows with certification artwork, a secondary status badge, descriptive copy, and a subtle read-more affordance on hover.
Visually the block favors restrained surfaces: hairline borders, muted tile backgrounds, and grayscale-friendly SVG marks that invert cleanly in dark mode. Typography stays enterprise-leaning with semibold stat numerals and compact body text inside each framework card.
The overall feel is methodical and audit-forward rather than logo-wall minimal. Complexity is moderate because you supply real metrics, framework names, status labels, outbound URLs, and certification artwork, but the layout itself is a straightforward grid without tabs or animation.
On smaller screens the metric band stacks first, the intro block follows, and framework cards expand to full width with logos aligned beside copy.