Card

Surface for testimonials, benefits, and FAQ rows.

Default card

Trusted by industry leaders

“A real-time self-assessment system for vendors is more than vital.”

Interactive glow

Shield

Predict your next threat

Mitigate risks before they become incidents.

Variants

Prop / class	Behavior
default / .scorton-card	Border + translucent navy
benefit / .scorton-card--benefit	Centered, larger padding
interactive / .scorton-card--interactive	Hover lift + yellow glow

React

import { Card, CardTitle, CardDescription } from "@scorton/ui";

<Card variant="benefit" interactive>
  <CardTitle>Evaluate your confidentiality</CardTitle>
  <CardDescription>Protect sensitive data before it is too late.</CardDescription>
</Card>