Complementary by design.
The two shapes represent information that gains meaning when viewed together.
TRUESIGNAL / BRAND RESOURCES
Brand
Guidelines.
A guide to presenting TrueSignal clearly, consistently, and recognizably, from our logo to the way we communicate.
PDF · English Download the Bahasa Indonesia version
CONNECTING INFORMATION.
CREATING CLARITY.
01 CONCEPT & MEANING
Connected pieces.
A complete perspective.
TrueSignal’s identity is built from two complementary geometric shapes. The space between them forms a stepped path, representing connected information, structure, and the journey toward clarity.
Space with meaning.
The stepped negative space invites us to see connections and find direction.
Structured and approachable.
Precise geometry is paired with a modern, approachable wordmark.
02 LOGO SYSTEM
One identity.
The right composition.
Use the horizontal logo as the primary choice. Choose the stacked version for taller spaces, or the symbol when the TrueSignal name is already clear from context.
03 CLEAR SPACE & SIZE
Give it room
to stand out clearly.
Let H be the height of the symbol. Leave at least ¼ H of clear space on every side of the logo. Keep text, images, and layout edges outside this area.
Zero-margin files are cropped to the artwork bounds. Add clear space when placing them in a layout.
¼ H¼ H on every side
| Composition | Digital · width | Print · width |
|---|---|---|
| Horizontal | 120 px | 30 mm |
| Stacked | 96 px | 24 mm |
| Logogram | 24 px | 6 mm |
| Wordmark | 112 px | 28 mm |
Check legibility at the final size. For a 16 px favicon, use the favicon file provided in the logo set.
04 COLOR & TYPOGRAPHY
Precise in structure.
Clear in expression.
Signal Blue
#3157FFRGB 49 · 87 · 255
Ink Navy
#111B32RGB 17 · 27 · 50
Mist
#EEF2FFRGB 238 · 242 · 255
White
#FFFFFFRGB 255 · 255 · 255
Use Signal Blue for accents, Ink Navy for text and dark surfaces, Mist for supporting surfaces, and White for space. Black (#000000) is available for monochrome use. For print, convert and proof colors for the intended production medium.
AaInter
Regular 400 · Medium 500 · Semibold 600
Typography that makes reading easier.
Inter is the supporting typeface for websites, documents, and presentations. Use a clear hierarchy, generous spacing, and readable body text.
W2 is a custom wordmark, not a font name. Use the supplied outlined logo files. Do not retype the wordmark or replace it with Inter.
05 LOGO USAGE
Preserve the form.
Maintain consistency.
Original assets. Original proportions.
- Choose the right version for the background and contrast.
- Scale the logo proportionally.
- Leave enough clear space.
- Use SVG for the sharpest results.
Changes that weaken the identity.
- Stretching, rotating, or skewing the logo.
- Changing the colors or wordmark shapes.
- Adding shadows, outlines, or effects.
- Attaching a tagline to the logo lockup.
3D logos and campaign visuals are supporting illustrations. Use the flat logo assets as the primary identity in documents, navigation, and official materials.
06 BRAND VOICE
Clear in language.
Precise in meaning.
TrueSignal speaks calmly and specifically, with a focus on business needs. Emphasize context and the value that information can bring.
EXAMPLE MESSAGE
“Signals support.
Your team decides.”
Easy to understand.
Use direct sentences and terms that readers know.
Measured in its claims.
Explain how signals support decisions without promising absolute certainty.
Focused on value.
Connect information to customer needs and their business context.
07 DOWNLOADS
Ready to use.
Consistent by design.
Read the guidelines to understand how to use the brand, or download the logo set to start creating TrueSignal materials.
Brand Guidelines
Concept, logos, clear space, colors, typography, brand voice, and application examples.
Download · English Download · Bahasa IndonesiaTrueSignal Logo Set
SVG, PNG, favicons, and app icons. Includes light, dark, transparent, and zero-margin versions.
Download Logo SetFor questions about using the identity or brand collaborations:
Version 1.0 · September 2026