Logos
Official Cubitt-owned and partner logos in React SVG form.
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
Import Cubitt-owned brand logos from /internal and partner logos from /partners.
The package does not expose a root component namespace.
Basic Examples
import { MobiusLogo, TiltLogo } from "@tilt-legal/cubitt-logos/internal";
import { AbcLogo } from "@tilt-legal/cubitt-logos/partners";
// 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 />
// Partner logo
<AbcLogo size="3rem" />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.
Partner Logo Props
Partner logo components accept size, title, decorative, and all standard SVG props.