# Automorphic Brand Identity A complete profile of **Automorphic**'s visual system — colors, typography, components, and personality — extracted from https://automorphic.ai/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/automorphic - Machine-readable JSON: https://characterquilt.com/branding/automorphic.json - Per-page llms.txt: https://characterquilt.com/branding/automorphic/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #C9D1D9 | | Accent | #6B7280 | | Body Font | ui-sans-serif | | Heading Font | ui-sans-serif | ## Color Palette - primary: #C9D1D9 - secondary: #CDAE7A - accent: #6B7280 - background: #FFFFFF - textPrimary: #000000 - link: #6B7280 ## Typography - primary: ui-sans-serif — https://fonts.google.com/specimen/ui-sans-serif - heading: ui-sans-serif — https://fonts.google.com/specimen/ui-sans-serif ## Visual Assets - Favicon: https://automorphic.ai/apple-touch-icon.png - Social card (og:image): /favicon-32x32.png ## Brand Personality Tone: professional · Energy: medium · Audience: unknown ## Automorphic Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Authentication - Automorphic** - Image: https://mintlify.s3-us-west-1.amazonaws.com/automorphic/Logo.png - Source: https://docs.automorphic.ai/api-reference/authentication - **Introduction - Automorphic** - Image: https://mintlify.s3-us-west-1.amazonaws.com/automorphic/invertedlogo.png - Source: https://docs.automorphic.ai/introduction - **Simple Math Creates Infinite and Bizarre Automorphic Numbers | Scientific American** - Image: https://static.scientificamerican.com/sciam/cache/file/5B151800-36AD-4142-A78E57F7571FB9BE_source.jpg?crop=1%3A1%2Csmart&w=1000 - Source: https://www.scientificamerican.com/article/simple-math-creates-infinite-and-bizarre-automorphic-numbers/ - **The International conference "New developments in Automorphic forms" will take place at the @imus_us (Instituto de Matemáticas Universidad de Sevilla) next week.** - Image: https://pbs.twimg.com/media/DbOlwChWsAAdUx3.jpg - Source: https://x.com/albertominguez_/status/987315292140392448 - **Amazon.com: Automorphic Forms, Representations, and L-Functions: Symposium in Pure Mathematics. Volume XXXIII Part 1: 9780821814352: Borel, Armand, Casselman, W.: Books** - Image: https://m.media-amazon.com/images/I/41D3kb8iCEL._AC_UF1000,1000_QL80_.jpg - Source: https://www.amazon.com/Automorphic-Forms-Representations-L-Functions-Mathematics/dp/0821814354 - **Automorphic Dynamic Website** - Image: https://images.leadconnectorhq.com/image/f_webp/q_80/r_1200/u_https://assets.cdn.filesafe.space/hkkoDxog5W2rUbjMYNOf/media/6800732917a68625461c5f00.png - Source: https://automorphicdynamic.com/website-4338-2656-9683 ## 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": "system-ui", "count": 5 }, { "family": "Segoe UI", "count": 5 }, { "family": "Roboto", "count": 5 }, { "family": "Arial", "count": 5 }, { "family": "sans-serif", "count": 5 }, { "family": "Apple Color Emoji", "count": 5 }, { "family": "Segoe UI Emoji", "count": 5 }, { "family": "ui-sans-serif", "count": 4 }, { "family": "-apple-system", "count": 4 }, { "family": "BlinkMacSystemFont", "count": 4 } ], "colors": { "primary": "#C9D1D9", "secondary": "#CDAE7A", "accent": "#6B7280", "background": "#FFFFFF", "textPrimary": "#000000", "link": "#6B7280" }, "typography": { "fontFamilies": { "primary": "ui-sans-serif", "heading": "ui-sans-serif" }, "fontStacks": { "body": [ "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ], "heading": [ "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ], "paragraph": [ "ui-sans-serif", "system-ui", "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "Noto Sans", "sans-serif", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" ] }, "fontSizes": { "h1": "16px", "h2": "14px", "body": "16px" } }, "spacing": { "baseUnit": 4, "borderRadius": "12px" }, "components": {}, "images": { "logo": null, "favicon": "https://automorphic.ai/apple-touch-icon.png", "ogImage": "/favicon-32x32.png" }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "unknown" }, "designSystem": { "framework": "unknown", "componentLibrary": "" }, "confidence": { "buttons": 0, "colors": 0, "overall": 0 }, "__llm_metadata": { "logoSelection": { "llmCalled": false, "llmSucceeded": false, "finalSource": "none", "rawLogoSelection": { "selectedLogoIndex": -1, "selectedLogoReasoning": "LLM failed", "confidence": 0 } }, "buttonClassification": { "llmCalled": false, "llmSucceeded": false, "error": "LLM call failed or returned fallback values" } } } ```