Brand
Trademarks
Brand
Trademarks
Primary mark
How to use
For almost all applications, we use the main mark: a black or white logo placed over a solid background or on brand imagery. The logo should maintain a minimum margin equal to the width of the icon from all edges. Do not use a version that's stacked. One consistent logo is enough and supports stronger brand recognition.
Secondary mark
How to use
Secondary marks may be used only when the primary mark is too large for a given application. These instances are rare. Their primary role is to act as an icon in its own right, clean and centered on a page or used as a mask. The only regular exception is in social icons, where the secondary mark is acceptable.
Partnerships
Layouted
The two logos sit in opposite corners, equal in weight. Neither leads, because a partnership is two organisations doing real work together. Behind them sits a real moment of care: a consultation in progress, Tandem working quietly in the background where it belongs. The clinician and patient hold the frame. They are the subject, never the software.
Logo mashup
Keep enough space between logos, using the Tandem icon as a guide. The partner logo should usually not exceed Tandem’s height so it does not overshadow ours. Adjustments are fine if needed for balance. In the Recoletas example we matched the wordmark height and let their logo mark extend slightly above Tandem’s for a better visual fit.
Logos in the physical world
Print is not a separate identity. The logo behaves the same on paper as it does on screen. Same clear space, same colour rules, same restraint. For wayfinding, we use Die Grotesk. Clarity matters more than brand presence when someone needs to find their way.
Vector logos
![](data:image/svg+xml,<svg display="block" id="2391844292" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path d="M 6 0 L 6 12 M 12 6 L 6 12 L 0 6" fill="transparent" height="12px" id="D36MH8TKq" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" transform="translate(4 4)" width="12px"/></svg>)
Access is open to all Tandem employees by default; for external access, email brand@tandemhealth.ai.
Primary mark
How to use
For almost all applications, we use the main mark: a black or white logo placed over a solid background or on brand imagery. The logo should maintain a minimum margin equal to the width of the icon from all edges. Do not use a version that's stacked. One consistent logo is enough and supports stronger brand recognition.
![](data:image/svg+xml,<svg display="block" role="presentation" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g d="M 5.616 7.677 C 6.226 8.493 7.16 9.003 8.176 9.076 C 9.192 9.149 10.189 8.777 10.909 8.056 L 13.015 5.95 C 14.345 4.572 14.326 2.382 12.972 1.028 C 11.618 -0.326 9.429 -0.345 8.052 0.986 L 6.844 2.186 M 8.384 6.323 C 7.774 5.507 6.84 4.997 5.824 4.924 C 4.808 4.851 3.811 5.223 3.091 5.944 L 0.985 8.05 C -0.345 9.428 -0.326 11.617 1.028 12.972 C 2.382 14.326 4.571 14.345 5.948 13.014 L 7.149 11.814" fill="transparent" height="13.999999676193287px" id="RLpajj8nV" transform="translate(3 3)" width="13.999999693960666px"><path d="M 0 7.677 C 0.61 8.493 1.544 9.003 2.56 9.076 C 3.576 9.149 4.573 8.777 5.293 8.056 L 7.399 5.95 C 8.729 4.572 8.71 2.382 7.356 1.028 C 6.002 -0.326 3.813 -0.345 2.436 0.986 L 1.228 2.186" fill="transparent" height="9.084931049789459px" id="V2FGrO58o" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" transform="translate(5.616 0)" width="8.384152106375218px"/><path d="M 8.384 1.408 C 7.774 0.592 6.84 0.082 5.824 0.009 C 4.808 -0.064 3.811 0.308 3.091 1.029 L 0.985 3.135 C -0.345 4.513 -0.326 6.702 1.028 8.057 C 2.382 9.411 4.571 9.43 5.948 8.099 L 7.149 6.899" fill="transparent" height="9.08493104978948px" id="gbgD57Ytr" stroke-dasharray="" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" stroke="rgb(0, 0, 0)" transform="translate(0 4.915)" width="8.384152106375495px"/></g></svg>)
Secondary mark
How to use
Secondary marks may be used only when the primary mark is too large for a given application. These instances are rare. Their primary role is to act as an icon in its own right, clean and centered on a page or used as a mask. The only regular exception is in social icons, where the secondary mark is acceptable.
Partnerships
Layouted
The two logos sit in opposite corners, equal in weight. Neither leads, because a partnership is two organisations doing real work together. Behind them sits a real moment of care: a consultation in progress, Tandem working quietly in the background where it belongs. The clinician and patient hold the frame. They are the subject, never the software.
Logo mashup
Keep enough space between logos, using the Tandem icon as a guide. The partner logo should usually not exceed Tandem’s height so it does not overshadow ours. Adjustments are fine if needed for balance. In the Recoletas example we matched the wordmark height and let their logo mark extend slightly above Tandem’s for a better visual fit.
Logos in the physical world
Print is not a separate identity. The logo behaves the same on paper as it does on screen. Same clear space, same colour rules, same restraint. For wayfinding, we use Die Grotesk. Clarity matters more than brand presence when someone needs to find their way.
Download
Access is open to all Tandem employees by default; for external access, email brand@tandemhealth.ai.
