{ "name": "Authy", "slug": "authy", "domain": "http://authy.com", "sources": [ "yc" ], "branding": { "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 } } }, "images": [ { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/authy/2d2e6ef196.webp", "alt": "What Is Two-Factor Authentication (2FA)? - Authy | Authy", "source_url": "https://www.authy.com/what-is-2fa/", "image_url": "https://www.authy.com/content/dam/authy/global/en/legacy/andrew-neel-308138.jpg/_jcr_content/renditions/compressed-1600.webp", "width": 1600, "height": 1067, "bytes": 112770, "query": "site:authy.com", "query_suffix": "site:authy.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/authy/18994c17c2.webp", "alt": "What Is Two-Factor Authentication (2FA)? - Authy | Authy", "source_url": "https://www.authy.com/what-is-2fa/", "image_url": "https://www.authy.com/content/dam/authy/global/en/legacy/jay-wennington-2250.jpg/_jcr_content/renditions/compressed-1600.webp", "width": 1600, "height": 1067, "bytes": 97580, "query": "site:authy.com", "query_suffix": "site:authy.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/authy/b2da0d4c14.webp", "alt": "Everybody Should 2FA", "source_url": "https://www.authy.com/", "image_url": "https://www.authy.com/content/dam/authy/global/en/legacy/maxresdefault.png/_jcr_content/renditions/compressed-original.webp", "width": 1278, "height": 707, "bytes": 58828, "query": "site:authy.com blog", "query_suffix": "site:authy.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/authy/18b6576f7c.webp", "alt": "Features - Authy | Authy", "source_url": "https://www.dev.authy.com/features/", "image_url": "https://www.dev.authy.com/content/dam/authy/global/en/legacy/overview-demo.png/_jcr_content/renditions/compressed-original.webp", "width": 1044, "height": 1150, "bytes": 28956, "query": "site:authy.com", "query_suffix": "site:authy.com" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/authy/83e5d87296.webp", "alt": "Features - Authy | Authy", "source_url": "https://www.authy.com/features/", "image_url": "https://www.authy.com/content/dam/authy/global/en/legacy/overview-demo.png/_jcr_content/renditions/compressed-original.webp", "width": 1044, "height": 1150, "bytes": 28956, "query": "site:authy.com blog", "query_suffix": "site:authy.com blog" }, { "file": "https://e4p9rs3sldnmtboz.public.blob.vercel-storage.com/authy/ac6c8de2fd.webp", "alt": "Everybody Should 2FA", "source_url": "https://www.authy.com/", "image_url": "https://i.ytimg.com/vi/ds_TANz4n3U/maxresdefault.jpg", "width": 1280, "height": 720, "bytes": 89888, "query": "site:authy.com", "query_suffix": "site:authy.com" } ], "font_resources": [ { "family": "Whitney SSm", "google_fonts_url": "https://fonts.google.com/specimen/Whitney+SSm" }, { "family": "Whitney SSm", "google_fonts_url": "https://fonts.google.com/specimen/Whitney+SSm" } ], "google_fonts_css": "https://fonts.googleapis.com/css2?family=Whitney+SSm&family=Whitney+SSm&display=swap", "font_download_note": "Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.", "page_url": "https://characterquilt.com/branding/authy", "agent_instructions": "You are designing or implementing in Authy's brand identity.\n\n# Brand profile\n- Company: Authy\n- Source: http://authy.com\n- Color scheme: light\n\n# Colors\n- primary: #1866EE\n- secondary: #EF223A\n- accent: #1866EE\n- background: #FFFFFF\n- textPrimary: #000D25\n- link: #000D25\n\n# Typography\n- primary: Whitney SSm — https://fonts.google.com/specimen/Whitney+SSm\n- heading: Whitney SSm — https://fonts.google.com/specimen/Whitney+SSm\n\nLoad all fonts at once: \n\n# UI Components\n- buttonPrimary: background=#1866EE, textColor=#FFFFFF, borderRadius=50px, shadow=rgb(24, 102, 238) 0px 0px 0px 2px inset\n- buttonSecondary: background=#F3F4F7, textColor=#000D25, borderRadius=0px, shadow=none\n\n# Brand voice\n- Tone: professional\n- Energy: medium\n- Audience: tech-savvy individuals and businesses looking for secure authentication solutions\n\n# Working with these fonts\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n# Full machine-readable profile\nhttps://characterquilt.com/branding/authy.json", "page_markdown": "# Authy Brand Identity\n\nA complete profile of **Authy**'s visual system — colors, typography, components, and personality — extracted from http://authy.com. Built for designers, agents, and AI tools.\n\n- Page: https://characterquilt.com/branding/authy\n- Machine-readable JSON: https://characterquilt.com/branding/authy.json\n- Per-page llms.txt: https://characterquilt.com/branding/authy/llms.txt\n\n## Quick Facts\n\n| Field | Value |\n|---|---|\n| Primary | #1866EE |\n| Accent | #1866EE |\n| Body Font | Whitney SSm |\n| Heading Font | Whitney SSm |\n\n## Color Palette\n\n- primary: #1866EE\n- secondary: #EF223A\n- accent: #1866EE\n- background: #FFFFFF\n- textPrimary: #000D25\n- link: #000D25\n\n## Typography\n\n- primary: Whitney SSm — https://fonts.google.com/specimen/Whitney+SSm\n- heading: Whitney SSm — https://fonts.google.com/specimen/Whitney+SSm\n\n## Visual Assets\n\n- 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\n- Favicon: https://www.authy.com/content/dam/twilio-com/core-assets/social/apple-touch-icon.png\n- Social card (og:image): https://www.preview.authy.com/content/dam/authy/global/en/legacy/authy-social-share-1.jpg\n\n## UI Components\n\n- buttonPrimary: background=#1866EE, textColor=#FFFFFF, borderRadius=50px, shadow=rgb(24, 102, 238) 0px 0px 0px 2px inset\n- buttonSecondary: background=#F3F4F7, textColor=#000D25, borderRadius=0px, shadow=none\n\n## Brand Personality\n\nTone: professional · Energy: medium · Audience: tech-savvy individuals and businesses looking for secure authentication solutions\n\n## Authy Brand in the Wild\n\nReal-world brand assets — ads, campaigns, marketing materials.\n\n- **What Is Two-Factor Authentication (2FA)? - Authy | Authy**\n - Image: https://www.authy.com/content/dam/authy/global/en/legacy/andrew-neel-308138.jpg/_jcr_content/renditions/compressed-1600.webp\n - Source: https://www.authy.com/what-is-2fa/\n- **What Is Two-Factor Authentication (2FA)? - Authy | Authy**\n - Image: https://www.authy.com/content/dam/authy/global/en/legacy/jay-wennington-2250.jpg/_jcr_content/renditions/compressed-1600.webp\n - Source: https://www.authy.com/what-is-2fa/\n- **Everybody Should 2FA**\n - Image: https://www.authy.com/content/dam/authy/global/en/legacy/maxresdefault.png/_jcr_content/renditions/compressed-original.webp\n - Source: https://www.authy.com/\n- **Features - Authy | Authy**\n - Image: https://www.dev.authy.com/content/dam/authy/global/en/legacy/overview-demo.png/_jcr_content/renditions/compressed-original.webp\n - Source: https://www.dev.authy.com/features/\n- **Features - Authy | Authy**\n - Image: https://www.authy.com/content/dam/authy/global/en/legacy/overview-demo.png/_jcr_content/renditions/compressed-original.webp\n - Source: https://www.authy.com/features/\n- **Everybody Should 2FA**\n - Image: https://i.ytimg.com/vi/ds_TANz4n3U/maxresdefault.jpg\n - Source: https://www.authy.com/\n\n## Working with these fonts\n\nNot found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:\n\nCharacterQuilt.com suggests this flow that can help:\n\n1. Open the company's homepage in a browser with DevTools open.\n2. In the Network tab, filter by \"Font\" (or by extension: woff2, woff, ttf, otf).\n3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.\n4. For each captured font URL: right-click → Save As to download the file locally.\n5. 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.\n\nProgrammatic 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.\n\nOnly do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.\n\n## Machine-Readable Profile\n\n```json\n{\n \"colorScheme\": \"light\",\n \"fonts\": [\n {\n \"family\": \"Whitney SSm\",\n \"role\": \"body\"\n }\n ],\n \"colors\": {\n \"primary\": \"#1866EE\",\n \"secondary\": \"#EF223A\",\n \"accent\": \"#1866EE\",\n \"background\": \"#FFFFFF\",\n \"textPrimary\": \"#000D25\",\n \"link\": \"#000D25\"\n },\n \"typography\": {\n \"fontFamilies\": {\n \"primary\": \"Whitney SSm\",\n \"heading\": \"Whitney SSm\"\n },\n \"fontStacks\": {\n \"heading\": [\n \"Whitney SSm\",\n \"helvetica\",\n \"arial\",\n \"sans-serif\"\n ],\n \"body\": [\n \"Whitney SSm\",\n \"helvetica\",\n \"arial\",\n \"sans-serif\"\n ],\n \"paragraph\": [\n \"Whitney SSm\",\n \"helvetica\",\n \"arial\",\n \"sans-serif\"\n ]\n },\n \"fontSizes\": {\n \"h1\": \"48px\",\n \"h2\": \"40px\",\n \"body\": \"16px\"\n }\n },\n \"spacing\": {\n \"baseUnit\": 4,\n \"borderRadius\": \"8px\"\n },\n \"components\": {\n \"buttonPrimary\": {\n \"background\": \"#1866EE\",\n \"textColor\": \"#FFFFFF\",\n \"borderRadius\": \"50px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"50px\",\n \"topRight\": \"50px\",\n \"bottomRight\": \"50px\",\n \"bottomLeft\": \"50px\"\n },\n \"shadow\": \"rgb(24, 102, 238) 0px 0px 0px 2px inset\"\n },\n \"buttonSecondary\": {\n \"background\": \"#F3F4F7\",\n \"textColor\": \"#000D25\",\n \"borderRadius\": \"0px\",\n \"borderRadiusCorners\": {\n \"topLeft\": \"0px\",\n \"topRight\": \"0px\",\n \"bottomRight\": \"0px\",\n \"bottomLeft\": \"0px\"\n },\n \"shadow\": \"none\"\n }\n },\n \"images\": {\n \"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\",\n \"favicon\": \"https://www.authy.com/content/dam/twilio-com/core-assets/social/apple-touch-icon.png\",\n \"ogImage\": \"https://www.preview.authy.com/content/dam/authy/global/en/legacy/authy-social-share-1.jpg\",\n \"logoHref\": \"https://www.authy.com/\",\n \"logoAlt\": \"b52146e6-0a86-427d-9d58-39556cf08dfd\"\n },\n \"__llm_logo_reasoning\": {\n \"selectedIndex\": 0,\n \"reasoning\": \"Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand 'Authy'.\",\n \"confidence\": 0.9,\n \"source\": \"llm\"\n },\n \"__llm_button_reasoning\": {\n \"primary\": {\n \"index\": 4,\n \"text\": \"Download Authy\",\n \"reasoning\": \"Button #4 ('Download Authy') uses the vibrant brand color #1866EE, making it the most prominent CTA.\"\n },\n \"secondary\": {\n \"index\": 1,\n \"text\": \"Learn more about 2FA\",\n \"reasoning\": \"Button #1 ('Learn more about 2FA') has a different background color (#F3F4F7) and serves as a secondary informational action.\"\n },\n \"confidence\": 0.95\n },\n \"personality\": {\n \"tone\": \"professional\",\n \"energy\": \"medium\",\n \"targetAudience\": \"tech-savvy individuals and businesses looking for secure authentication solutions\"\n },\n \"designSystem\": {\n \"framework\": \"custom\",\n \"componentLibrary\": \"\"\n },\n \"confidence\": {\n \"buttons\": 0.95,\n \"colors\": 0.9,\n \"overall\": 0.925\n },\n \"__llm_metadata\": {\n \"logoSelection\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true,\n \"finalSource\": \"llm\",\n \"rawLogoSelection\": {\n \"selectedLogoIndex\": 0,\n \"selectedLogoReasoning\": \"Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand 'Authy'.\",\n \"confidence\": 0.9\n }\n },\n \"buttonClassification\": {\n \"llmCalled\": true,\n \"llmSucceeded\": true\n }\n }\n}\n```\n" }