Brand

The official boodoo brand assets: the logo lockup, the abstract icon, color tokens, and usage guidelines. All assets live in boodoo-brand-assets/ and are also mirrored in this documentation site.

Logo lockup

Use the full lockup for websites, documentation, presentations, and marketing. It combines the abstract icon, the "boodoo" wordmark, and the "DESIGN FRAMEWORK" tagline.

boodoo-logo.svg · boodoo-logo-primary.png (white) · boodoo-logo-primary-transparent.png · boodoo-logo-primary-dark.png

Icon

The abstract "b" icon works alone for favicons, app icons, package avatars, GitHub avatars, and compact navigation. It's available as SVG and PNG from 16px to 512px.

Brand colors

Primary Violet #7C3AED

Secondary Indigo #5B21E6

Deep Indigo #17135F

Ink #11143D

Muted Text #5C6280

White #FFFFFF

These tokens map to the framework's theme: --boodoo-primary: #7c3aed, --boodoo-secondary: #5b21e6, --boodoo-dark: #17135f, and the grays are derived from #11143d/#5c6280.

boodoo-banner.png (1600×400) · boodoo-og-image.png (1200×630, used for Open Graph / social previews)

Usage guidelines

Use the full lockup for websites, documentation, presentations, and marketing.
Use the icon alone for favicon, app icon, npm/package avatar, GitHub avatar, and compact navigation.
Keep clear space around the logo at least equal to the height of the icon's inner opening.
Do not stretch, skew, rotate, recolor, or add effects to the logo.
Typography: use a modern geometric sans-serif — Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif (which boodoo uses by default).

All assets

File	Description
`boodoo-logo.svg` / `boodoo-logo-primary*.png`	Logo lockup (vector / white / transparent / dark)
`boodoo-icon.svg` / `boodoo-icon*.png`	Icon-only mark (SVG + 16–512px PNG, dark & transparent variants)
`boodoo-banner.png`	1600×400 brand banner
`boodoo-og-image.png`	1200×630 Open Graph / social preview