Brand Guidelines

The Sigrex Brandbook

Technical specifications for the interface: UI components, theme variables, and layouts.

Identity

Logo

On background (#181818)

On card (#1f1f1f)

On light (#fafafa)

Palette

Colors

Core

--primary

Primary / Sigrex Lime

Signature brand color. CTAs, highlights, focus rings.

--accent

Accent / Deep Lime

Gradient partner, secondary emphasis.

--background

Background

App canvas. Near-black neutral.

--foreground

Foreground

Primary text on dark surfaces.

Surfaces & Neutrals

--card

Card

--secondary

Secondary

--muted

Muted

--muted-foreground

Muted Foreground

--border

Border

--destructive

Destructive

Brand Gradient

Linear gradient used for .text-gradient and accents.

Type

Typography

Geist Sans

font-sans

Automate your trading with AI, Code or both.

Aa Bb Cc · 0123456789 · Used for all UI & headings

Geist Mono

font-mono

$.Strategy.action($.Action.LONG)

Code, data & strategy snippets

Heading 1text-4xl · bold · tracking-tight

Heading 2text-2xl · semibold

Body — leading-relaxed for readabilitytext-base · leading-relaxed

Muted caption / supporting copytext-sm · muted-foreground

Signature

Effects & Texture

Lime Glow

.glow · 0 0 40px rgba(214,244,0,.2)

Grid Background

.grid-bg · 60px texture

Gradient

Gradient Text

.text-gradient · lime → deep lime

Corner radius scale is built on --radius: 0.5rem (sm / md / lg / xl).