# Arketa Brand Identity A complete profile of **Arketa**'s visual system — colors, typography, components, and personality — extracted from https://arketa.com. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/arketa - Machine-readable JSON: https://characterquilt.com/branding/arketa.json - Per-page llms.txt: https://characterquilt.com/branding/arketa/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #6B7280 | | Accent | #3898EC | | Body Font | Supremelltt | | Heading Font | Supremelltt | ## Color Palette - primary: #6B7280 - secondary: #0050BD - accent: #3898EC - background: #FFFFFF - textPrimary: #121212 - link: #3898EC ## Typography - primary: Supremelltt — https://fonts.google.com/specimen/Supremelltt - heading: Supremelltt — https://fonts.google.com/specimen/Supremelltt ## Visual Assets - Logo: https://cdn.prod.website-files.com/654d5a0375a17dfee3425e02/65526b0cdef5204966b18065_arketa_logo.png - Favicon: https://cdn.prod.website-files.com/654d5a0375a17dfee3425e02/654d5a88cc4cc60ce76b60a7_Favi.png - Social card (og:image): https://firebasestorage.googleapis.com/v0/b/sutra-prod.appspot.com/o/public%2FOpenGraph.png?alt=media&token=c62e224e-4bb7-4bd3-b377-729558f0982f ## UI Components - input: background=#FFFFFF, textColor=#121212, borderColor=#DBDBDB, borderRadius=2px, shadow=none - buttonPrimary: background=#121212, textColor=#FFFFFF, borderColor=#121212, borderRadius=2px, shadow=none - buttonSecondary: background=transparent, textColor=#121212, borderColor=#121212, borderRadius=2px, shadow=none ## Brand Personality Tone: modern · Energy: medium · Audience: businesses looking for booking and marketing solutions ## Arketa Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Arketa - Operations + reporting - Make informed decisions backed by your data** - Image: https://cdn.prod.website-files.com/65538df01e9315a5fa59f699/65fa5e8af9cf05856d6b02a7_reports%206.png - Source: https://www.arketa.com/features/operations-reporting - **Arketa | Blog** - Image: https://cdn.prod.website-files.com/65538df01e9315a5fa59f699/69b07a8f5e224e8e176ac560_framed-screenshot%20(5).png - Source: https://www.arketa.com/blog - **Arketa Blog | Proof in the Profits: Arketa Studios Grow 47% in One Year** - Image: https://cdn.prod.website-files.com/65538df01e9315a5fa59f699/68700b927bc9137ebbef3222_AdobeStock_218582311%20(1)-min.jpeg - Source: https://www.arketa.com/blog/proof-in-the-profits-arketa-studios-grow-47-in-one-year - **Arketa Blog | Transform Your Wellness Business' Online Presence with Arketa's Branded Websites** - Image: https://cdn.prod.website-files.com/65538df01e9315a5fa59f699/66d2326d7841a49cb92d9611_features.png - Source: https://www.arketa.com/blog/transform-your-wellness-business-online-presence-with-arketas-branded-websites - **Arketa Elevate** - Image: https://cdn.prod.website-files.com/654d5a0375a17dfee3425e02/68acd391abca0f1512821689_unnamed%20(2).jpg - Source: https://www.arketa.com/elevate - **Arketa Blog | We Just Raised $15M to Build the Future of Wellness Business Technology** - Image: https://cdn.prod.website-files.com/65538df01e9315a5fa59f699/6847458c8b1ff24a907b9cce_Copy%20of%20Untitled.png - Source: https://www.arketa.com/blog/series-a-fundraise ## 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": "Supremelltt", "role": "body" } ], "colors": { "primary": "#6B7280", "secondary": "#0050BD", "accent": "#3898EC", "background": "#FFFFFF", "textPrimary": "#121212", "link": "#3898EC" }, "typography": { "fontFamilies": { "primary": "Supremelltt", "heading": "Supremelltt" }, "fontStacks": { "heading": [ "Supremelltt", "sans-serif" ], "body": [ "Supremelltt", "sans-serif" ], "paragraph": [ "Supremelltt", "sans-serif" ] }, "fontSizes": { "h1": "80px", "h2": "40px", "body": "24px" } }, "spacing": { "baseUnit": 4, "borderRadius": "4px" }, "components": { "input": { "background": "#FFFFFF", "textColor": "#121212", "borderColor": "#DBDBDB", "borderRadius": "2px", "borderRadiusCorners": { "topLeft": "2px", "topRight": "2px", "bottomRight": "2px", "bottomLeft": "2px" }, "shadow": "none" }, "buttonPrimary": { "background": "#121212", "textColor": "#FFFFFF", "borderColor": "#121212", "borderRadius": "2px", "borderRadiusCorners": { "topLeft": "2px", "topRight": "2px", "bottomRight": "2px", "bottomLeft": "2px" }, "shadow": "none" }, "buttonSecondary": { "background": "transparent", "textColor": "#121212", "borderColor": "#121212", "borderRadius": "2px", "borderRadiusCorners": { "topLeft": "2px", "topRight": "2px", "bottomRight": "2px", "bottomLeft": "2px" }, "shadow": "none" } }, "images": { "logo": "https://cdn.prod.website-files.com/654d5a0375a17dfee3425e02/65526b0cdef5204966b18065_arketa_logo.png", "favicon": "https://cdn.prod.website-files.com/654d5a0375a17dfee3425e02/654d5a88cc4cc60ce76b60a7_Favi.png", "ogImage": "https://firebasestorage.googleapis.com/v0/b/sutra-prod.appspot.com/o/public%2FOpenGraph.png?alt=media&token=c62e224e-4bb7-4bd3-b377-729558f0982f" }, "__llm_logo_reasoning": { "selectedIndex": 24, "reasoning": "Logo rejected: Red flags detected (menu word). Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Arketa'.", "confidence": 0.95, "rejected": true, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "BOOK DEMO", "reasoning": "Button #0 'BOOK DEMO' has a dark background (#121212) with contrasting white text, making it stand out as a primary call-to-action. The text is action-oriented, encouraging users to engage with the product." }, "secondary": { "index": 2, "text": "TRY NOW", "reasoning": "Button #2 'TRY NOW' has a transparent background, making it less prominent than the primary button. It serves as a secondary option with a different color group." }, "confidence": 0.9 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "businesses looking for booking and marketing solutions" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.9, "colors": 0.9, "overall": 0.9 }, "__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 name 'Arketa'.", "confidence": 0.95 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```