Components / Brand Logo

Brand Logo

The Layers L-mark inside its dark squircle box: the app rail home link, the FullscreenModal header, any surface that signs itself as Layers.

import { BrandLogo } from '@layers/ui/brand-logo'

Rendered stock

House rules

• The logo always sits inside its bounded squircle box; never render the bare L-mark.
• The squircle curvature is authored at roughly 2x the circular radius with the half-value @supports fallback baked in; never inline-style the radius.
• className merges last, so callers may override the default bg-foreground/text-background colors (the rail uses a muted treatment); the box stays size-8.
• No other props; if a surface wants a different logo lockup, that is a brand question, not a component prop.