maxpower-logo
v0.1.0
Published
Official logo package for Maxpower — the fat MAX wordmark, M monogram, React component, and pre-rendered icons.
Maintainers
Readme
maxpower-logo
Official Maxpower brand marks in every format and size — the fat MAX
wordmark, the M monogram, a React component, and pre-rendered PNG,
multi-resolution ICO, favicons, and app / dock / tray / social icons.
Installable via maxpower-logo, browsable in dist/.
Install
pnpm add maxpower-logoUse — React
import { MaxpowerLogo } from 'maxpower-logo/react';
<MaxpowerLogo size={64} /> {/* red M monogram */}
<MaxpowerLogo form="wordmark" variant="white" /> {/* white MAX wordmark */}
<MaxpowerLogo form="lockup" variant="mono" /> {/* ink monogram + MAX */}Use — SVG strings
import { getMarkColor, getWordmarkWhite, getLockupMono } from 'maxpower-logo';
element.innerHTML = getWordmarkWhite();Forms & variants
| Form | What |
| ---------- | -------------------------------------- |
| mark | square M monogram (icon, favicon) |
| wordmark | the fat MAX logotype |
| lockup | monogram + wordmark, side by side |
Variants: color (racing red #E10600), mono (ink), white.
Pre-rendered assets (dist/)
logo.svg·logo-white.svg·logo-mono.svg— the monogramwordmark.svg·wordmark-white.svg·wordmark-mono.svg— the MAX logotypefavicon.ico+favicon/— multi-resolution faviconsicons/,apple/,dock/,menubar/,og/,slack/— every app, dock, tray, social, and store sizehero.svg— the banner above
License
MIT © Maxpower
