Logos
Official logos for Mobius and Tilt brands in various formats and colors.
For package-wide import policy and namespace rules, see Imports and Namespaces. Browse every exported logo in the live logo gallery.
Mobius Logo
The Mobius logo is available in multiple variants and colors to suit different design needs.
Full Logo
Mark (Square)
Different Sizes
Tilt Logo
The Tilt logo features a distinctive geometric design in both full and mark variants.
Full Logo
Mark (Square)
Different Sizes
Usage
Basic Examples
import { MobiusLogo, TiltLogo } from "@tilt-legal/cubitt-logos";
// Mobius full logo with gradient
<MobiusLogo variant="full" color="gradient" size="4rem" />
// Mobius mark (square) with mono color
<MobiusLogo variant="mark" color="mono" size="3rem" />
// Tilt full logo
<TiltLogo variant="full" size="6rem" />
// Tilt mark (square)
<TiltLogo variant="mark" size="3rem" />
// Suppress the default title for OG/image usage
<TiltLogo variant="mark" size="3rem" title={null} />
// Decorative usage
<MobiusLogo variant="mark" color="gradient" size="3rem" decorative />Props
MobiusLogo Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "full" | "mark" | "full" | Logo variant - full includes text, mark is icon only |
color | "mono" | "gradient" | "mono" | Color scheme for the logo |
size | string | "3rem" | Height of the logo (width scales proportionally for full variant) |
title | string | null | default | Accessible title text. Omit to keep the built-in label |
decorative | boolean | false | Hides the logo from assistive technology and suppresses <title> |
TiltLogo Props
| Prop | Type | Default | Description |
|---|---|---|---|
variant | "full" | "mark" | "full" | Logo variant - full includes text, mark is icon only |
size | string | "3rem" | Height of the logo (width scales proportionally for full variant) |
title | string | null | default | Accessible title text. Omit to keep the built-in label |
decorative | boolean | false | Hides the logo from assistive technology and suppresses <title> |
Additional Props
Both logo components accept all standard SVG props (className, onClick, aria-label, etc.) for additional customization.