Skip to content
Xplore
Resources

Brand kit.

Dense reference for decks, partner pages, and LLMs. Match the live site — do not invent alternate logotypes.

Resources · Playbooks · hello@xploreintelligence.co.uk

Identity

Xplore (company) · Forge (product) · Agent 007 (public benchmarks). Voice: precise, evidence-led, British spelling. Prefer concrete nouns over hype.

Logo (same as header)

The site header uses the character (U+25C8) in text-brand next to the wordmark font-display “Xplore” — see SiteNav.astro. That is the canonical mark; SVGs below are export helpers for slides and print.

Xplore
<a href="/" class="flex items-center gap-2 ...">
  <span class="text-brand">◈</span>
  <span class="font-display">Xplore</span>
</a>

Colour (tokens.css)

--brand 232 93 12 / 255 138 80 (dark) · CTAs, eyebrows
--positive · success only · --risk · errors
--surface --ink --line · canvas and type · --dv-1…6 · charts

Do not use brand orange for semantic success/failure — keep those on positive/risk.

UI

Buttons: primary, accent, secondary, ghost (Button.astro). Blocks: eyebrow text-brand, card-flat, SectionHeader, MetricTile, CTABand, XRefStrip. Type: text-hero, text-display-*, body Inter + font-display for headings.

Liquid glass

.glass, .glass-nav, .glass-subtle, .glass-chip in global.css — blur + saturate + --glass-* tokens. Use for overlays and nav; use card-flat for dense tables and long forms.

Example .glass panel.

Links

Blog · Cases · Playbooks · Forge · Agent 007 · Leaderboard