spb/market-atlas

1import { cx } from "@/lib/format";23/** Atlas mark: a globe grid on a solid plate with a bright "now" node. */4export function LogoMark({ size = 24, className }: { size?: number; className?: string }) {5  return (6    <svg width={size} height={size} viewBox="0 0 32 32" aria-hidden="true" className={cx("shrink-0", className)}>7      <rect x="1" y="1" width="30" height="30" rx="7" fill="var(--brand-plate)" />8      <g stroke="var(--brand-ink)" strokeWidth="1.2" fill="none" opacity="0.85">9        <circle cx="16" cy="16" r="9.5" />10        <ellipse cx="16" cy="16" rx="4.2" ry="9.5" />11        <line x1="6.5" y1="16" x2="25.5" y2="16" />12        <path d="M8.2 11.2 Q16 13.6 23.8 11.2" />13        <path d="M8.2 20.8 Q16 18.4 23.8 20.8" />14      </g>15      <circle cx="20.5" cy="12.6" r="2.2" fill="var(--accent)" />16    </svg>17  );18}1920export function Wordmark({ className }: { className?: string }) {21  return (22    <span className={cx("inline-flex items-center gap-2 font-semibold tracking-tight", className)}>23      <LogoMark />24      <span>25        Market <span className="text-ink-2 font-medium">Atlas</span>26      </span>27    </span>28  );29}30