spb/satelliteindex

1import { cn } from '@/lib/cn';23/** SatelliteIndex mark: a planet disc with an inclined orbital ring and a satellite node. Single SVG, currentColor. */4export function LogoMark({ size = 28, className }: { size?: number; className?: string }) {5  return (6    <svg width={size} height={size} viewBox="0 0 32 32" fill="none" aria-hidden className={cn('shrink-0', className)}>7      <circle cx="16" cy="16" r="7.5" fill="currentColor" opacity="0.92" />8      <ellipse cx="16" cy="16" rx="14" ry="5.2" stroke="currentColor" strokeWidth="1.6" transform="rotate(-24 16 16)" opacity="0.85" />9      <circle cx="27.4" cy="9.6" r="2.3" fill="var(--accent)" />10    </svg>11  );12}1314export function Wordmark({ className, compact = false }: { className?: string; compact?: boolean }) {15  return (16    <span className={cn('inline-flex items-center gap-2 font-semibold tracking-tight', className)}>17      <LogoMark size={26} className="text-ink" />18      {!compact && (19        <span className="text-[15px] leading-none">20          Satellite<span className="text-accent">Index</span>21        </span>22      )}23    </span>24  );25}26