Tatem Brand: Colors, Fonts, Logo & Visual Identity
Tatem Brand Identity
A complete profile of Tatem's visual system — colors, typography, components, and personality — extracted from https://tatem.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://tatem.com/.
| Color | Hex | RGB |
|---|---|---|
| primary | #FFFFFF | rgb(255, 255, 255) |
| accent | #1D1D1D | rgb(29, 29, 29) |
| background | #0A0A0A | rgb(10, 10, 10) |
| textPrimary | #F3F3F3 | rgb(243, 243, 243) |
| link | #FFFFFF | rgb(255, 255, 255) |
Typography
Each font links to its Google Fonts page where available.
| Font Role | Font Family |
|---|---|
| primary | Inter |
| heading | Inter |
Font Stacks
- Heading: Inter, system-ui, -apple-system, sans-serif
- Body: Inter, system-ui, -apple-system, sans-serif
Visual Assets
%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M6.34999%2017.8C6.82499%2017.8%207.24999%2017.75%207.64999%2017.675V15.75C7.29999%2015.8%206.99999%2015.825%206.69999%2015.825C5.27499%2015.825%204.87499%2015.25%204.87499%2014.125V7.025H7.64999V5.175H4.87499V1.875H2.74999V5.175H0.499989V7.025H2.74999V14.425C2.74999%2016.675%204.09999%2017.8%206.34999%2017.8Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.95%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.95)%20!important%3B%20fill-opacity%3A%200.95%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M13.4549%2017.925C15.1049%2017.925%2016.5549%2017.225%2017.4049%2015.85V17.675H19.4299V9.025C19.4299%207.7%2019.0049%206.725%2018.2299%206.05C17.4049%205.325%2016.2049%204.925%2014.7549%204.925C11.8299%204.925%209.85487%206.525%209.60487%209.125H11.7549C11.9299%207.525%2013.0049%206.625%2014.7549%206.625C16.4049%206.625%2017.3799%207.4%2017.3799%208.675C17.3799%209.15%2017.2299%209.5%2016.9299%209.75C16.6049%2010%2016.0799%2010.15%2015.3299%2010.25L13.6049%2010.475C10.8049%2010.85%209.30487%2012.15%209.30487%2014.275C9.30487%2016.425%2010.9299%2017.925%2013.4549%2017.925ZM11.5549%2014.25C11.5549%2012.975%2012.3299%2012.4%2013.7049%2012.125L15.2049%2011.825C16.3299%2011.6%2016.9549%2011.425%2017.3549%2011.025V12.6C17.3549%2014.9%2015.9549%2016.3%2013.9549%2016.3C12.4549%2016.3%2011.5549%2015.525%2011.5549%2014.25Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.95%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.95)%20!important%3B%20fill-opacity%3A%200.95%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M27.2484%2017.8C27.7234%2017.8%2028.1484%2017.75%2028.5484%2017.675V15.75C28.1984%2015.8%2027.8984%2015.825%2027.5984%2015.825C26.1734%2015.825%2025.7734%2015.25%2025.7734%2014.125V7.025H28.5484V5.175H25.7734V1.875H23.6484V5.175H21.3984V7.025H23.6484V14.425C23.6484%2016.675%2024.9984%2017.8%2027.2484%2017.8Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.95%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.95)%20!important%3B%20fill-opacity%3A%200.95%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M35.8824%2017.925C38.6074%2017.925%2040.5824%2016.45%2041.2324%2013.8H39.0074C38.7824%2015.275%2037.6074%2016.175%2035.8824%2016.175C33.6574%2016.175%2032.3574%2014.7%2032.1824%2012.025H41.3824V11.05C41.3824%207.375%2039.1824%204.925%2035.8074%204.925C32.3574%204.925%2029.9824%207.5%2029.9824%2011.425C29.9824%2015.225%2032.2074%2017.925%2035.8824%2017.925ZM32.2324%2010.35C32.5324%208%2033.8324%206.65%2035.8324%206.65C37.8074%206.65%2039.0824%207.975%2039.2074%2010.35H32.2324Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.95%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.95)%20!important%3B%20fill-opacity%3A%200.95%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M44.1375%2017.675H46.2375V10.625C46.2375%208.25%2047.4875%206.725%2049.5375%206.725C50.4625%206.725%2051.0375%206.95%2051.5375%207.45C52.0375%207.95%2052.2625%208.775%2052.2625%209.85V17.675H54.3875V10.625C54.3875%208.25%2055.6375%206.725%2057.6875%206.725C58.6125%206.725%2059.1875%206.95%2059.6875%207.45C60.1875%207.95%2060.4125%208.775%2060.4125%209.85V17.675H62.5375V9.7C62.5375%208.05%2062.0875%206.8%2061.3375%206.05C60.5875%205.3%2059.6375%204.925%2058.2875%204.925C56.4375%204.925%2054.8875%205.85%2054.0875%207.5C53.5125%205.85%2052.1375%204.925%2050.2125%204.925C48.4625%204.925%2047.0625%205.7%2046.2125%207.1V5.175H44.1375V17.675Z%22%20fill%3D%22currentColor%22%20fill-opacity%3D%220.95%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.95)%20!important%3B%20fill-opacity%3A%200.95%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22clip0_1566_160%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%2262.5%22%20height%3D%2220%22%20fill%3D%22currentColor%22%20transform%3D%22translate(0.5)%22%20style%3D%22fill%3A%20rgba(255%2C%20255%2C%20255%2C%200.95)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using Tatem's actual button styles.
Button Primary
- background: #1D1D1D
- textColor: #F3F3F3
- borderRadius: 8px
- shadow: none
Brand Personality
- Tone: modern
- Energy: medium
- Audience: tech-savvy individuals looking for email solutions
Frequently Asked Questions
What is Tatem's primary brand color?
Tatem's primary brand color is #FFFFFF.
What accent color does Tatem use?
Tatem uses #1D1D1D as an accent color.
What font does Tatem use?
Tatem uses Inter as the primary typeface.
Does Tatem use a light or dark theme?
Tatem's primary site uses a dark color scheme.
Where can I find Tatem's logo?
Tatem's logo is available directly on their site (https://tatem.com/).
How was this brand profile generated?
This profile was extracted from https://tatem.com/ using the Firecrawl branding extraction API.