Skip to content
TMX Ecosystem · Brand Kit
● Brand Kit · v2.4.1 · 2026-07-17

# Reproduce TMX Ecosystem exactly as it is.

Reproduce TMX Ecosystem, the TMX umbrella site at tmx.info: mark, colour, type, co-brand lockup. This is the design spec, not permission to run a placement. Every value matches the live site.

Download everything (zip) Essential marks · 4 files

The rule that matters most

In a paid placement, lead with the mark and tmx.info. The name only appears anchored to them, never alone.

● 01 · How to use this kit

## Reproduction, not approval.

Sections marked Hard rule are non-negotiable; everything else is the spec to match. Permission and the full terms live in the usage & trademark policy.

Questions, or a layout to sign off? team@tmx.info.

02● Which TMX is this

## Three brands, one house.

Three products, one house. Each owns one accent inside its own surfaces. This kit is TMX Ecosystem; for Predixa or TMX DEX, use that product's kit.

TMX Ecosystem tmx.info You are here Terracotta · #D67341 dark / #A54D1F light
Predixa predixa.xyz Gold by night, emerald by day
TMX DEX tribe-dex.com Cyan + jewel tones

On first mention, always pair "TMX" with a product name or the tmx.info domain. The accent rule is §05.

03● Logo & wordmark

## The shield mark.

A terracotta shield. Same mark on both themes; only the field behind it changes.

### The four assets

Flat · the primary mark
↓ SVG
3D · premium centerpieces
↓ PNG
Mono · one colour
↓ SVG ↓ Dark ↓ Light
Emblem · globe centerpiece
↓ Dark ↓ Light

The flat vector is the primary mark: ship it unless the placement is large enough for the 3D render to read. The 3D render is one asset for both themes. The mono mark and the globe emblem each ship a per-theme pair.

Asset | Use it when
--- | ---
Flat shield | Default. Navbars, ad centerpieces, print, small sizes.
3D shield | Premium centerpieces, large placements only. One asset for both themes.
Mono shield | One colour: stencil, cutout, watermark, emboss. Reversed (white) on ink, silhouette (black) on paper.
Globe emblem | Premium centerpieces. Dark globe on ink, light globe on paper.
Favicon | Browser tabs and small square slots: `favicon.svg` plus 16/32px PNGs. An iOS 26 "Liquid Glass" icon renders from this SVG via Apple's Icon Composer.

#### Do

- Place the full-colour mark on ink (`#0A0A0C`) or warm paper (`#F6F2E8`).
- Scale it uniformly and keep it crisp.

#### Don't

- Recolour, add a stroke, gradient-fill, or drop-shadow the mark.
- Place it on a busy photo with no calm anchor area behind it.

04● Clear-space & size

## Give it air.

Clear space on every side equals the height of the shield's short side. Nothing enters that zone: copy, another logo, a frame edge. The dashed box is the minimum; more is fine.

Hard ruleMinimum size.

20px tall on screen, 8mm in print. Below that, use the favicon build (`favicon.svg`, `favicon-16/32.png`) rather than scaling the mark down.

05● Colour

## One accent, two settings.

One accent: terracotta, in both themes. Dark uses a brighter value, light a deeper one.

⧉ Every value copies with one click: hex, RGB, the foil string, and each of its stops.

Accents
TerracottaOn dark
#D67341
The accent. Pills, live dot, the one foil numeral, the italic clause, and small accent text. 6:1 on ink (AA).
TerracottaOn light
#A54D1F
The same roles, on paper. 5.1:1 (AA).
Foil gradients · the italic clause
FoilOn dark
linear-gradient(135deg,#FEE5A2,#D67341,#AF592D)
The italic-clause fill on ink. One clause per fold; never body copy or buttons.
FoilOn light
linear-gradient(135deg,#EBB371,#B6562F,#A44A24)
The same device on paper.
Base neutrals (shared, both themes)
Ink field
#0A0A0C
Dark background. Never pure #000.
Paper ink
#F2F2F2
Type on dark. Never pure #FFF.
Warm paper
#F6F2E8
Light background. Never pure #FFF.
Warm ink
#16140F
Type on paper. Never pure #000.
Hard ruleTerracotta is the only accent.

Terracotta is the only accent, on both fields. No neon, gold, cyan, jewel-tone or glow on an umbrella surface. No stacked colours, no rainbow data-viz. The foil gradient is for the single italic clause and the one display numeral only; never body copy or buttons.

Reproduce whichever field your placement sits in; campaigns lead in light (§08).

06● Typography

## Three families, one voice.

Inter: everything. Fraunces italic: the emphasis clause, once per fold, in the accent. JetBrains Mono: labels.

Inter · Display · 700clamp(40–84px) · −0.04em
The calm at the centre.
Fraunces · italic 500 · opsz 14 · accent foilone clause per fold
at the centre.
JetBrains Mono · 50011px floor · 0.22em · uppercase
● TMX Ecosystem · 02 / 08 · In development, Q3 2026
Type rules

- Single italic per fold. Italic body copy is forbidden.
- 11px floor for any readable label; never below the faint alpha (0.64 dark / 0.66 light).
- Fraunces is Medium Italic at weight 500, optical size 14. No static Medium exists upstream, so both are cut from the variable font. Optical sizes 72 and 144 are finer display cuts for print and campaign work, in the zip below.
- Install from the fonts zip below, or Google Fonts. Never substitute a lookalike.

Install the fonts

All three families as installable variable TTFs.

Install the fonts (zip)

07● Co-brand lockups

## Two marks, equal weight.

Build the lockup horizontally: two marks at equal optical weight, a thin neutral-gray divider between, clear space on both sides equal to the mark's clear-space unit. The lead brand decides the order.

Partner logo

Neither mark sits below its own minimum size (§04).

Hard ruleNever generate the lockup with AI.

Compose lockups by hand from the supplied vector marks. Don't recolour either logo, don't mix a stacked mark with a horizontal one, and don't let an image generator redraw the mark; it gets the proportions and clear-space wrong.

08● Ad laws · design slice

## The mark leads.

Hard ruleIn an ad, the name never travels alone.

Lead with the mark + tmx.info. In an ad the name appears only when anchored to both, never alone. A bare name is what an impersonator runs; the mark plus the real domain is how a viewer tells the genuine article apart. Inside owned surfaces (your site, docs, this kit) the name is used normally.

### The rest of the ad spec

- Lead in light. Campaigns default to warm paper, terracotta leading on both fields, one accent per frame; reach for the dark frame only when the placement itself is dark.
- The CTA is a terracotta `tmx.info` pill. The real domain, spelled out.
- Don't invent figures and don't name a competitor. Any number must be true, current, and sourced from the live product; if it can't be sourced, cut it.

● 09 · Do / Don't gallery

## The rules, shown.

Don't
TMX Ecosystem
Don't run the name alone in an ad. Without the mark and tmx.info, it reads like anyone's.
Do
tmx.info ↗
Do let the mark and the domain carry the name.
Don't
Don't borrow Predixa's gold on an Ecosystem surface.
Do
Do lead with terracotta in light too.
Don't
A whole sentence set in the foil gradient, which pulls every word into emphasis.
Don't foil body copy; emphasis stops meaning anything.
Do
The calm at the centre.
Do foil the one emphasis clause per fold.
● 10 · Assets

## The source files.

The pack lives in `assets/ecosystem/`. These are the canonical exports; don't redraw or re-trace them. If a value here disagrees with the live brand source, the source wins.

Download the pack (zip)

File | Mark | Use
--- | --- | ---
`logo/ecosystem-logo.svg` | Colour shield, vector master | Default mark. The editable source.
`logo/ecosystem-logo-mono.svg` | Mono-black shield, vector | One-colour: stencil, cutout, watermark, emboss.
`logo/ecosystem-logo-256/512/1024.png` | Colour shield, raster | Where SVG isn't accepted.
`logo/ecosystem-logo-3d.png` (+512/1024) | 3D shield render | Premium centerpiece.
`globe/ecosystem-globe-dark.png` (+512/1024) | Globe emblem, dark | Premium centerpiece, ink.
`globe/ecosystem-globe-light.png` (+512/1024) | Globe emblem, light | Premium centerpiece, paper.
`logo/ecosystem-logo-white.png` / `logo/ecosystem-logo-black.png` | Reversed / silhouette | White on dark; black stencil.
`favicon/` (svg, 16/32px, apple-touch) | Favicons | Browser tab, home screen.
`fonts/` (Inter, Fraunces, JetBrains Mono) | Webfonts | Bundled latin woff2; `install/` adds desktop variable TTFs.
`tokens.css` | Machine-readable tokens | CSS custom properties: colours per theme, foil, type, radius.
`TMX-ecosystem-assets.zip` | The whole pack | Every file above.
`TMX-ecosystem-essentials.zip` | Essential marks | Four marks: flat vector, 3D render, both globe masters.
`TMX-ecosystem-fonts.zip` | Installable fonts | Three families as desktop variable TTFs, with licenses and install notes.

### Naming & manifest

The shield is `logo/ecosystem-logo[-variant]` and the emblem is `globe/ecosystem-globe-{dark,light}`; `-mono` is the one-colour vector, `-white` / `-black` are the reversed and silhouette rasters, and numeric suffixes are pixel sizes. A `manifest.md` at the pack root lists every file and its use.

TMX Ecosystem · Brand Kit · v2.4.1 · reproduction-only · 2026-07-17 · team@tmx.info