mirage

Mirage Brand Identity

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

Color Palette

Brand palette extracted from https://mirage.app/.
primary

Color	Hex Code	RGB
primary	#6B7280	rgb(107, 114, 128)
accent	#1D1F20	rgb(29, 31, 32)
background	#BEC3C6	rgb(190, 195, 198)
textPrimary	#1D1F20	rgb(29, 31, 32)
link	#6B7280	rgb(107, 114, 128)

Typography

Each font links to its Google Fonts page where available.

primary

DenimINK
DenimINK Google Fonts →

UI Components

Live previews rendered using Mirage's actual button styles.

Button Primary

background: #1D1F20
textColor: #FFFFFF
borderColor: #1D1F20
borderRadius: 15px
shadow: none

Button Secondary

background: transparent
textColor: #1D1F20
borderColor: #1D1F20
borderRadius: 15px
shadow: none

Brand Personality

Tone: modern
Energy: medium
Audience: content creators and video producers

Mirage Brand in the Wild

Image: captions.ai
Source: mirage.app

Frequently Asked Questions

What is Mirage's primary brand color?
- Mirage's primary brand color is #6B7280.
What accent color does Mirage use?
- Mirage uses #1D1F20 as an accent color.
What font does Mirage use?
- Mirage uses DenimINK as the primary typeface.
Does Mirage use a light or dark theme?
- Mirage's primary site uses a light color scheme.
Where can I find Mirage's logo?
- Mirage's logo is available directly on their site (https://mirage.app/).

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "DenimINK",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#6B7280",
    "accent": "#1D1F20",
    "background": "#BEC3C6",
    "textPrimary": "#1D1F20",
    "link": "#6B7280"
  },
  "typography": {
    "fontFamilies": {
      "primary": "DenimINK",
      "heading": "DenimINK"
    },
    "fontStacks": {
      "heading": [
        "DenimINK",
        "sans-serif",
        "system-ui"
      ],
      "body": [
        "DenimINK",
        "sans-serif",
        "system-ui"
      ],
      "paragraph": [
        "DenimINK",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "48px",
      "h2": "72px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "24px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#1D1F20",
      "textColor": "#FFFFFF",
      "borderColor": "#1D1F20",
      "borderRadius": "15px",
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#1D1F20",
      "borderColor": "#1D1F20",
      "borderRadius": "15px",
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20width%3D%221063%22%20height%3D%22306%22%20viewBox%3D%220%200%201063%20306%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20class%3D%22astro-b56op3of%22%20data-fc-idx%3D%220%22%3E%20%3Cg%20clip-path%3D%22url(%23clip0_405_16)%22%20class%3D%22astro-b56op3of%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%20%3Cpath%20d%3D%22M969.5%20180C963.5%20180%20963.5%20183.5%20964.645%20188.142C969.538%20207.978%20982.019%20220%201002.32%20220C1017.8%20220%201032.19%20213.252%201035.83%20196.811C1035.93%20196.344%201036.34%20196%201036.82%20196H1062.88C1063.48%20196%201063.94%20196.528%201063.86%20197.119C1059.77%20227.462%201029.88%20242%201002.06%20242C963.35%20242%20936%20213.599%20936%20174.485C936%20136.514%20964.58%20108%201001.94%20108C1037.21%20108%201064%20133.657%201064%20169.846C1064%20173.907%201064%20177.47%201063.66%20179.309C1063.58%20179.729%201063.2%20180%201062.77%20180H969.5ZM964.645%20151C960.5%20160%20965.5%20160.5%20973.161%20160H1030C1036.5%20160%201038.5%20158%201035%20149.5C1028.96%20134.83%201016.78%20130.162%201002.06%20130.162C986.447%20130.162%20971.648%20135.795%20964.645%20151Z%22%20fill%3D%22black%22%20class%3D%22astro-b56op3of%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M784%20174.829C784%20136.043%20811.055%20108%20849.658%20108C861.729%20108%20873.754%20110.679%20883%20119C887.5%20123.05%20891%20119.745%20891%20116.5V110.99C891%20110.437%20891.448%20109.99%20892%20109.99H918C918.552%20109.99%20919%20110.437%20919%20110.99V249.441C919%20281.289%20893.053%20305%20852%20305C813.086%20305%20786.141%20283.424%20784.124%20259.053C784.077%20258.482%20784.534%20258%20785.107%20258H811.094C811.568%20258%20811.975%20258.334%20812.088%20258.795C815.139%20271.212%20829.324%20281%20852%20281C873.842%20281%20891%20269.019%20891%20249.18V234C891%20228.891%20886.81%20227.5%20882.631%20230.954C873.121%20238.817%20861.236%20242%20849.131%20242C811.052%20242%20784%20212.836%20784%20174.829ZM893.474%20174.829C893.474%20150.414%20878.057%20130%20853.21%20130C828.413%20130%20812%20150.364%20812%20174.942C812%20199.695%20828.217%20220%20853.21%20220C878.089%20220%20893.474%20199.174%20893.474%20174.829Z%22%20fill%3D%22black%22%20class%3D%22astro-b56op3of%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M691.756%20242C661.908%20242%20644%20227.054%20644%20204.119C644%20180.669%20664.504%20166.496%20692.534%20163.146L729.13%20158.765C735.5%20158%20736.137%20156.188%20736.137%20152.323C736.137%20134.321%20720.114%20130%20705.381%20130C690.699%20130%20674.718%20134.011%20672.893%20151.132C672.838%20151.653%20672.404%20152.065%20671.881%20152.065H646.106C645.528%20152.065%20645.07%20151.565%20645.12%20150.989C647.836%20119.65%20677.716%20108%20705.381%20108C734.649%20108%20764%20122.116%20764%20155.509V207.048C763.515%20216.69%20764.908%20216.052%20775%20216.003C775.552%20216%20776%20216.448%20776%20217V239.023C776%20239.576%20775.552%20240.023%20775%20240.023H761.313C749.633%20240.023%20744.114%20236.473%20741%20229C739.658%20225.78%20736%20224.863%20733.5%20227.5C725.194%20236.262%20708.885%20242%20691.756%20242ZM695.5%20220C717.82%20220%20735.878%20209.015%20735.878%20186.596L736%20184.5C736%20180.5%20733.5%20179.5%20727.5%20180L696.946%20183.504C682.931%20185.565%20672.03%20190.977%20672.03%20203.346C672.03%20213.912%20682.5%20220%20695.5%20220Z%22%20fill%3D%22black%22%20class%3D%22astro-b56op3of%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M614.952%20134C597.833%20134%20589%20152.6%20589%20167.445V239C589%20239.552%20588.552%20240%20588%20240H562C561.448%20240%20561%20239.552%20561%20239V111C561%20110.448%20561.448%20110%20562%20110H588C588.552%20110%20589%20110.448%20589%20111V117C589%20121%20594%20122.5%20596.5%20119C600.963%20112.753%20608.162%20110%20617.5%20110H635.956C636.508%20110%20636.955%20110.447%20636.956%20110.998L636.998%20132.998C636.999%20133.551%20636.551%20134%20635.998%20134H614.952Z%22%20fill%3D%22black%22%20class%3D%22astro-b56op3of%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M514%20240C513.448%20240%20513%20239.552%20513%20239V111C513%20110.448%20513.448%20110%20514%20110H540C540.552%20110%20541%20110.448%20541%20111V239C541%20239.552%20540.552%20240%20540%20240H514ZM514%2091C513.448%2091%20513%2090.5523%20513%2090V68C513%2067.4478%20513.448%2067%20514%2067H540C540.552%2067%20541%2067.4478%20541%2068V90C541%2090.5523%20540.552%2091%20540%2091H514Z%22%20fill%3D%22black%22%20class%3D%22astro-b56op3of%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M294%20240C293.448%20240%20293%20239.552%20293%20239V68C293%2067.4477%20293.448%2067%20294%2067H333.874C334.274%2067%20334.635%2067.238%20334.793%2067.6051L388%20191.4C390.5%20197.5%20395.5%20197.5%20397.5%20191.5L451.73%2067.599C451.889%2067.2351%20452.249%2067%20452.646%2067H492C492.552%2067%20493%2067.4477%20493%2068V239C493%20239.552%20492.552%20240%20492%20240H466.013C465.461%20240%20465.013%20239.552%20465.013%20239V122C465.013%20118%20459.5%20116%20457%20121L404.55%20239.405C404.389%20239.767%20404.031%20240%20403.635%20240H382.102C381.707%20240%20381.348%20239.767%20381.188%20239.405L329%20121.5C327%20116%20321%20117.5%20321%20123.029V239C321%20239.552%20320.552%20240%20320%20240H294Z%22%20fill%3D%22black%22%20class%3D%22astro-b56op3of%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3Cpath%20d%3D%22M1.50213%20153C1.48714%20152.804%201.47685%20152.607%201.47246%20152.408C0.941217%20129.927%2050.9466%20121.607%2072.2093%20120.22C72.578%20120.196%2072.5921%20119.58%2072.2264%20119.526C45.4452%20115.632%2027.6459%20108.738%2027.6459%20100.881C27.6466%2091.3409%2053.8957%2083.2188%2090.6035%2080.1649C90.9689%2080.1345%2090.9787%2079.5669%2090.6148%2079.523C73.4543%2077.4619%2062.0472%2073.8105%2062.0472%2069.6502C62.0482%2063.216%2089.3324%2058%20122.989%2058H123.011C156.667%2058%20183.951%2063.2159%20183.952%2069.6502C183.952%2073.8105%20172.545%2077.462%20155.385%2079.523C155.021%2079.567%20155.031%2080.1344%20155.396%2080.1649C192.104%2083.2187%20218.353%2091.3409%20218.354%20100.881C218.354%20108.738%20200.554%20115.632%20173.773%20119.526C173.408%20119.58%20173.422%20120.196%20173.79%20120.22C195.053%20121.607%20245.058%20129.927%20244.527%20152.408C244.523%20152.607%20244.512%20152.804%20244.497%20153C244.512%20153.196%20244.523%20153.393%20244.527%20153.592C245.058%20176.073%20195.053%20184.393%20173.79%20185.78C173.422%20185.804%20173.408%20186.42%20173.773%20186.474C200.554%20190.368%20218.354%20197.262%20218.354%20205.119C218.353%20214.659%20192.104%20222.781%20155.396%20225.835C155.031%20225.866%20155.021%20226.433%20155.385%20226.477C172.545%20228.538%20183.952%20232.189%20183.952%20236.35C183.951%20242.784%20156.667%20248%20123.011%20248H122.989C89.3324%20248%2062.0482%20242.784%2062.0472%20236.35C62.0472%20232.19%2073.4543%20228.538%2090.6148%20226.477C90.9787%20226.433%2090.9689%20225.865%2090.6035%20225.835C53.8957%20222.781%2027.6466%20214.659%2027.6459%20205.119C27.6459%20197.262%2045.4452%20190.368%2072.2264%20186.474C72.5921%20186.42%2072.578%20185.804%2072.2093%20185.78C50.9466%20184.393%200.941217%20176.073%201.47246%20153.592C1.47685%20153.393%201.48714%20153.196%201.50213%20153Z%22%20fill%3D%22black%22%20class%3D%22astro-b56op3of%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%20%3C%2Fg%3E%20%3Cdefs%20class%3D%22astro-b56op3of%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%20%3CclipPath%20id%3D%22clip0_405_16%22%20class%3D%22astro-b56op3of%22%20style%3D%22fill%3A%20none%20!important%3B%22%3E%20%3Crect%20width%3D%221063%22%20height%3D%22306%22%20fill%3D%22white%22%20class%3D%22astro-b56op3of%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%20%3C%2FclipPath%3E%20%3C%2Fdefs%3E%20%3C%2Fsvg%3E"
  },
  "favicon": "https://mirage.app/mrkt-static/favicon.svg",
  "ogImage": "https://mirage.app/mrkt-static/og-image.png",
  "logoHref": "/"
}

Methodology

Brand data on this page was extracted from https://mirage.app/ on 2026-07-27 using the Firecrawl branding extraction API.