Introduction
The most consistent component of the Topcon brand is the logo. It should be used on all communications developed and serves as the symbol of recognition for Topcon. To ensure that recognition, it should be used consistently and in accordance with our branding guidelines.
The symbol strongly suggests Opto-mechatronics, with the two ovals representing machine control technology as well as the western and eastern hemispheres. The horizontal line that runs through the middle represents optical technology. Overall, the mark expresses Topcon’s attitude toward global business with its dynamic vitality and drive for new challenges.

Logo variations
.webp)
Wide logo
This is our wide logo using the blue icon with the black text. The strong horizontal flow and use of our corporate colors is the best display for our name and mark.

Tall logo
The tall logo is used to represent the Topcon brand when a small or otherwise uniquely shaped area would make using the primary logo illogical or impractical.
Symbol
There are some cases where neither the primary nor alternate logo work, specifically where the spelling of “Topcon” would be illegible. In these rare cases, the symbol alone can be used. Requires approval from the corporate brand team.
Logo downloads
Download the official Topcon logo assets below, selecting from print or digital versions to ensure optimal display for your specific deliverable.
Scale
For a modern and professional image, the logo should never appear to overpower the material. It should be visible, but tasteful. Also, consider when other marks are to be used in the same piece, the relationship between Topcon and them should be reflective.
You can hover over the logos to view these them at their minimum pixel width.


Wide logo - Minimum width
0.75in / 20mm / 72px


Tall logo - Minimum width
0.6in / 15mm / 58px


Symbol - Minimum width
0.25in / 6mm / 16px
Clear space
A minimum area of white space surrounding the logo, known as the clear space or protected space is utilized to maintain the independence of the logo for optimal legibility and emphasis.

Wide logo - Clear space
The wide logo must have a clear space surrounding the logo that is equal to or greater than half of the height of the logo.
.png)
Tall logo - Clear space
The tall logo must have a clear space surrounding the logo that is equal to or greater than the height of "TOPCON" regardless of the size of logo size.
.png)
Symbol - Clear space
When used alone, the symbol must have a clear space surrounding the symbol that is equal to or greater than half of the height of the symbol.
Logo color
Multi-color (preferred)
Topcon’s primary colors are blue, black, and white. Our primary color, Topcon Blue, expresses a feeling of dependability and is representative of our passion for innovation. It is preferred to show the two-color version of our logo whenever possible.
.png)
Blue symbol, black wordmark
This is our wide logo using the blue icon with the black text. The strong horizontal flow and use of our corporate colors is the best display for our name and mark.

Blue symbol, white wordmark
This is our wide logo using the blue icon with the black text. The strong horizontal flow and use of our corporate colors is the best display for our name and mark.
Single-color
In circumstances where there is not enough contrast to use the two-color version or when printing only allows for one color, the Topcon logo may be used in either all white or all black.
.png)
All black
.png)
All white
Logo placement
Placing logos in common areas, such as the corners of a composition, ensures high visibility and brand recognition. Some templates specify fixed positions for logos to maintain consistency across materials, and adhering to these guidelines is crucial for a cohesive brand presentation.
Wide logo
The wide logo can be placed in any corner of your layout depending on what is best for your use case.
Tall logo
The tall logo should only be used for very narrow layouts such as skyscraper digital display ads. In these cases, it can be placed and centered at the top, middle, or bottom of your layout.
Guidance
These examples illustrate a wide, though not all-inclusive, range of incorrect usage. The same rules apply to the tall version of our logo as well. For video and animations, creative alternatives are possible but require the approval of the Corporate Branding Department.

Don’t use lighting effects or reflections

Don’t add a stroke/outline to the logo

Don’t use colors other than those specified

Don’t emboss the logo

Don’t use the wordmark by itself

Don’t alter any part of the logo

Don’t use an outline only

Don’t use drop shadows

Avoid low contrast backgrounds

Don’t stretch or distort the logo

Don’t invade the isolation area

Don’t use plain text next to the symbol

Don’t reconfigure any part of the logo

Don’t apply a gradient to the logo

Don’t use the logo to mask an image

Don't use the logo as a word in a sentence