TSYS brand guidelines
TSYS provides an online brand manual detailing logo rules, parent identifier lockups, typography choices, and color gradients.
Overview page featuring hero banner with device mockups, introductory columns, and brand guide navigation.
Logo guidelines page showing color variations, clear space rules, identifier lockups, and improper use cases.
Color documentation page displaying primary, secondary, and activation swatches with gradient formulas.
Typography page detailing the GP Commerce primary font, web fallbacks, treatments, and type scale.
Want a brand center like TSYS’s?
Create your brand center with Freedam ↗Freedam's take
I like how cleanly TSYS maps out its brand system on Brandfolder. Everything feels direct and easy to scan, especially the logo clear space rules keyed to half the height of the letter T. The color section breaks down both primary and activation swatches with exact CSS gradient stops, which is handy for developers. Seeing dedicated font fallbacks like DM Sans for Google tools and Noto Sans for Asian scripts shows real thought for day-to-day work across teams. It is a solid, practical documentation set.
At a glance
- Sections
- Overview · Logo · Positioning · Typography · Color · Graphics · Illustrations · Imagery · Empower · Applications · Motion
- Tone
- Direct, structured, and developer-friendly corporate guidelines.
What I noticed
- Clear space around the logo and identifier is defined as half the height of the letter 'T'.1
- The typography documentation specifies GP Commerce as the primary font, DM Sans for Google environments, and Noto Sans for Asian languages.234
- The color guidelines specify CSS linear-gradient stop values for both Commerce and Activation gradients.5
- The site provides dedicated outbound download links for brand fonts and color formulas.67
Numbers refer to the screenshots above.
What I could not see
- Could not inspect the contents of the Empower, Applications, Motion, or Illustrations sections.
- Could not view the linked external marketing library where font files and color formula assets are stored.
Ideas to borrow
- Detailing precise CSS gradient stops and fallback fonts for specific platforms makes identity guidelines immediately useful to web teams.
Quick answers
What is the primary brand typeface for TSYS?
The primary brand font is GP Commerce, available in Light, Regular, Medium, and Bold weights, accompanied by DM Sans for Google environments and Noto Sans for Asian scripts.234
What are the minimum logo size requirements?
Minimum sizing for the TSYS logo is 0.25 inches for print applications and 24 pixels for digital environments.8
How is logo clear space calculated?
Clear space around the TSYS logo and identifier is defined by half the height of the letter 'T'.1
Reviewed on 25 September 2026. Request a correction · I built this
