Brand

Transflator brand guidelines

Everything you need to write about, link to, or co-market with Transflator — logos, colors, and type. Follow the rules below and the brand will stay recognizable wherever it lands.

If you are working on press, a partner integration, or a podcast cover and something is missing, email [email protected] and we'll send it over.

Logo

The Transflator mark is a rounded orange square containing the letters TSF set in a geometric sans. It's the primary identifier of the product. Pair it with the wordmark set in Inter Semibold when space allows.

On Paper 50

On Ink 950

Transflator

Lockup · warm surface

Clear space

Keep a margin of at least 25% of the mark's height around every edge. Nothing — text, other logos, UI chrome — should enter that frame.

Minimum size

Don't render the mark smaller than 24 px on screen or 8 mm in print. Below that the TSF letters stop being legible.

Don'ts

Don't recolor

The accent orange is the only approved background for the square mark. Do not recolor or swap in gradients.

Don't stretch

Keep the aspect ratio. Never squash, skew, or tilt the mark or wordmark.

Don't add effects

No drop shadows, glows, strokes, bevels, or gradients on top of the logo.

Don't crop the mark

Keep the square mark whole. Cropped fragments are not a logo.

Don't rotate

Always sit upright. 0° only.

Don't replace the wordmark

The wordmark is set in Inter Semibold. Don't re-typeset it in another font.

Color

Our system is anchored by a single warm orange. Ink sets the hierarchy, Paper carries the canvas, and AI gold only appears next to generative features.

Accent — Transflator Orange

Primary call-to-action, links, brand accents. Use 500 for solid fills; use 100–200 for tinted surfaces.

Accent 50

#FFF5EF

Accent 100

#FFE6D6

Accent 200

#FFC9A8

Accent 300

#FFA877

Accent 400

#FF8B4D

Accent 500 · Primary

#FF6A2C

Accent 600

#E8541A

Accent 700

#C03F0E

Accent 800

#8F2E08

Ink — text & structure

950 is the on-canvas heading color. 500 is body text. 200–100 carry borders and dividers.

Ink 950

#0C0E12

Ink 900

#11141A

Ink 800

#1B1F27

Ink 700

#23262C

Ink 500

#3A4150

Ink 400

#5A6172

Ink 300

#8A92A3

Ink 200

#B6BCC8

Ink 100

#D8DCE3

Ink 50

#EEF0F4

Paper — surfaces

Paper 50 is the main canvas. 200/300 layer cards and dividers without leaving the neutral range.

Paper 50 · Canvas

#FFFFFF

Paper 100

#FAFBFC

Paper 200

#F2F4F7

Paper 300

#E5E8EE

AI — the gold family

Reserved for generative AI affordances and credits. Never use for primary CTAs.

AI 300

#FFD09A

AI 400

#FFC176

AI · Primary

#FFB45A

Typography

Two typefaces do all the work across product, web, and marketing. Both are free, open-source, and come from Rasmus Andersson (Inter) and JetBrains.

Inter

Sans-serif · UI & marketing

Inter sets every heading, body copy block, and the Transflator wordmark. Weights in use: 400, 500, 600, 700.

The quick brown fox

Transflator — translate fast.

Regular 400 — body copy and long-form paragraphs read on Paper 50.

Medium 500 — subtle emphasis inside dense blocks.

Semibold 600 — wordmark, nav, buttons.

Bold 700 — reserved for display.

Get Inter ↗

JetBrains Mono

Monospace · code & data

Used for code samples, Salesforce API names, tokens, and technical inline markers. Weights in use: 400, 500.

Aa
0O il1 →  </>
CustomObject__c.Name__c
sf org deploy --target-org prod
transflate.db

Get JetBrains Mono ↗

Scale

A compact display scale with negative tracking at the top end for dense editorial headings.

Name	Size	Line-height	Tracking
h1 / 6xl	3.5rem	1.05	-0.02em
h2 / 5xl	2.75rem	1.10	-0.02em
h3 / 4xl	2.25rem	1.15	-0.015em
body	1rem	1.5	0
code	0.85em	inherit	0

Voice

Transflator is a tool for people who ship. Copy is direct, specific, and confident without being loud.

Say

· "Scan any Salesforce org. Translate with AI. Deploy back."
· "No spreadsheets. No Workbench. No Apex."
· "Native desktop app, built for admins."
· Concrete nouns: org, STF file, credits.

Avoid

· Revolutionary, game-changing, best-in-class.
· Empty superlatives without a number behind them.
· AI hype. Say which engine, say what it did.
· Passive voice when an active sentence fits.

Built by Tucario

Transflator is one of several products made by Tucario. When you need to attribute the publisher, use the full Tucario mark and the phrase "built by Tucario" or "a Tucario product".

On Paper 50

On Ink 950

Download

Grab the assets you need. Everything is SVG or PNG, ready for the web, print, and decks.

Usage

The Transflator and Tucario names, marks, and logos are trademarks of Tucario. You may use them to refer to our products accurately — in press, documentation, integrations, and reviews — as long as the usage follows these guidelines and does not imply a partnership, endorsement, or affiliation that doesn't exist.

For anything not covered above, or for custom lockups and co-branding, email [email protected].