autone Brand: Colors, Fonts, Logo & Visual Identity
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.
Color Palette
Brand palette extracted from https://autone.io.
| Color | Hex Code | RGB Value |
|---|---|---|
| primary | #161D25 | rgb(22, 29, 37) |
| secondary | #0267FF | rgb(2, 103, 255) |
| accent | #000000 | rgb(0, 0, 0) |
| background | #000000 | rgb(0, 0, 0) |
| textPrimary | #000000 | rgb(0, 0, 0) |
| link | #2E323D | rgb(46, 50, 61) |
Typography
Each font links to its Google Fonts page where available.
| Role | Font | Link |
|---|---|---|
| primary | PPNeueMontreal | Google Fonts → |
| heading | PPNeueMontreal | Google Fonts → |
Visual Assets
%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%200%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%200-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%200-1.6-.189-2.132-.603-.533-.376-.762-.941-.762-1.619%200-.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%200%202.437-.226%203.35-.678a7.17%207.17%200%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%200%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%200-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%200-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%200%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%200-2.666-.49-3.542-1.544-.876-1.016-1.295-2.372-1.295-4.028%200-1.657.419-2.975%201.295-4.029.876-1.016%202.056-1.543%203.541-1.543%201.485%200%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%200-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%200%204.151.715%205.636%202.108Zm8.752-.866a8.718%208.718%200%200%200-3.465%203.464c-.838%201.506-1.219%203.238-1.219%205.234%200%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%200%203.161-.264%204.456-.866%201.294-.602%202.323-1.393%203.122-2.447a8.073%208.073%200%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%200-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%200-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%200%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)
UI Components
Live previews rendered using autone's actual button styles.
Input
| Property | Value |
|---|---|
| background | #FFFFFF |
| textColor | #010101 |
| borderColor | #FFFFFF |
| borderRadius | 4px |
| shadow | none |
Button Primary
| Property | Value |
|---|---|
| background | #000000 |
| textColor | #FFFFFF |
| borderColor | #FFFFFF |
| borderRadius | 4px |
| shadow | none |
Button Secondary
| Property | Value |
|---|---|
| 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
Image Source: autone.io
Frequently Asked Questions
What is autone's primary brand color?
autone's primary brand color is #161D25. It anchors the visual identity across their website, product UI, and marketing materials.
What accent color does autone use?
autone uses #000000 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
What font does autone use?
autone uses PPNeueMontreal as the primary typeface across body and headings.
Does autone use a light or dark theme?
autone's primary site uses a light color scheme, with a background of #000000.
Where can I find autone's logo?
autone's logo is available directly on their site (https://autone.io).