// MODUS Logo system — 4 variants, all paired with the wordmark.
// Variant 1: Wordmark only (no mark) — the typographic answer.
// Variant 2: Square M monogram — solid, geometric.
// Variant 3: Bracket mark — [M] suggesting code / a slot for input.
// Variant 4: Slash mark — M/ suggesting "M is the operator".
// Tweaks pick which the site shows; nav uses the same variant for consistency.
const Logo = ({ variant = 'mono', size = 28, color, withWord = true }) => {
const stroke = color || 'currentColor';
const px = size;
const Mark = () => {
if (variant === 'wordmark') return null;
if (variant === 'mono') {
// Solid square with M cut into it — "the operator slot"
return (
);
}
if (variant === 'bracket') {
// [M] — Mark in a code-style bracket pair
return (
);
}
if (variant === 'slash') {
// M with a forward slash terminator — operator / parameter feel
return (
);
}
if (variant === 'dot') {
// M with a leading accent dot — calm, signature mark
return (
);
}
if (variant === 'rings') {
// Concentric rings + node + connector — the "operational intelligence" mark
return (
);
}
return null;
};
return (
{withWord && (
{variant === 'wordmark' ? (
<>
MODUS.
) : (
'MODUS'
)}
)}
);
};
window.Logo = Logo;