Branding & Identity

Brand overview

SANDCODE has a distinct visual identity. The theme is desert-inspired — amber, gold, and teal against dark backgrounds.

Primary color

Amber/Gold: #F5A623 / rgb(245,166,35)

Used for the primary brand color, interactive highlights, and the SANDCODE logo.

Logo

The SANDCODE logo spells “SAND” in box-drawing characters:

╔═╗ ╔═╗ ╔╗╔ ╔╦╗
╚═╗ ╠═╣ ║║║  ║║
╚═╝ ╩ ╩ ╝╚╝ ═╩╝

Defined in src/components/LogoV2/Clawd.tsx. Renders in amber (claude color key) in the terminal.

Icon

Teardrop asterisk / diamond: ◈

Defined in src/constants/figures.ts as TEARDROP_ASTERISK. Used as SANDCODE’s distinctive symbol throughout the UI — in the spinner, turn indicators, and branding.

Figures and symbols

Key figures from src/constants/figures.ts:

Symbol	Unicode	Usage
◈	U+25C8	Primary icon, SANDCODE identity
↯	U+21AF	Fast mode indicator
○◐●◉	Various	Effort level indicators
◇◆	U+25C7/C6	Review status
▶⏸	Various	Media controls

Turn completion verbs

When a turn completes, SANDCODE shows one of these building-themed verbs:

Forged, Built, Crafted, Sculpted, Engineered, Assembled, Shaped, Constructed

Defined in src/constants/turnCompletionVerbs.ts.

Product URL

https://sandcode.sh — defined in src/constants/product.ts.

Distro defaults

All branding constants are centralized in src/distro/defaults.ts:

branding: {
  primaryColor: '#F5A623',
  bannerStyle: 'sandcode',
}