autone.json

autone Brand Identity

A complete profile of autone's visual system — colors, typography, components, and personality — extracted from https://autone.io. Built for designers, agents, and AI tools.

Page: https://characterquilt.com/branding/autone
Machine-readable JSON: https://characterquilt.com/branding/autone.json

Quick Facts

Field	Value
Primary	#161D25
Accent	#000000
Body Font	PPNeueMontreal
Heading Font	PPNeueMontreal

Color Palette

primary: #161D25
secondary: #0267FF
accent: #000000
background: #000000
textPrimary: #000000
link: #2E323D

Typography

primary: PPNeueMontreal — https://fonts.google.com/specimen/PPNeueMontreal
heading: PPNeueMontreal — https://fonts.google.com/specimen/PPNeueMontreal

Visual Assets

UI Components

input: background=#FFFFFF, textColor=#010101, borderColor=#FFFFFF, borderRadius=4px, shadow=none
buttonPrimary: background=#000000, textColor=#FFFFFF, borderColor=#FFFFFF, borderRadius=4px, shadow=none
buttonSecondary: background=#FFFFFF, textColor=#010101, borderColor=#010101, borderRadius=4px, shadow=none

Brand Personality

Tone: professional · Energy: medium · Audience: investors and stock market enthusiasts

autone Brand in the Wild

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

The Crystal Ball of Retail ・ Leveraging Decision Intelligence with autone
- Image: https://pelostudio-storyblok-assets.b-cdn.net/f/255335/8198x4613/1c6675efd1/the-crystal-ball-of-retail-cover.png/m/smart/filters:quality(70)
- Source: https://autone.io/blog/the-crystal-ball-of-retail-leveraging-decision-intelligence-with-autone/
autone blog • real retail thinking
- Image: https://pelostudio-storyblok-assets.b-cdn.net/f/255335/800x800/ed5073250d/bechir.jpg/m/smart/filters:quality(70):format(webp)
- Source: https://autone.io/blog/
L'indisponibilité de produits en rayon : point noir du parcours d'achat des français
- Image: https://pelostudio-storyblok-assets.b-cdn.net/f/255335/5120x2880/7f2560e709/elements-deplaisants.png/m/fit-in/smart/filters:quality(70)
- Source: https://autone.io/fr/blog/les-francais-et-la-disponibilite-des-produits/
autone blog • real retail thinking
- Image: https://a.storyblok.com/f/255335/2400x1260/4b5f358f3c/og-image.png/m/1200x627/smart
- Source: https://autone.io/blog/
Pourquoi les retailers ne peuvent plus ignorer le rééquilibrage
- Image: https://pelostudio-storyblok-assets.b-cdn.net/f/255335/8192x5464/466dc033ad/rebal.jpeg/m/smart/filters:quality(70):format(webp)
- Source: https://autone.io/fr/blog/more-than-you-think/
autone blog • real retail thinking
- Image: https://pelostudio-storyblok-assets.b-cdn.net/f/255335/680x992/7b0d050700/cosmetics_unselected.png/m/smart/filters:quality(70)
- Source: https://autone.io/blog/

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:

Open the company's homepage in a browser with DevTools open.
In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
For each captured font URL: right-click → Save As to download the file locally.
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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "PPNeueMontreal",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#161D25",
    "secondary": "#0267FF",
    "accent": "#000000",
    "background": "#000000",
    "textPrimary": "#000000",
    "link": "#2E323D"
  },
  "typography": {
    "fontFamilies": {
      "primary": "PPNeueMontreal",
      "heading": "PPNeueMontreal"
    },
    "fontStacks": {
      "heading": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "body": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "PPNeueMontreal",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "132px",
      "body": "132px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "5px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#010101",
      "borderColor": "#FFFFFF",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#000000",
      "textColor": "#FFFFFF",
      "borderColor": "#FFFFFF",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#010101",
      "borderColor": "#010101",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20150%2025%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22w-full%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23a)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7.502%200c-.747%200-1.45.349-1.898.94L.471%207.74C.165%208.146%200%208.638%000%209.142v13.517C0%2023.952%201.06%2025%202.368%2025h16.607v-.028c-3.576-.318-6.378-3.289-6.378-6.907%200-3.619%202.802-6.59%206.378-6.907V2.342c0-1.294-1.06-2.342-2.369-2.342H7.502Zm17.8%2018.065c0%202.994-2.456%205.421-5.484%205.421s-5.483-2.427-5.483-5.421%202.455-5.422%205.483-5.422c3.028%200%205.483%202.428%205.483%205.422Zm50.477-8.163h-3.236v-4.48h3.236V0h5.37v5.422h4.455v4.48h-4.455v8.472c0%20.677.114%201.167.419%201.468.304.301.8.452%201.485.452h2.78v4.48h-4.456c-3.732%200-5.597-1.845-5.597-5.535V9.902ZM51.657%2024.774v-4.48h-.61c-.457%200-.761-.076-.952-.264-.228-.15-.304-.49-.304-.979v-6.815c0-2.259-.762-4.028-2.285-5.233-1.523-1.205-3.656-1.807-6.398-1.807-2.665%200-4.76.565-6.359%201.656-1.6%201.092-2.513%202.636-2.665%204.594h5.178c.115-.716.495-1.28%201.143-1.732.61-.414%201.447-.64%202.437-.64%201.104%200%201.98.263%202.666.79.647.528.99%201.205.99%202.071v.941h-3.884c-2.933%000-5.18.565-6.703%201.695-1.523%201.13-2.284%202.71-2.284%204.744%200%201.807.647%203.238%201.98%204.217C34.94%2024.51%2036.69%2025%2038.9%2025c1.447%200%202.704-.264%203.77-.866%201.028-.565%201.904-1.393%202.627-2.523-.076%202.109%201.143%203.163%203.618%203.163h2.742Zm-11.082-8.358h3.923v.376c-.038%201.356-.457%202.41-1.257%203.2-.838.791-1.942%201.168-3.313%201.168-.914%000-1.6-.189-2.132-.603-.533-.376-.762-.941-.762-1.619%000-.79.305-1.393.914-1.845.61-.451%201.485-.677%202.627-.677Zm30.828%208.358V5.422h-5.37v9.525c0%201.808-.38%203.2-1.104%204.18-.761.978-1.79%201.468-3.122%201.468-1.295%200-2.285-.414-2.894-1.318-.61-.904-.914-2.221-.914-3.99V5.421h-5.37v10.504c0%203.276.724%205.61%202.171%207.003C56.247%2024.322%2058.113%2025%2060.398%2025c1.294%000%202.437-.226%203.35-.678a7.17%207.17%000%200%200%202.4-1.882l.495%202.334h4.76Zm16.13-4.48c.837%201.506%202.055%202.673%203.617%203.501%201.56.828%203.389%201.205%205.445%201.205%202.056%000%203.846-.377%205.407-1.205%201.562-.828%202.78-1.958%203.618-3.464.838-1.506%201.295-3.238%201.295-5.233%000-1.958-.457-3.69-1.295-5.196-.838-1.506-2.056-2.635-3.618-3.464-1.561-.828-3.35-1.242-5.407-1.242-2.056%000-3.884.414-5.445%201.242-1.562.829-2.78%201.958-3.618%203.464-.838%201.506-1.257%203.238-1.257%205.196%000%201.958.42%203.69%201.257%205.196Zm13.936-5.196c0%201.656-.457%203.012-1.333%204.028-.875%201.055-2.056%201.544-3.54%201.544-1.486%000-2.666-.49-3.542-1.544-.876-1.016-1.295-2.372-1.295-4.028%000-1.657.419-2.975%201.295-4.029.876-1.016%202.056-1.543%203.541-1.543%201.485%000%202.666.527%203.541%201.543.876%201.054%201.333%202.372%201.333%204.029Zm24.509-7.794c1.447%201.43%202.208%203.728%202.208%206.966v10.504h-5.369V14.571c0-3.313-1.333-5.008-3.96-5.008-1.409%000-2.475.49-3.237%201.393-.762.942-1.142%202.26-1.142%203.916v9.902h-5.37V5.422h4.684l.495%202.41c.686-.829%201.485-1.47%202.475-1.92.952-.453%202.133-.716%203.58-.716%202.285%000%204.151.715%205.636%202.108Zm8.752-.866a8.718%208.718%000%200%200-3.465%203.464c-.838%201.506-1.219%203.238-1.219%205.234%000%201.995.419%203.727%201.257%205.233.838%201.506%202.056%202.636%203.656%203.426%201.599.828%203.465%201.205%205.673%201.205%201.676%000%203.161-.264%204.456-.866%201.294-.602%202.323-1.393%203.122-2.447a8.073%208.073%000%200%200%201.485-3.464h-5.293c-.228.904-.723%201.619-1.447%202.07-.723.453-1.637.678-2.703.678-1.371%000-2.476-.376-3.237-1.204-.8-.791-1.257-1.883-1.371-3.314v-.15h14.204c.076-.527.152-1.13.152-1.808-.038-1.882-.495-3.501-1.333-4.894-.838-1.393-2.018-2.485-3.541-3.238-1.523-.753-3.237-1.167-5.217-1.167-1.98%000-3.694.414-5.179%201.242Zm8.416%203.69c.799.64%201.294%201.544%201.485%202.71h-8.873c.153-1.129.609-1.995%201.409-2.672.8-.678%201.79-1.017%202.97-1.017%201.219%000%202.209.339%203.009.979Z%22%20fill%3D%22%23fff%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cdefs%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3CclipPath%20id%3D%22a%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h150v25H0z%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E