vimcal.json

Vimcal Brand Identity

A complete profile of Vimcal's visual system — colors, typography, components, and personality — extracted from http://www.vimcal.com. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #040126
Accent #475467
Body Font Plus Jakarta Sans
Heading Font Manrope

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: professionals with busy schedules

Vimcal Brand in the Wild

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

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

{
  "colorScheme": "dark",
  "fonts": [
    {
      "family": "Plus Jakarta Sans",
      "role": "body"
    },
    {
      "family": "Manrope",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#040126",
    "secondary": "#30356D",
    "accent": "#475467",
    "background": "#0A0A0A",
    "textPrimary": "#0A0A0A",
    "link": "#475467"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Plus Jakarta Sans",
      "heading": "Manrope"
    },
    "fontStacks": {
      "heading": [
        "Plus Jakarta Sans",
        "sans-serif"
      ],
      "body": [
        "Plus Jakarta Sans",
        "sans-serif"
      ],
      "paragraph": [
        "Plus Jakarta Sans",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "16px",
      "h2": "69.12px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "16px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FFFFFF",
      "textColor": "#040126",
      "borderColor": "#FFFFFF",
      "borderRadius": "6.4px",
      "borderRadiusCorners": {
        "topLeft": "6.4px",
        "topRight": "6.4px",
        "bottomRight": "6.4px",
        "bottomLeft": "6.4px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22100%25%22%20viewBox%3D%220%200%20119%2031%22%20fill%3D%22none%22%20class%3D%22vimcal-logo%22%20data-fc-idx%3D%220%22%3E%3Cg%20clip-path%3D%22url(%23clip0_1299_174)%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%3Cpath%20d%3D%22M20.457%2016.541C19.6144%2019.8047%2019.3891%2023.286%2019.8955%2026.8311C19.9767%2027.3992%2020.0757%2027.9606%2020.1914%2028.5146C20.0626%2028.6414%2019.9248%2028.7627%2019.7793%2028.877C19.0811%2029.4249%2018.279%2029.7512%2017.459%2029.8662C16.6396%2029.9855%2015.7789%2029.8961%2014.9551%2029.5654C12.466%2028.566%2011.2579%2025.7384%2012.2568%2023.249C12.3341%2023.0564%2012.4223%2022.8712%2012.5205%2022.6943C13.9037%2020.9483%2015.4772%2019.4071%2017.1299%2018.2549C18.2234%2017.4925%2019.3417%2016.9064%2020.457%2016.541ZM25.8838%206.07812C23.5336%208.84766%2021.7587%2012.0949%2020.71%2015.6191C19.3271%2015.9958%2017.9617%2016.6853%2016.6641%2017.5898C14.9563%2018.7803%2013.3434%2020.3582%2011.9287%2022.1348C10.1358%2022.5701%208.17254%2021.959%206.95898%2020.4131C5.58099%2018.6574%205.60342%2016.2488%206.86523%2014.5352C13.5098%208.33535%2019.8217%206.32556%2024.626%205.9209L25.8838%206.07812ZM16.7549%200.332031C24.049%20-0.709889%2031.542%201.03144%2031.5664%201.03711L31.5537%201.06934C29.8161%202.20469%2028.2291%203.53686%2026.8193%205.0293C26.1062%205.02204%2025.3492%205.04629%2024.5537%205.11328C19.4096%205.54663%2012.6788%207.75255%205.6748%2014.5459C3.95218%2014.8682%202.11397%2014.2444%200.957031%2012.7705C-0.699206%2010.6604%20-0.0629101%207.91329%201.77832%205.95117C4.08243%203.4962%2010.3755%201.24331%2016.7549%200.332031ZM25.8828%206.07715L24.625%205.91992C25.1284%205.87761%2025.6154%205.85285%2026.085%205.84277C26.0174%205.92046%2025.9497%205.99868%2025.8828%206.07715Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.95%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20fill-opacity%3A%200.95%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M36.0781%2010.0634L42.083%2024.3641H45.307L51.3119%2010.0634L47.8323%2010.0503L43.695%2020.3509L39.5578%2010.0503L36.0781%2010.0634Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.95%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20fill-opacity%3A%200.95%20!important%3B%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M52.8906%2010.0622V24.3632H56.048V10.0622H52.8906ZM81.2272%2024.3632V15.4855C81.2272%2011.7794%2078.5558%209.81148%2075.8875%209.81148C74.1508%209.81148%2072.3256%2010.6956%2071.1992%2012.2244L70.9968%2012.499L70.8156%2012.21C69.8298%2010.6381%2068.1513%209.81148%2066.4713%209.81148C64.8285%209.81148%2063.6074%2010.6034%2062.7485%2011.6233L62.3389%2012.1098V10.0622H59.1815V24.3632H62.3389V16.767C62.3389%2015.7065%2062.5746%2014.6788%2063.1198%2013.9095C63.6727%2013.1296%2064.5308%2012.6345%2065.7191%2012.6345C66.6644%2012.6345%2067.4043%2013.0062%2067.9006%2013.6717C68.3899%2014.3279%2068.6256%2015.2468%2068.6256%2016.3213V24.3632H71.783V16.2009C71.8551%2015.264%2072.1382%2014.3676%2072.6906%2013.7098C73.2492%2013.0448%2074.0681%2012.6345%2075.1633%2012.6345C76.1086%2012.6345%2076.8485%2013.0062%2077.3449%2013.6717C77.8341%2014.3279%2078.0698%2015.2468%2078.0698%2016.3213V24.3632H81.2272ZM96.7944%2020.1784C95.686%2022.7571%2093.1808%2024.5861%2090.1428%2024.5861C85.984%2024.5861%2082.7695%2021.2109%2082.7695%2017.2127C82.7695%2013.0523%2086.1184%209.81148%2090.1428%209.81148C93.1281%209.81148%2095.6585%2011.6157%2096.7932%2014.2452L93.9181%2015.0425C93.2168%2013.6438%2091.8486%2012.6067%2090.1428%2012.6067C87.634%2012.6067%2085.7039%2014.7573%2085.7039%2017.2127C85.7039%2019.6702%2087.636%2021.7908%2090.1428%2021.7908C91.8707%2021.7908%2093.2426%2020.7837%2093.9217%2019.3577L96.7944%2020.1784ZM109.405%2022.4365V24.3632H112.563V10.0622H109.405V12.0273L109.005%2011.6058C107.988%2010.5351%20106.543%209.81148%20104.744%209.81148C100.867%209.81148%2097.6488%2013.0438%2097.6488%2017.2127C97.6488%2021.2168%20100.869%2024.5861%20104.744%2024.5861C106.546%2024.5861%20107.991%2023.8882%20109.007%2022.8455L109.405%2022.4365ZM105.106%2021.763C102.52%2021.763%20100.583%2019.6751%20100.583%2017.2127C100.583%2014.7522%20102.518%2012.6345%20105.106%2012.6345C107.607%2012.6345%20109.628%2014.7492%20109.628%2017.2127C109.628%2019.6792%20107.576%2021.763%20105.106%2021.763ZM115.598%205.32617V24.3632H118.756V5.32617H115.598Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.95%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20fill-opacity%3A%200.95%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M56.3769%206.10934C56.3769%207.15401%2055.53%208.00089%2054.4853%208.00089C53.4406%208.00089%2052.5938%207.15401%2052.5938%206.10934C52.5938%205.06466%2053.4406%204.21777%2054.4853%204.21777C55.53%204.21777%2056.3769%205.06466%2056.3769%206.10934Z%22%20fill%3D%22white%22%20fill-opacity%3D%220.95%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%20fill-opacity%3A%200.95%20!important%3B%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E" style="display: block; height: auto; width: auto; border: none;"/>
- Favicon: https://cdn.prod.website-files.com/5f303e34821294abdf7d62ec/6205349dda9cb83803b925ef_favicon%403x-32.png
- Social card (og:image): https://cdn.prod.website-files.com/68ddc518de8f1caa952ead65/68eae7af1f88386c78759bdf_vimcal-opengraph.jpg

## UI Components

- buttonPrimary: background=#FFFFFF, textColor=#040126, borderColor=#FFFFFF, borderRadius=6.4px, shadow=none

## Brand Personality

Tone: modern · Energy: medium · Audience: professionals with busy schedules

## Vimcal Brand in the Wild

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

## 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:

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.