` | #### TiltLogo Props [#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 [#additional-props] Both logo components accept all standard SVG props (`className`, `onClick`, `aria-label`, etc.) for additional customization.

For package-wide import policy and namespace rules, see [Imports and Namespaces](/get-started/namespaces). ## Mobius Logo [#mobius-logo] The Mobius logo is available in multiple variants and colors to suit different design needs. ### Full Logo [#full-logo] ### Mark (Square) [#mark-square] ### Different Sizes [#different-sizes] *** ## Tilt Logo [#tilt-logo] The Tilt logo features a distinctive geometric design in both full and mark variants. ### Full Logo [#full-logo-1] ### Mark (Square) [#mark-square-1] ### Different Sizes [#different-sizes-1] *** ## Usage [#usage] ### Basic Examples [#basic-examples] ```tsx import { MobiusLogo, TiltLogo } from "@tilt-legal/cubitt-logos"; // Mobius full logo with gradient // Mobius mark (square) with mono color // Tilt full logo // Tilt mark (square) // Suppress the default title for OG/image usage // Decorative usage ``` ### Props [#props] #### MobiusLogo 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 `` | #### TiltLogo Props [#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 [#additional-props] Both logo components accept all standard SVG props (`className`, `onClick`, `aria-label`, etc.) for additional customization.