Logo
Brand logo: the full wordmark or the mark alone, in fixed brand colors.
Master
Toggle type to preview every Logo combination.
Usage
Use the default wordmark in app headers and sign-in screens. Use the symbol alone where space is tight, like a collapsed sidebar. Brand colors are fixed and never follow the theme tokens. In dark theme the wordmark text switches to the white reverse; the mark never changes. See contracts/logo.json for the full contract.
Do's
- App header, sign-in and other brand moments.
- Collapsed navigation or tight spaces, using the symbol.
Don'ts
- Do not recolor, retint or tokenize the logo. Brand colors are fixed.
- Do not redraw it, use an image of it, or paste the SVG into a screen. Use this component.
- Do not stretch or resize it with custom px.
- Do not use the symbol where the full wordmark fits and reads better.
<Logo type="default" />