Company Logo
A container for company/brand marks. Renders a real logo image with an initials fallback. Comes in 5 sizes, two shapes (square & rectangle), and 4 radius options.
Real logos
Pass a src URL — the component will render the image and automatically fall back to initials if it fails to load.
Initials fallback
Omit src (or let it 404) and the component renders a coloured initials tile using the color prop.
Sizes
Five sizes: xs · sm · md · lg · xl.
Shapes
square (equal sides) or rectangle (landscape, 2× wider than tall) — both use the same height from the size scale.
Radius
Four options: none · sm · md (default) · lg.
Rectangle sizes
All 5 sizes in rectangle shape — useful for horizontal brand lockups.
In context — job board card
Typical usage paired with company name and title text.
Stripe
Senior Designer
GitHub
Senior Designer
Figma
Senior Designer
Notion
Senior Designer