Brand & press kit

Represent Troniction the right way

Writing about us, partnering, or building something on the brand? Here's the logo, the palette, the type, and the rules — plus everything to download.

Download brand kit (.zip)Build it. Understand it.

Logo

The via-hole T

A bold T whose stem drops into a circuit via — the letter and a hardware connection in one. Single-colour: it never depends on a second colour.

Troniction glyphGlyph · on dark
Troniction chip markChip mark · app icon
Troniction mark on lightOn light · use teal-700

Keep at least the height of the via foot as clear space around the mark. On light backgrounds, set the glyph in teal-700 (#0F766E) for legible contrast.

Colour

Circuit palette

Cool-dark surface, one dominant teal accent. Coral is a rare, optional spark — not part of the logo.

accent

#14B8A6

Brand teal — the one accent

accent-ink

#0F766E

Teal-700 — accent on white (AA)

spark

#FB7185

Coral — rare, optional highlight

ink

#0B0F14

Near-black background

surface

#11161D

Raised panels / cards

paper

#F8FAFC

Light background / merch

Type

Typography

Build it.

Space Grotesk

Display — headings & wordmark

Learn real electronics by building.

Inter

Body & UI text

/// UNDERSTAND IT

JetBrains Mono

Labels, pills & meta

Usage

Using the mark

Do

  • Use the supplied SVGs — they stay crisp at every size.
  • Keep the mark teal (teal-700 on light backgrounds).
  • Give it clear space; let it breathe.
  • Use the transparent glyph on photos, the chip mark in squares.

Don't

  • Don't recolour the T or fill in the via hole on the glyph.
  • Don't stretch, rotate, or add effects beyond the built-in glow.
  • Don't place the dark chip tile on a busy photo.
  • Don't recolour a single letter of the wordmark.

Downloads

Individual assets