Visual Identity System

Triotech

A refined single-page identity guide for the Triotech mark, palette, type, lockups, clear space, misuse rules and production asset checklist.

triotech

01

The mark

One mark across all surfaces: three rounded pieces, a radiating Y-gap, orange / purple / blue.

Master · cream Primary brand mark
On white Default surface
On ink Dark surfaces

02

Palette

Three trinity colors and two neutrals. Do not introduce a fourth hue.

Orange
Top piece · primary accent
#F37A48
Purple
Bottom-right piece
#4B3578
Blue
Bottom-left piece
#3B5BDB
Cream
Primary background
#F4EFE3
Ink
Dark surfaces and text
#1A1320

03

Type

Geometric sans, tight tracking. Confident, not loud.

Display · 72 / 700 / -4%
triotech
Headline · 36 / 600 / -3%
Three products, one shape.
Body · 16 / 400 / -1%

The trinity is the brand. Each piece holds its own color, its own weight, and its own corner of the triangle — together they make a single, unmistakable mark.

04

Lockups

Horizontal is primary. Stacked lockup is reserved for square frames.

triotech
HorizontalPrimary lockup
triotech
StackedSquare frames

05

Clear space & minimum size

Use the radius of one piece (x) as minimum margin on every side.

x
Clear spacex = corner radius
Minimum sizePrint 64 · Digital 24 · Favicon 16

06

Don'ts

The mark only exists in one configuration.

×

Don't recolor the pieces.

×

Don't rotate to arbitrary angles.

×

Don't stretch or squash.

07

Assets checklist

The original local asset folder was not included, so this publishable page embeds a reconstructed SVG mark.

Recommended deliverables

  • triotech-logo.svg — source vector, transparent background.
  • triotech-logo-512.png — 512 × 512 PNG for apps and decks.
  • triotech-wordmark-horizontal.svg — primary lockup.
  • triotech-wordmark-stacked.svg — square lockup.

Until those exported files are available, use the inline SVG mark shown on this page as the visual reference.