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.
In a paid placement, lead with the mark and tmx.info. The name only appears anchored to them, never alone.
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.
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.
On first mention, always pair "TMX" with a product name or the tmx.info domain. The accent rule is §05.
The shield mark.
A terracotta shield. Same mark on both themes; only the field behind it changes.
The four assets
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.
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.
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.
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.
The swatch is the static still: two stops, lightest to darkest. On-site the emphasis clause animates, a symmetric five-stop sweep, crest → mid → deep → mid → crest (linear-gradient(135deg,#FEE5A2,#D67341,#AF592D,#D67341,#FEE5A2) on ink, the paper values likewise) at background-size:215%. Reproduce the two-stop still for artwork; use the five-stop only to animate.
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).
Three families, one voice.
Inter: everything. Fraunces italic: the emphasis clause, once per fold, in the accent. JetBrains Mono: labels.
- 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.
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.
Neither mark sits below its own minimum size (§04).
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.
The mark leads.
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.infopill. 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.
The rules, shown.
tmx.info ↗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.
| 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.5.0 · reproduction-only · 2026-07-21 · team@tmx.info