Larger brand mark with an icon tile, bold wordmark, and a small tagline underneath.
Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.
import { Logo2 } from "@/components/beste/piece/logo2";
<Logo2
name="Notion"
tagline="The connected workspace"
image="https://oud.pics/sm/l/notion.png"
alt="Notion"
tone="ocean"
/>
StripeSquare icon tile paired with a bold wordmark. Pick from four icons and three tones.
Single brand tile beside a stack that prints the uppercase brand name, a big mono metric, and a supporting line.
+424Overlapping circle-cropped brand logos with a +N overflow chip and a two-line social-proof copy.
StripeNotionTwo brand tiles framing an italic separator like vs, with a neutral caption underneath for context.
Titled 3-by-2 grid of bordered tiles, each centered on a customer or partner logo for social proof.
Slow-scrolling horizontal logo strip with edge fades that loops forever, set via a duration prop.
