About our Marketing & Communications
The Techtrol Marketing & Communications Department is responsible for building and protecting the brand identity, managing the image and video resource library, and operating official communication channels.
For all requests regarding logo usage, images, or communication coordination, please contact the department in advance.
Brand assets
Techtrol's brand identity includes the logo, color palette, and official fonts. Please use the correct versions and specified clear space to ensure brand consistency.
Visual Identity
Techtrol Logo
The logo consists of an icon and the word Techtrol placed side by side as a fixed unit. Do not separate them, change the spacing between the two parts, or recreate it using a different font.

Standard version with a transparent background. Download the original file in the "Image and Video Collection" section at the bottom of this page.
Versions on Different Backgrounds

White background

Light gray background
Which Version to Choose
| Logo background | Version | Reason |
|---|---|---|
| White, light gray | Full-color version | Best contrast |
| One-color printing | Grayscale version | Embossing, laser engraving, fax, newspaper printing |
| Photography | Color-isolated version | Place in dark, solid-colored areas of the image |
Construction and Clear Space
The logo is constructed on a fixed proportional grid. When resizing, maintain the original proportions; do not stretch it in one direction.
Always leave a clear space around the logo at least as high as the letter "T" in the logo. Do not place text, images, borders, or image edges within this space.
For details on permitted and prohibited uses, see the Logo Usage Guidelines below.
Brand color palette
The five colors below constitute the entire Techtrol color palette. All publications must stay within this range; colors outside the palette should only be used for photographs and charts when strictly necessary to differentiate data.
Navy
#001879
rgb(0, 24, 121)
Red
#BE1E2D
rgb(190, 30, 45)
Yellow
#FFAA00
rgb(255, 170, 0)
Blue
#2B57C4
rgb(43, 87, 196)
Sky blue
#5B9EF1
rgb(91, 158, 241)
Usage guidelines
| Color | HEX | RGB | Usage |
|---|---|---|---|
| Navy | #001879 | 0, 24, 121 | Primary color: headlines, large block backgrounds, navigation bars |
| Red | #BE1E2D | 190, 30, 45 | Accent color: primary buttons, promotional prices, headline underlining |
| Yellow | #FFAA00 | 255, 170, 0 | Highlighting text in headlines, "authentic" labels, badges |
| Blue | #2B57C4 | 43, 87, 196 | Links, charts, technical illustrations |
| Sky blue | #5B9EF1 | 91, 158, 241 | Secondary backgrounds, processing status, secondary chart data |
Color combination rules
- A publication should use a maximum of three colors from the palette, with Navy or white always occupying the majority of the area.
- Red is for accents only; do not use it as a background for large blocks.
- Yellow should only be placed on Navy or dark backgrounds; it is nearly unreadable on white backgrounds.
- Do not apply transparency to brand colors when used as text backgrounds.
- Text on Navy, Red, or Blue backgrounds must be white; text on Yellow backgrounds must be Navy.
Contrast and readability
Text sizes 16px and below placed on colored backgrounds must be checked to ensure a minimum contrast ratio of 4.5:1. White text on Yellow does not meet this requirement and should not be used.
SFU Futura
SFU Futura is the sole typeface used for the entire Techtrol identity: website, printed materials, packaging, and internal documents. When a viewer's device does not have this font, the system will fallback to Jost — the typeface with the most similar appearance.
Four weights
Light — Lubricants and additives for motorcycles, cars, and industry.
Regular — Lubricants and additives for motorcycles, cars, and industry.
Bold — Lubricants and additives for motorcycles, cars, and industry.
Heavy — Lubricants and additives for motorcycles, cars, and industry.
Which weight to use
| Weight | Use for | Do not use for |
|---|---|---|
| Light 300 | Image captions, small notes | Long paragraphs, text under 14px |
| Regular 400 | Entire paragraphs, form labels | Headlines |
| Bold 700 | Section headings, product names, buttons | Full paragraphs |
| Heavy | Page titles, large figures | Text under 20px |
Standard font sizes
| Role | Desktop | Mobile |
|---|---|---|
| Page title | 36 / 40 | 24 / 30 |
| Section heading | 24 / 30 | 20 / 28 |
| Subheading | 20 / 28 | 16 / 24 |
| Paragraph | 16 / 24 | 16 / 24 |
| Caption | 14 / 20 | 12 / 16 |
Usage notes
- Do not use faux italics (italicized via software) — SFU Futura does not have an italic version.
- Do not stretch or compress text horizontally.
- All-caps headings are only for short section names, not for long sentences.
- Do not use more than two weights in the same block of content.
Techtrol Logo Usage Guidelines
The logo is our most important identity asset. This page outlines proper usage to ensure brand consistency across all publications, from dealer signage to product packaging and internal documents.
Standard logo version, transparent background. Download the original files in the "Photo and Video Collection" section at the bottom of this page.
Clear space and minimum size
Always maintain a clear space around the logo equal to the height of the letter "T" in the logo. Do not place text, images, or borders within that space.
| Application | Minimum Width | Notes |
|---|---|---|
| Print publications | 25 mm | Business cards, flyers, bottle labels |
| Screen | 96 px | Website, social media |
| Outdoor signage | 300 mm | Measured at a minimum viewing distance of 5 m |
Dos
- Use the full-color version on white or light backgrounds.
- Use the reversed (white) version on Navy, black, or dark photographic backgrounds.
- Use the monochrome version for single-color printing, such as embossing or laser engraving.
- Scale proportionally to the original ratio.
Don'ts
- Stretch, distort, or rotate the logo.
- Change the logo colors to any color outside the brand palette.
- Add borders, drop shadows, gradients, or outlines.
- Place the logo on cluttered photo backgrounds that make the text difficult to read.
- Combine the logo with other text or symbols to create a new mark.
- Redraw the logo using a different font.
Choosing a version based on background
| Background | Version to use |
|---|---|
| White or light gray | Full-color version |
| Navy #001879, black #1F1F1F | Reversed (white) version |
| Blue #027CA1, red #BE1E2D | Reversed (white) version |
| Photography | Reversed version, placed in a dark and uniform area |
| Single-color printing | Monochrome version |
Approval requirements
All materials using the logo for commercial purposes—signage, co-branded packaging, paid advertisements—must be submitted to the Marketing department for approval before printing. Send your request via the contact information at the bottom of the Marketing and Communications page.
A library of photos and videos
Terms of use
These resources are reserved for internal use by the Techtrol staff to support communications across various formats and media channels.
External individuals/organizations wishing to access Techtrol's photo and video library must contact the Marketing & Communications department in advance for authorization.
Do not edit, distort the aspect ratio, or change the color of the logo. Do not use these resources for commercial purposes outside the scope approved in writing by Techtrol.
Contact
support@techtrol.com.vn
Hotline: 0913 969 469

