Tongo Style Guide
Style Guide - October 2026
Logos
Vertical Stacked Logo
White background
Black background
No background - black
No background - white
Horizontal Logo
White background
Black background
No background - black
No background - white
Wordmark
White background
Black background
No background - black
No background - white
Icon
White background
Transparent background
Typography
Headline Font
Better financial solutions,
built for real estate professionals
DM Serif Display - Google font
Body Font
Better financial solutions, built for real estate professionals
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
IBM Plex Sans - Google font
Color
Color Swatches
Primary Purple
This is our primary brand color. We use this for our primary buttons on the website and other important areas.
7043a4
Rare Highlight
This is used very sparsely, primarily in the digital space to show roll-over states.
6d0dd5
Secondary Palet
We use these as a supporting cast creating a warm, approachable, human pallet.
e8e4de
e5caa2
3d2908
3a483b
c88134
261c04
Black & White
We also use black and white.
ffffff
000000
Color Applied & In Photography
Below is our Primary Purple buttons applied to our homepage. We also see some of our secondary color pallet in our photography with warm tones, greens and browns.
Photography
Our photography reflects the warmth of our supporting color palette. Whites are soft and warm, leaning toward cream and tan, while warm wood tones and touches of greenery create inviting, natural settings. People appear approachable and smiling, and interiors feel clean, comfortable, and distinctly human. Every image should evoke happiness and optimism, avoiding harsh environments, cold lighting, or negative imagery.
Debit Card Design
Our debit card design system places our brand in the pockets of our real estate partners. While our Sailboat mark is still building recognition among agents, it appears consistently on every card to strengthen brand awareness. Each card incorporates the partner’s primary brand color, creating a personalized design within a unified system. The guide below shows how that color is translated into the tonal values used throughout the design.