Patterns

BrandCard

Reusable colophon — credits card with glyph, eyebrow, display tagline (with optional accent highlight), description, signature, and link pill. Compact variant for sidebar/account-menu foot.

installnpx shadcn@latest add https://br-design-system2.vercel.app/r/br-brand-card.json

Preview

BRBR Atelier · Ed. 01

Created with passion.

A small atelier for product systems, dashboards and the workflows beneath them.

BRRychlicki Holding · 2026

Business systems with craft.

Components, dashboards and quiet workflows for product teams.

import { BrandCard } from "@/components/br/brand-card";

<BrandCard
  tagline="Created with passion."
  taglineHighlight="passion"          // highlights this word in accent
  description="A small atelier for product systems."
/>

<BrandCard compact />                  // sidebar-foot, single line

Props

Prop	Type	Default	Description
glyph	string	"BR"	Small 28px badge text.
eyebrow	ReactNode	"BR Atelier · Ed. 01"	Top meta line.
tagline	ReactNode	—	Display headline.
taglineHighlight	string	—	Word inside tagline to highlight in accent.
description	ReactNode	—	Body copy.
signature / signatureMeta	ReactNode	—	Name and meta line at the foot.
link	{ label, href }	—	Pill link in the foot.
compact	boolean	—	Single-line variant for sidebar foot.