# Authy Brand Identity A complete profile of **Authy**'s visual system — colors, typography, components, and personality — extracted from http://authy.com. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/authy - Machine-readable JSON: https://characterquilt.com/branding/authy.json - Per-page llms.txt: https://characterquilt.com/branding/authy/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #1866EE | | Accent | #1866EE | | Body Font | Whitney SSm | | Heading Font | Whitney SSm | ## Color Palette - primary: #1866EE - secondary: #EF223A - accent: #1866EE - background: #FFFFFF - textPrimary: #000D25 - link: #000D25 ## Typography - primary: Whitney SSm — https://fonts.google.com/specimen/Whitney+SSm - heading: Whitney SSm — https://fonts.google.com/specimen/Whitney+SSm ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22b52146e6-0a86-427d-9d58-39556cf08dfd%22%20data-name%3D%22Layer%201%22%20viewBox%3D%2213.05%2015.9%20117.57%2037.19%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M25.07766%2C47.99789a2.39506%2C2.39506%2C0%2C0%2C1-1.69939-.70417l-6.79844-6.79843a12.01714%2C12.01714%2C0%2C1%2C1%2C16.9948-16.9948l6.79843%2C6.79757a2.4033%2C2.4033%2C0%2C0%2C1-3.39878%2C3.39879l-6.79844-6.79757A7.21052%2C7.21052%2C0%2C0%2C0%2C19.97862%2C37.0965l6.79844%2C6.79843a2.40357%2C2.40357%2C0%2C0%2C1-1.6994%2C4.103Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M38.67367%2C44.01016a11.98011%2C11.98011%2C0%2C0%2C1-8.49783-3.51487l-6.79757-6.79844a2.40331%2C2.40331%2C0%2C0%2C1%2C3.39879-3.39879l6.79757%2C6.79844A7.21083%2C7.21083%2C0%2C0%2C0%2C43.77271%2C26.89928l-6.79843-6.79844a2.4033%2C2.4033%2C0%2C0%2C1%2C3.39878-3.39878l6.79844%2C6.79843a12.01227%2C12.01227%2C0%2C0%2C1-8.49783%2C20.50967Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M77.20243%2C48.19455l-2.26855-5.99218H66.95439l-2.18457%2C5.79589H62.10966L69.67021%2C28.594H72.302l7.44824%2C19.04ZM70.93%2C31.73069l-3.08008%2C8.14746h6.18848Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M90.89384%2C47.99826l-.30762-1.93164a7.10743%2C7.10743%2C0%2C0%2C1-4.73242%2C2.21192c-2.54785%2C0-3.86328-1.5127-3.86328-3.91992V34.6428h2.49121v9.09961c0%2C1.37207.58887%2C2.29589%2C2.04492%2C2.29589a5.71386%2C5.71386%2C0%2C0%2C0%2C3.86328-2.15625V34.6428h2.49219V47.99826Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M101.12236%2C48.2219c-2.35254%2C0-3.89258-.83985-3.89258-3.52735V36.74241H95.21415V34.6428h2.01563V30.19065l2.43652-.36426V34.6428h2.88379l.33594%2C2.09961H99.6663v7.5039c0%2C1.0918.44824%2C1.76367%2C1.84766%2C1.76367a6.59032%2C6.59032%2C0%2C0%2C0%2C1.14843-.084l.33594%2C2.12793A9.29793%2C9.29793%2C0%2C0%2C1%2C101.12236%2C48.2219Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M113.94853%2C47.99826v-9.0996c0-1.37207-.58887-2.2959-2.044-2.2959a5.71219%2C5.71219%2C0%2C0%2C0-3.86426%2C2.15527v9.24023h-2.49218V28.17405l2.49218-.39161v8.624a6.935%2C6.935%2C0%2C0%2C1%2C4.53614-2.04395c2.51953%2C0%2C3.86328%2C1.51172%2C3.86328%2C3.91992v9.71582Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M125.24638%2C49.17405c-1.14746%2C3.10839-2.57617%2C3.91992-4.78809%2C3.91992a3.87157%2C3.87157%2C0%2C0%2C1-.86816-.11133l-.33594-2.18457a5.61741%2C5.61741%2C0%2C0%2C0%2C1.40039.19629%2C2.11043%2C2.11043%2C0%2C0%2C0%2C2.12793-1.56836l.50391-1.37207-4.87207-13.21582%2C2.46386-.3916%2C3.64063%2C10.63965L128.0745%2C34.6428h2.54786Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M65.44853%2C17.00217V22.2717H64.34794V17.00217H62.24736v-.97949h5.30273v.97949Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M76.25126%2C22.30491H75.21708l-1.5625-4.93946-1.59472%2C4.93946H71.02568l-1.959-6.28223h1.18848L71.597%2C20.77561l1.51856-4.75293h1.15527l1.4961%2C4.75293%2C1.34179-4.75293h1.10059Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M80.386%2C22.2717v-6.249h1.10058v6.249Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M84.27958%2C22.2717v-6.249h1.08887v5.26953h2.56348v.97949Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M90.2415%2C22.2717v-6.249h1.10058v6.249Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M96.87528%2C22.3928a3.05211%2C3.05211%2C0%2C0%2C1-3.10253-3.23438%2C3.10083%2C3.10083%2C0%2C1%2C1%2C6.19433-.01074A3.05957%2C3.05957%2C0%2C0%2C1%2C96.87528%2C22.3928Zm0-5.55567a2.04911%2C2.04911%2C0%2C0%2C0-1.99121%2C2.31055A2.1018%2C2.1018%2C0%2C0%2C0%2C96.87528%2C21.469%2C2.05765%2C2.05765%2C0%2C0%2C0%2C98.845%2C19.15842%2C2.08626%2C2.08626%2C0%2C0%2C0%2C96.87528%2C16.83713Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://www.authy.com/content/dam/twilio-com/core-assets/social/apple-touch-icon.png - Social card (og:image): https://www.preview.authy.com/content/dam/authy/global/en/legacy/authy-social-share-1.jpg ## UI Components - buttonPrimary: background=#1866EE, textColor=#FFFFFF, borderRadius=50px, shadow=rgb(24, 102, 238) 0px 0px 0px 2px inset - buttonSecondary: background=#F3F4F7, textColor=#000D25, borderRadius=0px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: tech-savvy individuals and businesses looking for secure authentication solutions ## Authy Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **What Is Two-Factor Authentication (2FA)? - Authy | Authy** - Image: https://www.authy.com/content/dam/authy/global/en/legacy/andrew-neel-308138.jpg/_jcr_content/renditions/compressed-1600.webp - Source: https://www.authy.com/what-is-2fa/ - **What Is Two-Factor Authentication (2FA)? - Authy | Authy** - Image: https://www.authy.com/content/dam/authy/global/en/legacy/jay-wennington-2250.jpg/_jcr_content/renditions/compressed-1600.webp - Source: https://www.authy.com/what-is-2fa/ - **Everybody Should 2FA** - Image: https://www.authy.com/content/dam/authy/global/en/legacy/maxresdefault.png/_jcr_content/renditions/compressed-original.webp - Source: https://www.authy.com/ - **Features - Authy | Authy** - Image: https://www.dev.authy.com/content/dam/authy/global/en/legacy/overview-demo.png/_jcr_content/renditions/compressed-original.webp - Source: https://www.dev.authy.com/features/ - **Features - Authy | Authy** - Image: https://www.authy.com/content/dam/authy/global/en/legacy/overview-demo.png/_jcr_content/renditions/compressed-original.webp - Source: https://www.authy.com/features/ - **Everybody Should 2FA** - Image: https://i.ytimg.com/vi/ds_TANz4n3U/maxresdefault.jpg - Source: https://www.authy.com/ ## Working with these fonts Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts: CharacterQuilt.com suggests this flow that can help: 1. Open the company's homepage in a browser with DevTools open. 2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf). 3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes. 4. For each captured font URL: right-click → Save As to download the file locally. 5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path. Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same. Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable. ## Machine-Readable Profile ```json { "colorScheme": "light", "fonts": [ { "family": "Whitney SSm", "role": "body" } ], "colors": { "primary": "#1866EE", "secondary": "#EF223A", "accent": "#1866EE", "background": "#FFFFFF", "textPrimary": "#000D25", "link": "#000D25" }, "typography": { "fontFamilies": { "primary": "Whitney SSm", "heading": "Whitney SSm" }, "fontStacks": { "heading": [ "Whitney SSm", "helvetica", "arial", "sans-serif" ], "body": [ "Whitney SSm", "helvetica", "arial", "sans-serif" ], "paragraph": [ "Whitney SSm", "helvetica", "arial", "sans-serif" ] }, "fontSizes": { "h1": "48px", "h2": "40px", "body": "16px" } }, "spacing": { "baseUnit": 4, "borderRadius": "8px" }, "components": { "buttonPrimary": { "background": "#1866EE", "textColor": "#FFFFFF", "borderRadius": "50px", "borderRadiusCorners": { "topLeft": "50px", "topRight": "50px", "bottomRight": "50px", "bottomLeft": "50px" }, "shadow": "rgb(24, 102, 238) 0px 0px 0px 2px inset" }, "buttonSecondary": { "background": "#F3F4F7", "textColor": "#000D25", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22b52146e6-0a86-427d-9d58-39556cf08dfd%22%20data-name%3D%22Layer%201%22%20viewBox%3D%2213.05%2015.9%20117.57%2037.19%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M25.07766%2C47.99789a2.39506%2C2.39506%2C0%2C0%2C1-1.69939-.70417l-6.79844-6.79843a12.01714%2C12.01714%2C0%2C1%2C1%2C16.9948-16.9948l6.79843%2C6.79757a2.4033%2C2.4033%2C0%2C0%2C1-3.39878%2C3.39879l-6.79844-6.79757A7.21052%2C7.21052%2C0%2C0%2C0%2C19.97862%2C37.0965l6.79844%2C6.79843a2.40357%2C2.40357%2C0%2C0%2C1-1.6994%2C4.103Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M38.67367%2C44.01016a11.98011%2C11.98011%2C0%2C0%2C1-8.49783-3.51487l-6.79757-6.79844a2.40331%2C2.40331%2C0%2C0%2C1%2C3.39879-3.39879l6.79757%2C6.79844A7.21083%2C7.21083%2C0%2C0%2C0%2C43.77271%2C26.89928l-6.79843-6.79844a2.4033%2C2.4033%2C0%2C0%2C1%2C3.39878-3.39878l6.79844%2C6.79843a12.01227%2C12.01227%2C0%2C0%2C1-8.49783%2C20.50967Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M77.20243%2C48.19455l-2.26855-5.99218H66.95439l-2.18457%2C5.79589H62.10966L69.67021%2C28.594H72.302l7.44824%2C19.04ZM70.93%2C31.73069l-3.08008%2C8.14746h6.18848Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M90.89384%2C47.99826l-.30762-1.93164a7.10743%2C7.10743%2C0%2C0%2C1-4.73242%2C2.21192c-2.54785%2C0-3.86328-1.5127-3.86328-3.91992V34.6428h2.49121v9.09961c0%2C1.37207.58887%2C2.29589%2C2.04492%2C2.29589a5.71386%2C5.71386%2C0%2C0%2C0%2C3.86328-2.15625V34.6428h2.49219V47.99826Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M101.12236%2C48.2219c-2.35254%2C0-3.89258-.83985-3.89258-3.52735V36.74241H95.21415V34.6428h2.01563V30.19065l2.43652-.36426V34.6428h2.88379l.33594%2C2.09961H99.6663v7.5039c0%2C1.0918.44824%2C1.76367%2C1.84766%2C1.76367a6.59032%2C6.59032%2C0%2C0%2C0%2C1.14843-.084l.33594%2C2.12793A9.29793%2C9.29793%2C0%2C0%2C1%2C101.12236%2C48.2219Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M113.94853%2C47.99826v-9.0996c0-1.37207-.58887-2.2959-2.044-2.2959a5.71219%2C5.71219%2C0%2C0%2C0-3.86426%2C2.15527v9.24023h-2.49218V28.17405l2.49218-.39161v8.624a6.935%2C6.935%2C0%2C0%2C1%2C4.53614-2.04395c2.51953%2C0%2C3.86328%2C1.51172%2C3.86328%2C3.91992v9.71582Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M125.24638%2C49.17405c-1.14746%2C3.10839-2.57617%2C3.91992-4.78809%2C3.91992a3.87157%2C3.87157%2C0%2C0%2C1-.86816-.11133l-.33594-2.18457a5.61741%2C5.61741%2C0%2C0%2C0%2C1.40039.19629%2C2.11043%2C2.11043%2C0%2C0%2C0%2C2.12793-1.56836l.50391-1.37207-4.87207-13.21582%2C2.46386-.3916%2C3.64063%2C10.63965L128.0745%2C34.6428h2.54786Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M65.44853%2C17.00217V22.2717H64.34794V17.00217H62.24736v-.97949h5.30273v.97949Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M76.25126%2C22.30491H75.21708l-1.5625-4.93946-1.59472%2C4.93946H71.02568l-1.959-6.28223h1.18848L71.597%2C20.77561l1.51856-4.75293h1.15527l1.4961%2C4.75293%2C1.34179-4.75293h1.10059Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M80.386%2C22.2717v-6.249h1.10058v6.249Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M84.27958%2C22.2717v-6.249h1.08887v5.26953h2.56348v.97949Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M90.2415%2C22.2717v-6.249h1.10058v6.249Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M96.87528%2C22.3928a3.05211%2C3.05211%2C0%2C0%2C1-3.10253-3.23438%2C3.10083%2C3.10083%2C0%2C1%2C1%2C6.19433-.01074A3.05957%2C3.05957%2C0%2C0%2C1%2C96.87528%2C22.3928Zm0-5.55567a2.04911%2C2.04911%2C0%2C0%2C0-1.99121%2C2.31055A2.1018%2C2.1018%2C0%2C0%2C0%2C96.87528%2C21.469%2C2.05765%2C2.05765%2C0%2C0%2C0%2C98.845%2C19.15842%2C2.08626%2C2.08626%2C0%2C0%2C0%2C96.87528%2C16.83713Z%22%20style%3D%22fill%3A%20rgb(18%2C%2028%2C%2045)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://www.authy.com/content/dam/twilio-com/core-assets/social/apple-touch-icon.png", "ogImage": "https://www.preview.authy.com/content/dam/authy/global/en/legacy/authy-social-share-1.jpg", "logoHref": "https://www.authy.com/", "logoAlt": "b52146e6-0a86-427d-9d58-39556cf08dfd" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand 'Authy'.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 4, "text": "Download Authy", "reasoning": "Button #4 ('Download Authy') uses the vibrant brand color #1866EE, making it the most prominent CTA." }, "secondary": { "index": 1, "text": "Learn more about 2FA", "reasoning": "Button #1 ('Learn more about 2FA') has a different background color (#F3F4F7) and serves as a secondary informational action." }, "confidence": 0.95 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "tech-savvy individuals and businesses looking for secure authentication solutions" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.95, "colors": 0.9, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand 'Authy'.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```