Partner Logo

An invented company logo for social proof and client lists, in gray or white.

Preview

Mirrored is the same English content laid out right to left: it separates a mirroring bug from a translation one.

Add the component
$ npx ritla add partner-logo
Also works with shadcn: npx shadcn@latest add @ritla/partner-logo
Dependencies it brings
@phosphor-icons/react
Or copy by hand
Installing by hand copies the component's source into your project. The source comes with a Ritla UI license, so the CLI is the short way to the same files.

partner-logo.tsx

import { PartnerLogo } from "@/components/ui/partner-logo";<PartnerLogo company="souq-box" />

Prop	Type	Default	Description
`company`	`"souq-box" \| "nakhla" \| "qafila" \| "wadi-labs" \| "bunn-and-co" \| "madar"`	None	Figma's Company.
`tone`	`"color" \| "white"`	`"color"`	Figma's Tone: White on the brand colour or dark surfaces.

The logo is an image named by the company; the icon and wordmark inside it are hidden from screen readers.