# Ancana Brand Identity

A complete profile of **Ancana**'s visual system — colors, typography, components, and personality — extracted from https://www.ancana.co. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/ancana
- Machine-readable JSON: https://characterquilt.com/branding/ancana.json
- Per-page llms.txt: https://characterquilt.com/branding/ancana/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #6C757D |
| Accent | #323843 |
| Body Font | Roboto |
| Heading Font | Roboto |

## Color Palette

- primary: #6C757D
- secondary: #6366F1
- accent: #323843
- background: #3D4348
- textPrimary: #3D4348
- link: #2B3443

## Typography

- primary: Roboto — https://fonts.google.com/specimen/Roboto
- heading: Roboto — https://fonts.google.com/specimen/Roboto

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20163.996%2029.297%22%20class%3D%22center-self%22%20style%3D%22width%3A%20110px%3B%22%20data-fc-idx%3D%220%22%3E%3Cg%20data-name%3D%22Group%20107%22%20fill%3D%22%23cca274%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%3E%3Cpath%20data-name%3D%22Path%20128%22%20d%3D%22M47.011%2013.827V.535h3.6v.3q0%2013.845.006%2027.69c0%20.276-.079.34-.343.336-.974-.016-1.948-.006-2.922-.006h-.337V18.732a.585.585%200%200%200-.227-.5Q39.53%2011.996%2032.276%205.751c-.063-.055-.132-.1-.24-.189v23.266h-3.587V.527c.094-.005.18-.015.266-.015.868%200%201.736-.007%202.6.006a.675.675%200%200%201%20.4.144q7.448%206.4%2014.887%2012.821c.113.1.227.192.407.344%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3Cpath%20data-name%3D%22Path%20129%22%20d%3D%22M135.152%2028.833h-3.576V18.712a.586.586%200%200%200-.229-.494q-7.25-6.228-14.493-12.464a3.637%203.637%200%200%200-.232-.18c-.007.159-.016.275-.016.392v22.486c0%20.441.043.4-.4.4-.975%200-1.948-.006-2.922.005-.226%200-.28-.072-.279-.287q.007-13.884%200-27.769V.533c.1-.008.185-.02.269-.02.877%200%201.753-.007%202.63.006a.676.676%200%200%201%20.4.154q7.518%206.466%2015.026%2012.943c.059.051.122.1.221.18V.537h3.594Z%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3Cpath%20data-name%3D%22Path%20130%22%20d%3D%22m82.758%205.2-2.411%202.232-.628-.535a16.1%2016.1%200%200%200-5.457-2.932%2013.2%2013.2%200%200%200-5.71-.543%2011.787%2011.787%200%200%200-6.5%202.747%2010.424%2010.424%200%200%200-3.679%206.924%2011.251%2011.251%200%200%200%20.839%206.122%2011.135%2011.135%200%200%200%207.848%206.367%2013.468%2013.468%200%200%200%209.171-1.025%2019.214%2019.214%200%200%200%204.15-2.6c.054-.045.111-.086.186-.143l2.557%202.151-.263.243a21.27%2021.27%200%200%201-6.877%204.015%2016.233%2016.233%200%200%201-6.658%201.046%2015.61%2015.61%200%200%201-9.655-3.757%2013.649%2013.649%200%200%201-4.813-8.608%2014.342%2014.342%200%200%201%203.723-12.251%2013.828%2013.828%200%200%201%207.466-4.2%2018.192%2018.192%200%200%201%2013.9%202.4%2014.514%2014.514%200%200%201%202.664%202.182c.042.043.08.092.142.164%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3Cpath%20data-name%3D%22Path%20131%22%20d%3D%22m24.566%2028.527-5.194-12.933Q16.39%208.169%2013.412.743a.314.314%200%200%200-.349-.234c-.567.012-1.134.013-1.7%200a.327.327%200%200%200-.363.25Q5.679%2014.353.349%2027.943c-.114.291-.225.584-.349.909h.284c1.107%200%202.214-.005%203.321%200a.331.331%200%200%200%20.364-.253q1.487-3.814%202.987-7.622l1.186-3.019c.1.083.171.136.237.193q6.121%205.268%2012.24%2010.526a.755.755%200%200%200%20.447.167c1.116.014%202.231.008%203.347.007.083%200%20.166-.01.267-.016-.047-.127-.078-.218-.114-.308M17.8%2021.658l-1.746-1.5q-3.176-2.739-6.354-5.472a.326.326%200%200%201-.109-.442q1.289-3.263%202.561-6.533c.031-.079.069-.155.14-.312l5.584%2014.22-.077.043%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3Cpath%20data-name%3D%22Path%20132%22%20d%3D%22m163.887%2028.557-5.242-13.058q-2.958-7.365-5.912-14.732a.34.34%200%200%200-.382-.262c-.549.017-1.1.016-1.647%200a.355.355%200%200%200-.4.27q-1.914%204.913-3.845%209.82l-7.048%2017.984c-.03.077-.055.156-.094.271h.334c1.072%200%202.144-.01%203.215.007a.392.392%200%200%200%20.436-.307c1.02-2.617%202.052-5.229%203.07-7.847a.364.364%200%200%201%20.4-.273q4.809.01%209.618%200a.388.388%200%200%201%20.422.293c1.066%202.627%202.144%205.25%203.21%207.878a.348.348%200%200%200%20.389.256c1.089-.011%202.179-.005%203.268-.005h.313c-.049-.133-.076-.214-.108-.294m-16.179-11.469%203.874-9.677%203.871%209.677Z%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3Cpath%20data-name%3D%22Path%20133%22%20d%3D%22M109.2%2028.511q-3.548-8.841-7.1-17.681L98.074.796c-.076-.19-.152-.3-.391-.291-.548.022-1.1.016-1.647%200a.356.356%200%200%200-.4.27q-5.3%2013.559-10.622%2027.113l-.376.961h.336c1.072%200%202.143-.009%203.215.006a.39.39%200%200%200%20.441-.3c1.018-2.618%202.051-5.23%203.069-7.847a.38.38%200%200%201%20.425-.284q4.8.012%209.591%200a.385.385%200%200%201%20.429.28c1.068%202.636%202.151%205.266%203.221%207.9a.334.334%200%200%200%20.371.243c1.1-.009%202.2%200%203.294%200h.3c-.054-.148-.087-.245-.126-.34M93.04%2017.087l3.874-9.68%203.873%209.68Z%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E

## UI Components

- input: background=#FFFFFF, textColor=#3B4559, borderColor=#CCA274, borderRadius=0px, shadow=none
- buttonPrimary: background=#323843, textColor=#FFFFFF, borderColor=#CCA274, borderRadius=10px, shadow=none
- buttonSecondary: background=transparent, textColor=#3B4559, borderColor=#CCA274, borderRadius=64px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: Individuals interested in co-ownership of homes

## Ancana Brand in the Wild

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

- **The 10 best beaches in Acapulco that you cannot miss**
  - Image: https://wordpress.ancana.co/wp-content/uploads/2022/08/pie-de-la-cuesta-3-1024x567.webp
  - Source: https://ancana.co/blog/the-10-best-beaches-in-acapulco-that-you-cannot-miss
- **Ancana**
  - Image: https://api-v1.s3.amazonaws.com/CACHE/images/images/8e59f83f-6d61-4ceb-8896-b74c39553e9f/6e02afdd28a9174cde5a26f0057b7886.webp
  - Source: https://www.ancana.co/es/listing/casa-palmar?__hstc=140972525.2f3f33a24b44870ec4a577029c49e44b.1754438400321.1754438400322.1754438400323.1&__hssc=140972525.1.1754438400324&__hsfp=2324370431
- **The 10 best beaches in Acapulco that you cannot miss**
  - Image: https://wordpress.ancana.co/wp-content/uploads/2025/09/UAVI-1.jpg
  - Source: https://ancana.co/blog/the-10-best-beaches-in-acapulco-that-you-cannot-miss
- **Ancana**
  - Image: https://api-v1.s3.amazonaws.com/CACHE/images/images/PHOTO-2023-05-15-11-48-53/7a078d4a8c2e499da9908509d2c98559.webp
  - Source: https://www.ancana.co/es/listing/bolongo-201
- **properties - Ancana**
  - Image: https://i0.wp.com/wordpress.ancana.co/wp-content/uploads/2022/03/Blog-Header-Co-Ownership.png?fit=960%2C341&ssl=1
  - Source: https://wordpress.ancana.co/tag/properties/
- **TOP 3 luxury vacation homes in Valle de Bravo - Ancana**
  - Image: https://wordpress.ancana.co/wp-content/uploads/2022/10/IMG_0255-scaled.jpg
  - Source: https://wordpress.ancana.co/2022/10/24/top-3-luxury-vacation-homes-in-valle-de-bravo/

## 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": "Nuckle",
      "role": "unknown"
    },
    {
      "family": "Roboto",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#6C757D",
    "secondary": "#6366F1",
    "accent": "#323843",
    "background": "#3D4348",
    "textPrimary": "#3D4348",
    "link": "#2B3443"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roboto",
      "heading": "Roboto"
    },
    "fontStacks": {
      "heading": [
        "Nuckle",
        "sans-serif"
      ],
      "body": [
        "Nuckle",
        "sans-serif"
      ],
      "paragraph": [
        "Nuckle",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "14px",
      "h2": "14px",
      "body": "48px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "6px"
  },
  "components": {
    "input": {
      "background": "#FFFFFF",
      "textColor": "#3B4559",
      "borderColor": "#CCA274",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#323843",
      "textColor": "#FFFFFF",
      "borderColor": "#CCA274",
      "borderRadius": "10px",
      "borderRadiusCorners": {
        "topLeft": "10px",
        "topRight": "0px",
        "bottomRight": "10px",
        "bottomLeft": "10px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#3B4559",
      "borderColor": "#CCA274",
      "borderRadius": "64px",
      "borderRadiusCorners": {
        "topLeft": "64px",
        "topRight": "64px",
        "bottomRight": "64px",
        "bottomLeft": "64px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20163.996%2029.297%22%20class%3D%22center-self%22%20style%3D%22width%3A%20110px%3B%22%20data-fc-idx%3D%220%22%3E%3Cg%20data-name%3D%22Group%20107%22%20fill%3D%22%23cca274%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%3E%3Cpath%20data-name%3D%22Path%20128%22%20d%3D%22M47.011%2013.827V.535h3.6v.3q0%2013.845.006%2027.69c0%20.276-.079.34-.343.336-.974-.016-1.948-.006-2.922-.006h-.337V18.732a.585.585%200%200%200-.227-.5Q39.53%2011.996%2032.276%205.751c-.063-.055-.132-.1-.24-.189v23.266h-3.587V.527c.094-.005.18-.015.266-.015.868%200%201.736-.007%202.6.006a.675.675%200%200%201%20.4.144q7.448%206.4%2014.887%2012.821c.113.1.227.192.407.344%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3Cpath%20data-name%3D%22Path%20129%22%20d%3D%22M135.152%2028.833h-3.576V18.712a.586.586%200%200%200-.229-.494q-7.25-6.228-14.493-12.464a3.637%203.637%200%200%200-.232-.18c-.007.159-.016.275-.016.392v22.486c0%20.441.043.4-.4.4-.975%200-1.948-.006-2.922.005-.226%200-.28-.072-.279-.287q.007-13.884%200-27.769V.533c.1-.008.185-.02.269-.02.877%200%201.753-.007%202.63.006a.676.676%200%200%201%20.4.154q7.518%206.466%2015.026%2012.943c.059.051.122.1.221.18V.537h3.594Z%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3Cpath%20data-name%3D%22Path%20130%22%20d%3D%22m82.758%205.2-2.411%202.232-.628-.535a16.1%2016.1%200%200%200-5.457-2.932%2013.2%2013.2%200%200%200-5.71-.543%2011.787%2011.787%200%200%200-6.5%202.747%2010.424%2010.424%200%200%200-3.679%206.924%2011.251%2011.251%200%200%200%20.839%206.122%2011.135%2011.135%200%200%200%207.848%206.367%2013.468%2013.468%200%200%200%209.171-1.025%2019.214%2019.214%200%200%200%204.15-2.6c.054-.045.111-.086.186-.143l2.557%202.151-.263.243a21.27%2021.27%200%200%201-6.877%204.015%2016.233%2016.233%200%200%201-6.658%201.046%2015.61%2015.61%200%200%201-9.655-3.757%2013.649%2013.649%200%200%201-4.813-8.608%2014.342%2014.342%200%200%201%203.723-12.251%2013.828%2013.828%200%200%201%207.466-4.2%2018.192%2018.192%200%200%201%2013.9%202.4%2014.514%2014.514%200%200%201%202.664%202.182c.042.043.08.092.142.164%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3Cpath%20data-name%3D%22Path%20131%22%20d%3D%22m24.566%2028.527-5.194-12.933Q16.39%208.169%2013.412.743a.314.314%200%200%200-.349-.234c-.567.012-1.134.013-1.7%200a.327.327%200%200%200-.363.25Q5.679%2014.353.349%2027.943c-.114.291-.225.584-.349.909h.284c1.107%200%202.214-.005%203.321%200a.331.331%200%200%200%20.364-.253q1.487-3.814%202.987-7.622l1.186-3.019c.1.083.171.136.237.193q6.121%205.268%2012.24%2010.526a.755.755%200%200%200%20.447.167c1.116.014%202.231.008%203.347.007.083%200%20.166-.01.267-.016-.047-.127-.078-.218-.114-.308M17.8%2021.658l-1.746-1.5q-3.176-2.739-6.354-5.472a.326.326%200%200%201-.109-.442q1.289-3.263%202.561-6.533c.031-.079.069-.155.14-.312l5.584%2014.22-.077.043%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3Cpath%20data-name%3D%22Path%20132%22%20d%3D%22m163.887%2028.557-5.242-13.058q-2.958-7.365-5.912-14.732a.34.34%200%200%200-.382-.262c-.549.017-1.1.016-1.647%200a.355.355%200%200%200-.4.27q-1.914%204.913-3.845%209.82l-7.048%2017.984c-.03.077-.055.156-.094.271h.334c1.072%200%202.144-.01%203.215.007a.392.392%200%200%200%20.436-.307c1.02-2.617%202.052-5.229%203.07-7.847a.364.364%200%200%201%20.4-.273q4.809.01%209.618%200a.388.388%200%200%201%20.422.293c1.066%202.627%202.144%205.25%203.21%207.878a.348.348%200%200%200%20.389.256c1.089-.011%202.179-.005%203.268-.005h.313c-.049-.133-.076-.214-.108-.294m-16.179-11.469%203.874-9.677%203.871%209.677Z%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3Cpath%20data-name%3D%22Path%20133%22%20d%3D%22M109.2%2028.511q-3.548-8.841-7.1-17.681L98.074.796c-.076-.19-.152-.3-.391-.291-.548.022-1.1.016-1.647%200a.356.356%200%200%200-.4.27q-5.3%2013.559-10.622%2027.113l-.376.961h.336c1.072%200%202.143-.009%203.215.006a.39.39%200%200%200%20.441-.3c1.018-2.618%202.051-5.23%203.069-7.847a.38.38%200%200%201%20.425-.284q4.8.012%209.591%200a.385.385%200%200%201%20.429.28c1.068%202.636%202.151%205.266%203.221%207.9a.334.334%200%200%200%20.371.243c1.1-.009%202.2%200%203.294%200h.3c-.054-.148-.087-.245-.126-.34M93.04%2017.087l3.874-9.68%203.873%209.68Z%22%20style%3D%22fill%3A%20rgb(204%2C%20162%2C%20116)%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E",
    "favicon": null,
    "ogImage": null
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 4,
    "reasoning": "Selected #4 because it is located in the header, has a medium size, and matches the brand inferred from the page title and URL.",
    "confidence": 0.85,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 2,
      "text": "Explore properties",
      "reasoning": "Button #2 ('Explore properties') is likely the primary CTA due to its action-oriented text and distinct background color (#323843), which stands out against the transparent buttons."
    },
    "secondary": {
      "index": 0,
      "text": "Register",
      "reasoning": "Button #0 ('Register') is selected as secondary due to its transparent background, making it less prominent than the primary button."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "Individuals interested in co-ownership of homes"
  },
  "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": 4,
        "selectedLogoReasoning": "Selected #4 because it is located in the header, has a medium size, and matches the brand inferred from the page title and URL.",
        "confidence": 0.85
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```