Brand & styles

Logo & wordmark

Primary logo
Toren logo
Path: /assets/img/Logotransparent.png
Wordmark
Toren wordmark
Path: /assets/img/wordmark.png
PNG/SVG are preferred. For email, we use a clear-background PNG via reveal_email_logo_url().

Colors

Source of truth is in /assets/site.css :root. Click a code to copy.

Purple (primary)
--purple · #6000DA
Orange (accent)
--orange · #FF6B00
Background
--bg · #000000
Panel
--panel · #0a0a0a
Text
--text · #ffffff
Muted text
--muted · #cfcfcf
Danger
--red · #ef4444
Field bg
--field · #0b0914
Field border
--field-border · #FF6B00
Field border (focus)
--field-border-focus · #ffa466
Placeholder
--placeholder · #94a3b8

Fonts

Wordmark: Orbitron (local asset; weights: light/medium/bold/black), Body/UI: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif.
Wordmark sample
TOREN
@font-face{ font-family:'Orbitron'; src:url('/assets/fonts/orbitron-light.woff') format('woff'); font-weight:300; font-style:normal; font-display:swap; }
@font-face{ font-family:'Orbitron'; src:url('/assets/fonts/orbitron-medium.woff') format('woff'); font-weight:500; font-style:normal; font-display:swap; }
@font-face{ font-family:'Orbitron'; src:url('/assets/fonts/orbitron-bold.woff') format('woff'); font-weight:700; font-style:normal; font-display:swap; }
@font-face{ font-family:'Orbitron'; src:url('/assets/fonts/orbitron-black.woff') format('woff'); font-weight:900; font-style:normal; font-display:swap; }
.wordmark{ font-family:'Orbitron', system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; font-weight:900; }
Body/UI sample
The quick brown fox jumps over the lazy dog.
body{
  font-family: system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;
}

CSS variables

:root{
  --bg: #000000;
  --panel: #0a0a0a;
  --text: #ffffff;
  --muted: #cfcfcf;
  --purple: #6000DA;
  --orange: #FF6B00;
  --red: #ef4444;
  --field: #0b0914;
  --field-border: var(--orange);
  --field-border-focus: #ffa466;
  --placeholder: #94a3b8;
}

Use these vars to keep pages on-brand. Buttons and inputs in site.css already reference them.

Back