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

Archivo

font-display

Trading automation infrastructure for AI and code.

Semi-condensed (wdth 88), semibold · Headlines only

IBM Plex Sans

font-sans

Write strategies in JavaScript or describe them to an LLM.

Aa Bb Cc · 0123456789 · UI & body copy

IBM Plex Mono

font-mono

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

Code, data & labels

Heading 1font-display · text-5xl · semibold

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).