Doppel Brand: Colors, Fonts, Logo & Visual Identity
Doppel Brand Identity
A complete profile of Doppel's visual system — colors, typography, components, and personality — extracted from https://www.doppel.com/. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://www.doppel.com/
- primary: #E7FF92 (rgb(231, 255, 146))
- accent: #E7FF92 (rgb(231, 255, 146))
- background: #1B141B (rgb(27, 20, 27))
- textPrimary: #1B141B (rgb(27, 20, 27))
- link: #DC2626 (rgb(220, 38, 38))
Typography
Each font links to its Google Fonts page where available.
primary: SuisseIntl SuisseIntl Google Fonts →
heading: TT Livret TT Livret Google Fonts → SuisseIntl, system-ui, Arial, sans-serif
Visual Assets
%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M491.845%2019.1104H411.967V264.313H491.502C570.005%20264.313%20620.806%20219.82%20620.806%20140.32C620.806%2060.8195%20570.314%2019.1104%20491.845%2019.1104ZM487.308%20229.598H452.628V53.7736H487.308C549.691%2053.7736%20578.77%2085.2918%20578.77%20140.286C578.77%20195.279%20549.691%20229.598%20487.308%20229.598Z%22%20fill%3D%22%230E1114%22%20style%3D%22fill%3A%20rgb(231%2C%20255%2C%20146)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M729.383%2078.658C677.878%2078.658%20636.53%20116.14%20636.53%20172.181C636.53%20231.386%20677.878%20268.163%20729.383%20268.163C780.889%20268.163%20822.237%20230.337%20822.237%20172.181C822.237%20114.026%20781.576%2078.658%20729.383%2078.658ZM729.383%20234.874C697.487%20234.874%20675.421%20209.302%20675.421%20172.164C675.421%20137.14%20697.143%20111.929%20729.383%20111.929C761.624%20111.929%20783.346%20137.158%20783.346%20172.164C783.346%20209.646%20761.279%20234.874%20729.383%20234.874Z%22%20fill%3D%22%230E1114%22%20style%3D%22fill%3A%20rgb(231%2C%20255%2C%20146)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M935.83%2078.6751H935.812L935.848%2078.6407C907.8%2078.6407%20888.211%2091.2546%20878.725%20105.948V82.834H840.883V330.855H878.725V240.494C888.882%20256.27%20908.848%20268.18%20935.126%20268.18C980.686%20268.18%201019.57%20234.204%201019.57%20172.198C1019.57%20110.193%20981.733%2078.6751%20935.83%2078.6751ZM929.529%20235.923C900.792%20235.923%20878.021%20212.086%20878.021%20172.181C878.021%20134.357%20899.4%20110.898%20929.529%20110.898C957.919%20110.898%20980.325%20132.26%20980.325%20172.181C980.325%20212.103%20957.919%20235.923%20929.529%20235.923Z%22%20fill%3D%22%230E1114%22%20style%3D%22fill%3A%20rgb(231%2C%20255%2C%20146)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1135.6%2078.6751H1135.58L1135.62%2078.6407C1107.57%2078.6407%201087.97%2091.2546%201078.49%20105.948V82.834H1040.64V330.855H1078.49V240.494C1088.65%20256.27%201108.62%20268.18%201134.9%20268.18C1180.45%20268.18%201219.35%20234.204%201219.35%20172.198C1219.35%20110.193%201181.5%2078.6751%201135.6%2078.6751ZM1129.29%20235.923C1100.56%20235.923%201077.78%20212.086%201077.78%20172.181C1077.78%20134.357%201099.17%20110.898%201129.29%20110.898C1157.68%20110.898%201180.09%20132.26%201180.09%20172.181C1180.09%20212.103%201157.68%20235.923%201129.29%20235.923Z%22%20fill%3D%22%230E1114%22%20style%3D%22fill%3A%20rgb(231%2C%20255%2C%20146)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1326.87%2078.6407L1326.85%2078.6751V78.6407C1279.9%2078.6407%201236.82%20114.713%201236.82%20172.164C1236.82%20229.615%201278.87%20268.145%201329.33%20268.145C1364.71%20268.145%201402.9%20251.338%201413.78%20212.447H1375.94C1366.83%20229.959%201348.61%20235.923%201330.38%20235.923C1302.71%20235.923%201279.21%20216.64%201275.71%20185.122H1415.51V176.374C1415.51%20111.225%201373.82%2078.6407%201326.87%2078.6407ZM1275.33%20155.013C1278.49%20127.327%201300.22%20110.52%201326.13%20110.52C1353.45%20110.52%201373.77%20128.032%201375.9%20155.013H1275.33Z%22%20fill%3D%22%230E1114%22%20style%3D%22fill%3A%20rgb(231%2C%20255%2C%20146)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M1474.35%20234.273V19.0588H1436.51V228.67C1436.51%20248.348%201452.48%20264.313%201472.16%20264.313H1500.97V234.273L1474.35%20234.273Z%22%20fill%3D%22%230E1114%22%20style%3D%22fill%3A%20rgb(231%2C%20255%2C%20146)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M177.659%200V18.0276C217.185%2029.3356%20246.125%2065.683%20246.125%20108.819C246.125%20151.955%20217.185%20188.336%20177.659%20199.609V283.715C244.459%20271.015%20294.95%20212.344%20294.95%20141.849C294.95%2071.3544%20244.459%2012.7001%20177.659%200Z%22%20fill%3D%22%230E1114%22%20style%3D%22fill%3A%20rgb(231%2C%20255%2C%20146)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M49.7989%20174.914V174.897C49.7989%20131.744%2078.7394%2095.3791%20118.266%2084.1058V0.0172C51.4831%2012.7001%200.974854%2071.3714%200.974854%20141.866C0.974854%20212.361%2051.4831%20271.032%20118.266%20283.733V265.705C78.7393%20254.397%2049.7989%20218.05%2049.7989%20174.914Z%22%20fill%3D%22%230E1114%22%20style%3D%22fill%3A%20rgb(231%2C%20255%2C%20146)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M121.686%2093.2315L110.155%20160.736L173.655%20191.017L185.187%20123.478L121.686%2093.2315Z%22%20fill%3D%22%230E1114%22%20style%3D%22fill%3A%20rgb(231%2C%20255%2C%20146)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22clip0_4309_856%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Crect%20width%3D%221500%22%20height%3D%22330.855%22%20fill%3D%22ffffff%22%20transform%3D%22translate(0.974854)%22%20style%3D%22fill%3A%20rgb(231%2C%20255%2C%20146)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using Doppel's actual button styles.
Button Primary
- background: #E7FF92
- textColor: #1B141B
- borderRadius: 12px
- shadow: none
Button Secondary
- background: #1B141B
- textColor: #F5F5F5
- borderRadius: 12px
- shadow: rgb(118, 114, 118) 0px 0px 0px 1px inset
Brand Personality
- Tone: professional
- Energy: medium
- Audience: business professionals
Frequently Asked Questions
- What is Doppel's primary brand color? Doppel's primary brand color is #E7FF92.
- What font does Doppel use? Doppel uses SuisseIntl for body text and TT Livret for headings.
- Does Doppel use a light or dark theme? Doppel's primary site uses a dark color scheme, with a background of #1B141B.
- Where can I find Doppel's logo? The logo is available on their site (https://www.doppel.com/).
- How was this brand profile generated? This profile was extracted using the Firecrawl branding extraction API on 2026-07-27.