llms.txt

arnata Brand Identity

A complete profile of arnata's visual system — colors, typography, components, and personality.

Quick Facts

Field Value
Primary #0055FE
Accent #0055FE
Body Font Satoshi
Heading Font Switzer

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy professionals

arnata Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

Working with these fonts

Not found on Google Fonts? Instructions that you can follow if you have permission to use the fonts:

  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.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
     {
       "family": "Satoshi",
       "role": "body"
     },
     {
       "family": "Switzer",
       "role": "heading"
     },
     {
       "family": "Inter",
       "role": "unknown"
     }
 ],
 "colors": {
   "primary": "#0055FE",
   "secondary": "#815BFE",
   "accent": "#0055FE",
   "background": "#FFFFFF",
   "textPrimary": "#121212",
   "link": "#0000EE"
 },
 "typography": {
   "fontFamilies": {
     "primary": "Satoshi",
     "heading": "Switzer"
   },
   "fontStacks": {
     "heading": [
       "Switzer",
       "sans-serif"
     ],
     "body": [
       "sans-serif"
     ],
     "paragraph": [
       "Satoshi",
       "sans-serif"
     ]
   },
   "fontSizes": {
     "h1": "90px",
     "h2": "54px",
     "body": "16px"
   }
 },
 "spacing": {
   "baseUnit": 4,
   "borderRadius": "8px"
 },
 "components": {
   "buttonPrimary": {
     "background": "#0055FE",
     "textColor": "#0000EE",
     "borderRadius": "10px",
     "borderRadiusCorners": {
       "topLeft": "10px",
       "topRight": "10px",
       "bottomRight": "10px",
       "bottomLeft": "10px"
     },
     "shadow": "rgba(0, 0, 0, 0.07) 0px 0.602187px 1.80656px -1.25px, rgba(0, 0, 0, 0.06) 0px 2.28853px 6.8656px -2.5px, rgba(0, 0, 0, 0.03) 0px 10px 30px -3.75px"
   },
   "buttonSecondary": {
     "background": "#121212",
     "textColor": "#0000EE",
     "borderRadius": "8px",
     "borderRadiusCorners": {
       "topLeft": "8px",
       "topRight": "8px",
       "bottomRight": "8px",
       "bottomLeft": "8px"
     },
     "shadow": "rgba(0, 0, 0, 0.15) 0px 0.706592px 0.706592px -0.625px, rgba(0, 0, 0, 0.14) 0px 1.80656px 1.80656px -1.25px, rgba(0, 0, 0, 0.14) 0px 3.62176px 3.62176px -1.875px, rgba(0, 0, 0, 0.13) 0px 6.8656px 6.8656px -2.5px, rgba(0, 0, 0, 0.1) 0px 13.6468px 13.6468px -3.125px, rgba(0, 0, 0, 0.05) 0px 30px 30px -3.75px"
   }
 },
 "images": {
   "logo": null,
   "favicon": "https://framerusercontent.com/images/e7ukcvjkDxvzUzygJ7iFM1Awag.png",
   "ogImage": "https://framerusercontent.com/assets/hKlgFquVUQrIGwAgi525LUgc.png"
 },
 "__llm_button_reasoning": {
   "primary": {
     "index": 2,
     "text": "Sign up",
     "reasoning": "Button #2 ('Sign up') uses the vibrant brand color #0055FE, which is a strong indicator of a primary CTA. The action-oriented text 'Sign up' further supports this choice."
   },
   "secondary": {
     "index": 1,
     "text": "Get in touch",
     "reasoning": "Button #1 ('Get in touch') has a different background color (#121212) compared to the primary button and serves as a secondary action with a less vibrant appearance."
   },
   "confidence": 0.95
 },
 "personality": {
   "tone": "modern",
   "energy": "medium",
   "targetAudience": "tech-savvy professionals"
 },
 "designSystem": {
   "framework": "custom",
   "componentLibrary": ""
 },
 "confidence": {
   "buttons": 0.95,
   "colors": 0.9,
   "overall": 0.925
 },
 "__llm_metadata": {
   "logoSelection": {
     "llmCalled": false,
     "llmSucceeded": false,
     "finalSource": "none"
   },
   "buttonClassification": {
     "llmCalled": true,
     "llmSucceeded": true
   }
 }
}