# Zuni Brand Identity A complete profile of **Zuni**'s visual system — colors, typography, components, and personality — extracted from https://zuni.app. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/zuni - Machine-readable JSON: https://characterquilt.com/branding/zuni.json - Per-page llms.txt: https://characterquilt.com/branding/zuni/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #7138C2 | | Accent | #5C2CA0 | | Body Font | Inter | | Heading Font | Inter | ## Color Palette - primary: #7138C2 - secondary: #47207E - accent: #5C2CA0 - background: #F9FAFB - textPrimary: #1A1A1A - link: #5C2CA0 ## Typography - primary: Inter — https://fonts.google.com/specimen/Inter - heading: Inter — https://fonts.google.com/specimen/Inter ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20class%3D%22w-%5B100px%5D%22%20viewBox%3D%220%200%20628%20142%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Ctitle%20style%3D%22fill%3A%20none%20!important%3B%22%3EZuni%3C%2Ftitle%3E%3Cpath%20d%3D%22M628%2030V113.257H610.397V30H628Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M550.062%2030V113.257H534.858L498.637%2060.8553H498.027V113.257H480.424V30H495.872L531.809%2082.3606H532.541V30H550.062Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M402.548%2030H420.15V84.068C420.15%2090.1388%20418.7%2095.4507%20415.8%20100.004C412.928%20104.557%20408.903%20108.107%20403.727%20110.655C398.55%20113.175%20392.52%20114.436%20385.636%20114.436C378.725%20114.436%20372.682%20113.175%20367.505%20110.655C362.329%20108.107%20358.304%20104.557%20355.431%20100.004C352.558%2095.4507%20351.122%2090.1388%20351.122%2084.068V30H368.725V82.5638C368.725%2085.7348%20369.416%2088.5533%20370.798%2091.0196C372.207%2093.4859%20374.186%2095.4236%20376.733%2096.8329C379.281%2098.2422%20382.248%2098.9469%20385.636%2098.9469C389.051%2098.9469%20392.019%2098.2422%20394.539%2096.8329C397.087%2095.4236%20399.052%2093.4859%20400.434%2091.0196C401.843%2088.5533%20402.548%2085.7348%20402.548%2082.5638V30Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M228.081%20113.257V102.809L269.628%2044.513H228V30H291.743V40.4477L250.156%2098.7436H291.825V113.257H228.081Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M87.5325%2040.6648L119.952%2019.4242C124.638%2022.3447%20130.992%2030.7171%20133.583%2034.5382L99.0968%2057.2949L87.5325%2040.6648Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M100.738%2066.8992L142.989%2075.9586C143.862%2086.5082%20140.581%2093.6201%20138.831%2095.8574L96.4839%2086.233L100.738%2066.8992Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M73.5715%20105.267L90.3948%2094.8327L113.91%20130.353C105.174%20137.079%2098.8038%20138.362%2095.6668%20139.285L73.5715%20105.267Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M33.4612%2044.0921L50.1878%2033.0927L35.3016%2010.6344C29.3603%2013.9757%2022.6213%2020.3606%2019.9945%2023.1354L33.4612%2044.0921Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M60.357%2031.3546L79.6909%2035.609L86.7124%201.84724C81.3546%200.437165%2071.1593%200.43535%2066.7315%200.610701L60.357%2031.3546Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M24.1509%2071.2675L27.8404%2052.0303L4.16563%2046.1919C0.881978%2054.1959%200.0899017%2063.1694%200.104318%2066.6557L24.1509%2071.2675Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M35.5653%2097.2266L25.889%2081.4367L5.02896%2095.4684C6.41946%20103.604%2010.7458%20110.772%2012.7351%20113.339L35.5653%2097.2266Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M64.1604%20108.039L44.8266%20103.784L37.4188%20135.286C46.6356%20140.223%2054.4059%20141.686%2057.1389%20141.8L64.1604%20108.039Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://zuni.app/favicon-light.ico - Social card (og:image): https://zuni.app/opengraph-image.png?dec334da807b6a27 ## UI Components - buttonPrimary: background=#F7F4FB, textColor=#47207E, borderRadius=33554400px, shadow=none - buttonSecondary: background=#000000, textColor=#FFFFFF, borderRadius=0px, shadow=none ## Brand Personality Tone: modern · Energy: medium · Audience: tech-savvy professionals ## Zuni Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Zuni - AI Workspace** - Image: https://zuni.app/twitter-image.png?dec334da807b6a27 - Source: https://zuni.app/ - **1976 HASTINGS HOUSE GALLERY ADVERTISING, ZUNI FETTISH, ESSEX, CONN. ART PRINT AD | eBay** - Image: https://i.ebayimg.com/images/g/NnsAAOSwTr5nECi0/s-l400.png - Source: https://www.ebay.com/itm/205047174181 - **Report from Zuni: 1986** - Image: https://www.johnhowellforbooks.com/assets/images/product/CC1024-001_1.jpeg - Source: https://www.johnhowellforbooks.com/product/5982/Report-from-Zuni-1986 - **Zuni Projects :: Photos, videos, logos, illustrations and branding :: Behance** - Image: https://mir-s3-cdn-cf.behance.net/projects/404/96ef27100308361.Y3JvcCwxMzA5LDEwMjQsNTUsMA.png - Source: https://www.behance.net/search/projects/%20zuni - **1993 AMERICAN INDIAN ZUNI POTTERY EXHIBIT PRINT AD, ADOBE GALLERY PRINT AD | eBay** - Image: https://i.ebayimg.com/images/g/vfIAAOSw2plmzJxD/s-l400.png - Source: https://www.ebay.com/itm/204961427513 - **Report from Zuni: 1986.** - Image: https://mrtbooksla.cdn.bibliopolis.com/pictures/17651b.jpg?auto=webp&v=1711424587 - Source: https://www.mrtbooksla.com/pages/books/17651/ninja-press-carolee-campbell/report-from-zuni-1986 ## 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": "Inter", "role": "body" } ], "colors": { "primary": "#7138C2", "secondary": "#47207E", "accent": "#5C2CA0", "background": "#F9FAFB", "textPrimary": "#1A1A1A", "link": "#5C2CA0" }, "typography": { "fontFamilies": { "primary": "Inter", "heading": "Inter" }, "fontStacks": { "heading": [ "Inter", "system-ui", "sans-serif" ], "body": [ "Inter", "system-ui", "sans-serif" ], "paragraph": [ "Inter", "system-ui", "sans-serif" ] }, "fontSizes": { "h1": "60px", "h2": "16px", "body": "18px" } }, "spacing": { "baseUnit": 8, "borderRadius": "0px" }, "components": { "buttonPrimary": { "background": "#F7F4FB", "textColor": "#47207E", "borderRadius": "33554400px", "borderRadiusCorners": { "topLeft": "33554400px", "topRight": "33554400px", "bottomRight": "33554400px", "bottomLeft": "33554400px" }, "shadow": "none" }, "buttonSecondary": { "background": "#000000", "textColor": "#FFFFFF", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22w-%5B100px%5D%22%20viewBox%3D%220%200%20628%20142%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Ctitle%20style%3D%22fill%3A%20none%20!important%3B%22%3EZuni%3C%2Ftitle%3E%3Cpath%20d%3D%22M628%2030V113.257H610.397V30H628Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M550.062%2030V113.257H534.858L498.637%2060.8553H498.027V113.257H480.424V30H495.872L531.809%2082.3606H532.541V30H550.062Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M402.548%2030H420.15V84.068C420.15%2090.1388%20418.7%2095.4507%20415.8%20100.004C412.928%20104.557%20408.903%20108.107%20403.727%20110.655C398.55%20113.175%20392.52%20114.436%20385.636%20114.436C378.725%20114.436%20372.682%20113.175%20367.505%20110.655C362.329%20108.107%20358.304%20104.557%20355.431%20100.004C352.558%2095.4507%20351.122%2090.1388%20351.122%2084.068V30H368.725V82.5638C368.725%2085.7348%20369.416%2088.5533%20370.798%2091.0196C372.207%2093.4859%20374.186%2095.4236%20376.733%2096.8329C379.281%2098.2422%20382.248%2098.9469%20385.636%2098.9469C389.051%2098.9469%20392.019%2098.2422%20394.539%2096.8329C397.087%2095.4236%20399.052%2093.4859%20400.434%2091.0196C401.843%2088.5533%20402.548%2085.7348%20402.548%2082.5638V30Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M228.081%20113.257V102.809L269.628%2044.513H228V30H291.743V40.4477L250.156%2098.7436H291.825V113.257H228.081Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M87.5325%2040.6648L119.952%2019.4242C124.638%2022.3447%20130.992%2030.7171%20133.583%2034.5382L99.0968%2057.2949L87.5325%2040.6648Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M100.738%2066.8992L142.989%2075.9586C143.862%2086.5082%20140.581%2093.6201%20138.831%2095.8574L96.4839%2086.233L100.738%2066.8992Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M73.5715%20105.267L90.3948%2094.8327L113.91%20130.353C105.174%20137.079%2098.8038%20138.362%2095.6668%20139.285L73.5715%20105.267Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M33.4612%2044.0921L50.1878%2033.0927L35.3016%2010.6344C29.3603%2013.9757%2022.6213%2020.3606%2019.9945%2023.1354L33.4612%2044.0921Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M60.357%2031.3546L79.6909%2035.609L86.7124%201.84724C81.3546%200.437165%2071.1593%200.43535%2066.7315%200.610701L60.357%2031.3546Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M24.1509%2071.2675L27.8404%2052.0303L4.16563%2046.1919C0.881978%2054.1959%200.0899017%2063.1694%200.104318%2066.6557L24.1509%2071.2675Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M35.5653%2097.2266L25.889%2081.4367L5.02896%2095.4684C6.41946%20103.604%2010.7458%20110.772%2012.7351%20113.339L35.5653%2097.2266Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M64.1604%20108.039L44.8266%20103.784L37.4188%20135.286C46.6356%20140.223%2054.4059%20141.686%2057.1389%20141.8L64.1604%20108.039Z%22%20fill%3D%22black%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://zuni.app/favicon-light.ico", "ogImage": "https://zuni.app/opengraph-image.png?dec334da807b6a27", "logoHref": "/", "logoAlt": "Zuni" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Zuni'.", "confidence": 0.95, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 0, "text": "Contact Us →", "reasoning": "Button #0 ('Contact Us →') is the primary CTA due to its action-oriented text and distinct color, which aligns with the brand's accent color." }, "secondary": { "index": 1, "text": "×", "reasoning": "Button #1 ('×') serves as a secondary action, likely for closing a modal or navigation, and has a different color group (dark background)." }, "confidence": 0.9 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech-savvy professionals" }, "designSystem": { "framework": "tailwind", "componentLibrary": "" }, "confidence": { "buttons": 0.9, "colors": 0.95, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Zuni'.", "confidence": 0.95 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```