# Muddy Brand Identity A complete profile of **Muddy**'s visual system — colors, typography, components, and personality — extracted from https://feelmuddy.com. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/muddy - Machine-readable JSON: https://characterquilt.com/branding/muddy.json - Per-page llms.txt: https://characterquilt.com/branding/muddy/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #0000EE | | Accent | #F05A22 | | Body Font | Arial | | Heading Font | GroteskMedium | ## Color Palette - primary: #0000EE - secondary: #BAA4DB - accent: #F05A22 - background: #FFFFFF - textPrimary: #000000 - link: #F05A22 ## Typography - primary: Arial — https://fonts.google.com/specimen/Arial - heading: GroteskMedium — https://fonts.google.com/specimen/GroteskMedium ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2240px%22%20class%3D%22Navigation_logo__7lpe8%22%20viewBox%3D%220%200%2097%2027%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m68.8581.92631c-2.2096%201.00462-2.5421%201.48203-1.1408%201.6371.8504.09397.9013.19265.9951%201.92968l.0985%201.83037-.7416-.49902c-1.0443-.70295-2.5949-.62025-3.8717.20644-3.5356%202.28993-4.3613%209.94072-1.4117%2013.07832%201.6569%201.7627%203.4721%201.8444%205.2574.2371l.7334-.6604v.8195c0%20.4505.1101.8834.2444.9621.1343.0786%201.1979-.3312%202.3632-.9104%201.8739-.9313%202.031-1.0776%201.3602-1.2637-.4169-.1156-.8937-.5526-1.0593-.9711-.1656-.4182-.3009-4.4871-.3009-9.04159%200-4.55448-.1102-8.28102324-.2445-8.28070998-.1343%200-1.161.41694898-2.2817.92630998zm12.0454.11841c-2.0189.99836-2.2921%201.46105-.8618%201.46105.8677%200%201.1213.53285%201.1213%202.35634v1.3655l-.8964-.44922c-2.2233-1.11458-4.4545-.11653-5.8516%202.61729-.823%201.61042-.912%202.10632-.912%205.07422%200%202.7187.117%203.5035.6744%204.5244%201.444%202.6455%203.9082%203.2312%205.877%201.3974l1.1086-1.0325v1.0012c0%201.2389.4384%201.2743%202.6184.2127%201.6656-.811%202.0887-1.4043%201.002-1.4043-.3394%200-.7061-.2231-.8149-.4956-.1089-.2726-.1979-4.3606-.1979-9.08455%200-6.67056-.0909-8.58551733-.4074-8.5736135-.224.0081448-1.3309.4717695-2.4597%201.0296835zm-73.6487%201.16721c-2.35014.89279-5.03667%203.33308-6.260309%205.68598-.882688%201.69787-.994491%202.22289-.994491%204.67039%200%203.662.778383%205.6816%203.05225%207.9198%203.27585%203.2247%207.36175%204.3277%2011.63795%203.1414%208.8402-2.4519%2011.5362-13.2572%204.7694-19.11543-2.4229-2.09758-4.0432-2.70593-7.5622-2.84001-2.39058-.09084-3.2498.00877-4.6426.53787zm24.9346%203.97934c-1.558.86303-2.0356%201.60733-.9791%201.52683.5205-.03979.5782.44263.6594%205.5021.0847%205.2913.0586%205.561-.5705%205.8846-1.3002.6685-.6375.9435%202.2742.9435%202.9884%200%203.5758-.2446%202.1188-.8827l-.8149-.3569v-4.8367c0-2.6602.0912-5.06477.2024-5.34357.1718-.42979%201.7093-1.42377%202.2028-1.42377.0857%200%20.3863.22148.6682.49213.4254.40881.5121%201.39276.5121%205.80221v5.3097l-.8048.3525c-1.372.6005-.5796.8871%202.4538.8871%202.9704%200%203.5545-.2456%202.0995-.8827l-.8149-.3569.0104-4.9407c.0108-5.15624.1128-5.5804%201.5164-6.29902.9055-.46331.9335-.46111%201.5466.12781.4251.40881.5121%201.39119.5121%205.78431%200%204.9715-.0394%205.3123-.6519%205.6274-1.2742.6554-.6334.9398%202.1187.9398%202.752%200%203.3929-.2844%202.1187-.9398-.6076-.3123-.6526-.66-.6597-5.1014-.0043-2.6214-.1386-5.3085-.2986-5.97136-.7024-2.90799-3.093-3.58996-5.2658-1.50145-1.1174%201.07385-1.2801%201.14277-1.4538.61587-.34-1.02969-1.5098-1.82506-2.6839-1.82506-.8266%200-1.3918.26909-2.2031%201.0488l-1.0913%201.04879-.0985-.96797c-.1284-1.2615-.7145-1.32039-2.6233-.26345zm-21.9935-.23338c-1.43812.55604-1.34001%202.92365.1437%203.46591.898.32829%202.2374-.26252%202.5885-1.14184.321-.80413-.1787-1.90023-1.0382-2.27677-.4609-.20174-.8677-.35774-.9042-.34709-.0365.01096-.3918.14598-.7898.29979zm38.0455-.17699c0%20.07831.3667.49464.8149.92537.8045.77312.8149.85081.8162%206.04463.001%204.6776.0721%205.3734.6418%206.2709%201.1259%201.7746%203.2316%201.7511%205.113-.057l1.089-1.0467v1.2218c0%20.6894.1584%201.2217.3634%201.2217.7175%200%203.5481-1.675%203.5481-2.0998%200-.2393-.2556-.3925-.5705-.3418-.5247.0846-.5776-.4028-.6587-6.0948l-.0883-6.18684h-2.2749c-2.2093%200-2.9678.3731-1.6043.78879%201.0433.31828%201.2852%201.43191%201.2852%205.92095%200%203.9846-.0342%204.1983-.7992%204.9918-.9795%201.0159-2.5947%201.1318-3.1009.223-.1968-.3537-.3373-2.9631-.3373-6.2652v-5.65934h-2.1187c-1.1653%200-2.1188.06422-2.1188.14254zm37.1645.09241c.0033.12938.3368.5363.7413.90438.5156.46926%201.3445%202.58596%202.7748%207.08531l2.0399%206.4162-.5949%201.5293-.5946%201.529h-1.7383c-2.0571%200-2.6392.5316-2.1262%201.9413.2644.7271.5356.8953%201.5763.9777%201.0098.0799%201.4411-.0702%202.1934-.7628%201.2693-1.1684%201.8703-2.871%203.858-10.9274.9756-3.9537%201.9662-7.25356%202.3237-7.74068.3429-.46676.6236-.92474.6236-1.01809%200-.24372-3.1093-.20895-3.3661.03759-.1184.11371.0642.39502.4054.62495.5812.39095.5923.53379.1751%202.2207-.2455.99178-.6982%202.86033-1.0066%204.15253l-.5606%202.3495-1.2406-3.7591c-1.4339-4.34338-1.4818-4.7431-.5998-5.01219%201.4372-.43825.5043-.78315-2.1187-.78315-1.5238%200-2.768.10557-2.7651.23495zm-20.5039%201.66184c-.8207%201.2969-1.1513%204.60965-.7168%207.18435.5561%203.2961%201.9444%204.4652%203.7143%203.1272.8729-.66.8771-.6826.8765-4.7913-.0003-4.95419-.4453-6.25609-2.192-6.41836-.8844-.08208-1.1526.06108-1.682.89811zm12.1474.04261c-.7239%201.32947-.9906%205.72824-.4801%207.92044.413%201.774%201.3364%202.9838%202.2771%202.9838.3253%200%20.9938-.3584%201.4857-.7963l.8941-.7963-.1131-4.1936c-.0991-3.66796-.1988-4.30388-.7973-5.07701-.4423-.5717-1.0404-.91816-1.693-.98081-.8566-.08239-1.0939.05952-1.5734.93978zm-62.1183%201.49049c-3.0689%202.58565-3.4861%202.62165-7.6763.66379-3.71134-1.7342-3.80358-1.64242-.76437.76186%201.08869.8615%201.98083%201.6437%201.98214%201.7386.0013.0946-1.1679.7205-2.59787%201.3905-1.43029.6701-2.55354%201.2634-2.49649%201.3182.05704.0549%201.48342-.1719%203.16926-.5043%201.68585-.3324%203.10147-.5695%203.1458-.5269s-.42211%201.5115-1.03621%203.2645c-.61443%201.753-1.07174%203.1871-1.01698%203.1871.05508%200%201.09782-1.2571%202.31689-2.7934l2.21653-2.7933%201.4919.5657c.8204.3111%202.4085.9239%203.5288%201.3618%201.1206.4376%202.0372.7549%202.0372.7051%200-.0501-1.1024-.978-2.4496-2.0618-1.3471-1.0842-2.3772-2.0403-2.2892-2.1249.0877-.0846%201.52-.3922%203.1827-.6838l3.0229-.5301-3.0151-.2415c-1.6581-.1328-3.0151-.2998-3.0151-.3706%200-.0711.5776-1.0428%201.2836-2.15959.706-1.11677%201.2559-2.02491%201.2224-2.0177-.0336.0072-1.0431.83985-2.2429%201.85074z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://www.feelmuddy.com/favicon-32x32.png - Social card (og:image): https://intdev-global.s3.us-west-2.amazonaws.com/public/internet-dev/f84d7cc5-5aac-44f4-9d83-ea0b601bc355.png ## UI Components - buttonPrimary: background=#F05A22, textColor=#FFFFFF, borderRadius=0px, shadow=none - buttonSecondary: background=#FFFFFF, textColor=#0000EE, borderColor=#ECECEC, borderRadius=16px, shadow=none ## Brand Personality Tone: modern · Energy: medium · Audience: tech-savvy professionals ## Muddy Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Muddy For Product: Reach alignment faster** - Image: https://www.feelmuddy.com/eng/footer_image.png - Source: https://www.feelmuddy.com/product - **Muddy For Product: Reach alignment faster** - Image: https://intdev-global.s3.us-west-2.amazonaws.com/template-app-icon.png - Source: https://www.feelmuddy.com/product - **Muddy For Marketing: Reach more customers** - Image: https://www.feelmuddy.com/video-marketing.png - Source: https://www.feelmuddy.com/marketing - **Muddy For Product: Reach alignment faster** - Image: https://www.feelmuddy.com/video-product.png - Source: https://www.feelmuddy.com/product - **Muddy For Design: Focus on creative work** - Image: https://www.feelmuddy.com/video-design.png - Source: https://www.feelmuddy.com/design - **Muddy Browser** - Image: https://www.feelmuddy.com/rive/p4.png - Source: https://www.feelmuddy.com/ ## 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": "GroteskMedium", "role": "heading" }, { "family": "Arial", "role": "body" } ], "colors": { "primary": "#0000EE", "secondary": "#BAA4DB", "accent": "#F05A22", "background": "#FFFFFF", "textPrimary": "#000000", "link": "#F05A22" }, "typography": { "fontFamilies": { "primary": "Arial", "heading": "GroteskMedium" }, "fontStacks": { "heading": [ "GroteskMedium", "-apple-system", "BlinkMacSystemFont", "helvetica neue", "helvetica", "sans-serif" ], "body": [ "-apple-system", "BlinkMacSystemFont", "helvetica neue", "helvetica", "sans-serif" ], "paragraph": [ "-apple-system", "BlinkMacSystemFont", "helvetica neue", "helvetica", "sans-serif" ] }, "fontSizes": { "h1": "48px", "h2": "32px", "body": "24px" } }, "spacing": { "baseUnit": 4, "borderRadius": "8px" }, "components": { "buttonPrimary": { "background": "#F05A22", "textColor": "#FFFFFF", "borderRadius": "0px", "borderRadiusCorners": { "topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px" }, "shadow": "none" }, "buttonSecondary": { "background": "#FFFFFF", "textColor": "#0000EE", "borderColor": "#ECECEC", "borderRadius": "16px", "borderRadiusCorners": { "topLeft": "16px", "topRight": "16px", "bottomRight": "16px", "bottomLeft": "16px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20fill%3D%22none%22%20height%3D%2240px%22%20class%3D%22Navigation_logo__7lpe8%22%20viewBox%3D%220%200%2097%2027%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m68.8581.92631c-2.2096%201.00462-2.5421%201.48203-1.1408%201.6371.8504.09397.9013.19265.9951%201.92968l.0985%201.83037-.7416-.49902c-1.0443-.70295-2.5949-.62025-3.8717.20644-3.5356%202.28993-4.3613%209.94072-1.4117%2013.07832%201.6569%201.7627%203.4721%201.8444%205.2574.2371l.7334-.6604v.8195c0%20.4505.1101.8834.2444.9621.1343.0786%201.1979-.3312%202.3632-.9104%201.8739-.9313%202.031-1.0776%201.3602-1.2637-.4169-.1156-.8937-.5526-1.0593-.9711-.1656-.4182-.3009-4.4871-.3009-9.04159%200-4.55448-.1102-8.28102324-.2445-8.28070998-.1343%200-1.161.41694898-2.2817.92630998zm12.0454.11841c-2.0189.99836-2.2921%201.46105-.8618%201.46105.8677%200%201.1213.53285%201.1213%202.35634v1.3655l-.8964-.44922c-2.2233-1.11458-4.4545-.11653-5.8516%202.61729-.823%201.61042-.912%202.10632-.912%205.07422%200%202.7187.117%203.5035.6744%204.5244%201.444%202.6455%203.9082%203.2312%205.877%201.3974l1.1086-1.0325v1.0012c0%201.2389.4384%201.2743%202.6184.2127%201.6656-.811%202.0887-1.4043%201.002-1.4043-.3394%200-.7061-.2231-.8149-.4956-.1089-.2726-.1979-4.3606-.1979-9.08455%200-6.67056-.0909-8.58551733-.4074-8.5736135-.224.0081448-1.3309.4717695-2.4597%201.0296835zm-73.6487%201.16721c-2.35014.89279-5.03667%203.33308-6.260309%205.68598-.882688%201.69787-.994491%202.22289-.994491%204.67039%200%203.662.778383%205.6816%203.05225%207.9198%203.27585%203.2247%207.36175%204.3277%2011.63795%203.1414%208.8402-2.4519%2011.5362-13.2572%204.7694-19.11543-2.4229-2.09758-4.0432-2.70593-7.5622-2.84001-2.39058-.09084-3.2498.00877-4.6426.53787zm24.9346%203.97934c-1.558.86303-2.0356%201.60733-.9791%201.52683.5205-.03979.5782.44263.6594%205.5021.0847%205.2913.0586%205.561-.5705%205.8846-1.3002.6685-.6375.9435%202.2742.9435%202.9884%200%203.5758-.2446%202.1188-.8827l-.8149-.3569v-4.8367c0-2.6602.0912-5.06477.2024-5.34357.1718-.42979%201.7093-1.42377%202.2028-1.42377.0857%200%20.3863.22148.6682.49213.4254.40881.5121%201.39276.5121%205.80221v5.3097l-.8048.3525c-1.372.6005-.5796.8871%202.4538.8871%202.9704%200%203.5545-.2456%202.0995-.8827l-.8149-.3569.0104-4.9407c.0108-5.15624.1128-5.5804%201.5164-6.29902.9055-.46331.9335-.46111%201.5466.12781.4251.40881.5121%201.39119.5121%205.78431%200%204.9715-.0394%205.3123-.6519%205.6274-1.2742.6554-.6334.9398%202.1187.9398%202.752%200%203.3929-.2844%202.1187-.9398-.6076-.3123-.6526-.66-.6597-5.1014-.0043-2.6214-.1386-5.3085-.2986-5.97136-.7024-2.90799-3.093-3.58996-5.2658-1.50145-1.1174%201.07385-1.2801%201.14277-1.4538.61587-.34-1.02969-1.5098-1.82506-2.6839-1.82506-.8266%200-1.3918.26909-2.2031%201.0488l-1.0913%201.04879-.0985-.96797c-.1284-1.2615-.7145-1.32039-2.6233-.26345zm-21.9935-.23338c-1.43812.55604-1.34001%202.92365.1437%203.46591.898.32829%202.2374-.26252%202.5885-1.14184.321-.80413-.1787-1.90023-1.0382-2.27677-.4609-.20174-.8677-.35774-.9042-.34709-.0365.01096-.3918.14598-.7898.29979zm38.0455-.17699c0%20.07831.3667.49464.8149.92537.8045.77312.8149.85081.8162%206.04463.001%204.6776.0721%205.3734.6418%206.2709%201.1259%201.7746%203.2316%201.7511%205.113-.057l1.089-1.0467v1.2218c0%20.6894.1584%201.2217.3634%201.2217.7175%200%203.5481-1.675%203.5481-2.0998%200-.2393-.2556-.3925-.5705-.3418-.5247.0846-.5776-.4028-.6587-6.0948l-.0883-6.18684h-2.2749c-2.2093%200-2.9678.3731-1.6043.78879%201.0433.31828%201.2852%201.43191%201.2852%205.92095%200%203.9846-.0342%204.1983-.7992%204.9918-.9795%201.0159-2.5947%201.1318-3.1009.223-.1968-.3537-.3373-2.9631-.3373-6.2652v-5.65934h-2.1187c-1.1653%200-2.1188.06422-2.1188.14254zm37.1645.09241c.0033.12938.3368.5363.7413.90438.5156.46926%201.3445%202.58596%202.7748%207.08531l2.0399%206.4162-.5949%201.5293-.5946%201.529h-1.7383c-2.0571%200-2.6392.5316-2.1262%201.9413.2644.7271.5356.8953%201.5763.9777%201.0098.0799%201.4411-.0702%202.1934-.7628%201.2693-1.1684%201.8703-2.871%203.858-10.9274.9756-3.9537%201.9662-7.25356%202.3237-7.74068.3429-.46676.6236-.92474.6236-1.01809%200-.24372-3.1093-.20895-3.3661.03759-.1184.11371.0642.39502.4054.62495.5812.39095.5923.53379.1751%202.2207-.2455.99178-.6982%202.86033-1.0066%204.15253l-.5606%202.3495-1.2406-3.7591c-1.4339-4.34338-1.4818-4.7431-.5998-5.01219%201.4372-.43825.5043-.78315-2.1187-.78315-1.5238%200-2.768.10557-2.7651.23495zm-20.5039%201.66184c-.8207%201.2969-1.1513%204.60965-.7168%207.18435.5561%203.2961%201.9444%204.4652%203.7143%203.1272.8729-.66.8771-.6826.8765-4.7913-.0003-4.95419-.4453-6.25609-2.192-6.41836-.8844-.08208-1.1526.06108-1.682.89811zm12.1474.04261c-.7239%201.32947-.9906%205.72824-.4801%207.92044.413%201.774%201.3364%202.9838%202.2771%202.9838.3253%200%20.9938-.3584%201.4857-.7963l.8941-.7963-.1131-4.1936c-.0991-3.66796-.1988-4.30388-.7973-5.07701-.4423-.5717-1.0404-.91816-1.693-.98081-.8566-.08239-1.0939.05952-1.5734.93978zm-62.1183%201.49049c-3.0689%202.58565-3.4861%202.62165-7.6763.66379-3.71134-1.7342-3.80358-1.64242-.76437.76186%201.08869.8615%201.98083%201.6437%201.98214%201.7386.0013.0946-1.1679.7205-2.59787%201.3905-1.43029.6701-2.55354%201.2634-2.49649%201.3182.05704.0549%201.48342-.1719%203.16926-.5043%201.68585-.3324%203.10147-.5695%203.1458-.5269s-.42211%201.5115-1.03621%203.2645c-.61443%201.753-1.07174%203.1871-1.01698%203.1871.05508%200%201.09782-1.2571%202.31689-2.7934l2.21653-2.7933%201.4919.5657c.8204.3111%202.4085.9239%203.5288%201.3618%201.1206.4376%202.0372.7549%202.0372.7051%200-.0501-1.1024-.978-2.4496-2.0618-1.3471-1.0842-2.3772-2.0403-2.2892-2.1249.0877-.0846%201.52-.3922%203.1827-.6838l3.0229-.5301-3.0151-.2415c-1.6581-.1328-3.0151-.2998-3.0151-.3706%200-.0711.5776-1.0428%201.2836-2.15959.706-1.11677%201.2559-2.02491%201.2224-2.0177-.0336.0072-1.0431.83985-2.2429%201.85074z%22%20fill%3D%22currentColor%22%20fill-rule%3D%22evenodd%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://www.feelmuddy.com/favicon-32x32.png", "ogImage": "https://intdev-global.s3.us-west-2.amazonaws.com/public/internet-dev/f84d7cc5-5aac-44f4-9d83-ea0b601bc355.png" }, "__llm_logo_reasoning": { "selectedIndex": 1, "reasoning": "Selected #1 because it is visible, located in the header, and matches the brand name 'Muddy Browser'. It is the most prominent logo, fitting the brand's identity.", "confidence": 0.9, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 1, "text": "Download for Windows", "reasoning": "Button #1 ('Download for Windows') uses the vibrant accent color #F05A22, which is a strong indicator of a primary call-to-action. The text is action-oriented, encouraging users to download the product." }, "secondary": { "index": 0, "text": "Andrew Alimbuyuguen@aalimbuyuguenMuddy makes getting into work easy with my team.", "reasoning": "Button #0 has a different background color (#FFFFFF) and is less prominent, fitting the role of a secondary button. It is part of a testimonial, which often serves as a secondary action to explore more about the product." }, "confidence": 0.95 }, "personality": { "tone": "modern", "energy": "medium", "targetAudience": "tech-savvy professionals" }, "designSystem": { "framework": "custom", "componentLibrary": "" }, "confidence": { "buttons": 0.95, "colors": 0.9, "overall": 0.925 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 1, "selectedLogoReasoning": "Selected #1 because it is visible, located in the header, and matches the brand name 'Muddy Browser'. It is the most prominent logo, fitting the brand's identity.", "confidence": 0.9 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```