Logo, Motto & Colors - Satora Swaps Docs

Motto

Make Bitcoin Move.

This is the Satora tagline. Use it in page titles, social media, and marketing materials.

Logo

Wordmark

The Satora logo is a pure text wordmark: satora followed by a small lime-green dot. No icon is used. The dot scales proportionally with the font size (0.3em).

Logo Variants

Variant	Background	Usage
Black text + lime dot	White / light	Navbar, headers, press
White text + lime dot	Black / dark	Navbar, headers, press

The Green Dot

The green dot is the core element of the Satora brand identity. Used on its own, it serves as the profile picture, favicon, and app icon across all platforms. Whenever a square or circular brand mark is needed, use the dot alone.

Light mode dot

Dark mode dot

Asset	Usage
Green dot alone	Profile pictures, favicons, app icons, social media avatars
Full wordmark	Website headers, documentation, press materials

Never use the lime-green wordmark on a white or light background. The lime-green variant (#c2e821) is only permitted on black or dark backgrounds. On white or light backgrounds, always use the pure black version.

Logo Usage in Code

/* The SatoraLogo component - use this everywhere */
<span className="font-bold text-black dark:text-white select-none">
  satora
  <span
    className="inline-block rounded-full bg-lime-400 align-baseline"
    style={{ width: "0.3em", height: "0.3em", marginLeft: "0.05em" }}
  />
</span>;

The dot is sized at 0.3em relative to the font, so it scales automatically at any size. It sits on the baseline of the text.

Colors

Primary

Lime

#a3c410

Lime Light

#c2e821

Black

#000000

White

#FFFFFF

Gray

#737373

Accent

Bitcoin Orange

#f7931a

Dark BG

#0A0908

Semantic Colors

Success

Lime Light #c2e821

Warning

Bitcoin Orange #f7931a

Error

#ef4444

State	Color	Tailwind	Usage
Success	`#c2e821`	`text-lime-light`	Confirmation messages, “Copied!” feedback, completed states
Warning	`#f7931a`	`text-[#f7931a]`	Caution notices, pending states, important notes
Error	`#ef4444`	`text-red-500`	Error messages, failed states, destructive actions

​Motto

​Logo

​Wordmark

​Logo Variants

​The Green Dot

​Logo Usage in Code

​Colors

​Primary

​Accent

​Semantic Colors

Motto

Logo

Wordmark

Logo Variants

The Green Dot

Logo Usage in Code

Colors

Primary

Accent

Semantic Colors