# Clad Brand Identity A complete profile of **Clad**'s visual system — colors, typography, components, and personality — extracted from https://withclad.com/. Built for designers, agents, and AI tools. - Page: https://characterquilt.com/branding/clad - Machine-readable JSON: https://characterquilt.com/branding/clad.json - Per-page llms.txt: https://characterquilt.com/branding/clad/llms.txt ## Quick Facts | Field | Value | |---|---| | Primary | #6B7280 | | Accent | #111827 | | Body Font | GeistSans | | Heading Font | GeistSans | ## Color Palette - primary: #6B7280 - secondary: #1E293B - accent: #111827 - background: #F9FAFB - textPrimary: #111827 - link: #111827 ## Typography - primary: GeistSans — https://fonts.google.com/specimen/GeistSans - heading: GeistSans — https://fonts.google.com/specimen/GeistSans ## Visual Assets - Logo: data:image/svg+xml;utf8,%3Csvg%20class%3D%22-mt-%5B2px%5D%20h-5%20md%3Ah-6%22%20viewBox%3D%220%200%20235%2089%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M33.0682%2088.5085C26.1648%2088.5085%2020.2415%2087.0881%2015.2983%2084.2472C10.3835%2081.4063%206.60511%2077.4574%203.96307%2072.4006C1.32102%2067.3153%200%2061.4347%200%2054.7585C0%2048.054%201.32102%2042.1733%203.96307%2037.1165C6.63352%2032.0313%2010.4261%2028.0682%2015.3409%2025.2273C20.2841%2022.3864%2026.179%2020.9659%2033.0256%2020.9659C39.0767%2020.9659%2044.3466%2022.0597%2048.8352%2024.2472C53.3523%2026.4347%2056.875%2029.5313%2059.4034%2033.5369C61.9602%2037.5142%2063.3097%2042.1875%2063.4517%2047.5568H43.9773C43.5795%2044.2045%2042.4432%2041.5767%2040.5682%2039.6733C38.7216%2037.7699%2036.3068%2036.8182%2033.3239%2036.8182C30.9091%2036.8182%2028.7926%2037.5%2026.9744%2038.8636C25.1563%2040.1989%2023.7358%2042.1875%2022.7131%2044.8295C21.7188%2047.4432%2021.2216%2050.6818%2021.2216%2054.5455C21.2216%2058.4091%2021.7188%2061.6761%2022.7131%2064.3466C23.7358%2066.9886%2025.1563%2068.9915%2026.9744%2070.3551C28.7926%2071.6903%2030.9091%2072.358%2033.3239%2072.358C35.2557%2072.358%2036.9602%2071.946%2038.4375%2071.1222C39.9432%2070.2983%2041.179%2069.0909%2042.1449%2067.5C43.1108%2065.8807%2043.7216%2063.9205%2043.9773%2061.6193H63.4517C63.2528%2067.017%2061.9034%2071.733%2059.4034%2075.767C56.9318%2079.8011%2053.4517%2082.9403%2048.9631%2085.1847C44.5028%2087.4006%2039.2045%2088.5085%2033.0682%2088.5085Z%22%20fill%3D%22%231E293B%22%20style%3D%22fill%3A%20rgb(30%2C%2041%2C%2059)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M92.5538%200V87.2727H71.7158V9.77274L92.5538%200Z%22%20fill%3D%22%231E293B%22%20style%3D%22fill%3A%20rgb(30%2C%2041%2C%2059)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M121.869%2088.3807C117.693%2088.3807%20113.986%2087.6847%20110.747%2086.2926C107.537%2084.8722%20104.994%2082.7415%20103.119%2079.9006C101.272%2077.0312%20100.349%2073.4375%20100.349%2069.1193C100.349%2065.483%20100.988%2062.4148%20102.267%2059.9148C103.545%2057.4148%20105.307%2055.3835%20107.551%2053.821C109.795%2052.2585%20112.38%2051.0795%20115.307%2050.2841C118.233%2049.4602%20121.358%2048.9062%20124.682%2048.6222C128.403%2048.2812%20131.4%2047.9261%20133.673%2047.5568C135.946%2047.1591%20137.593%2046.6051%20138.616%2045.8949C139.667%2045.1563%20140.193%2044.1193%20140.193%2042.7841V42.571C140.193%2040.3835%20139.44%2038.6932%20137.934%2037.5C136.429%2036.3068%20134.397%2035.7102%20131.841%2035.7102C129.085%2035.7102%20126.869%2036.3068%20125.193%2037.5C123.517%2038.6932%20122.451%2040.3409%20121.997%2042.4432L102.778%2041.7614C103.346%2037.7841%20104.809%2034.233%20107.167%2031.108C109.554%2027.9546%20112.821%2025.483%20116.968%2023.6932C121.145%2021.875%20126.159%2020.9659%20132.011%2020.9659C136.187%2020.9659%20140.037%2021.4631%20143.559%2022.4574C147.082%2023.4233%20150.15%2024.8438%20152.764%2026.7188C155.378%2028.5653%20157.395%2030.8381%20158.815%2033.5369C160.264%2036.2358%20160.988%2039.3182%20160.988%2042.7841V87.2727H141.386V78.1534H140.875C139.71%2080.3693%20138.218%2082.2443%20136.4%2083.7784C134.611%2085.3125%20132.494%2086.4631%20130.051%2087.2301C127.636%2087.9972%20124.909%2088.3807%20121.869%2088.3807ZM128.304%2074.7443C130.548%2074.7443%20132.565%2074.2898%20134.355%2073.3807C136.173%2072.4716%20137.622%2071.2216%20138.701%2069.6307C139.781%2068.0114%20140.321%2066.1364%20140.321%2064.0057V57.7841C139.724%2058.0966%20139%2058.3807%20138.147%2058.6364C137.324%2058.892%20136.414%2059.1335%20135.42%2059.3608C134.426%2059.5881%20133.403%2059.7869%20132.352%2059.9574C131.301%2060.1278%20130.292%2060.2841%20129.326%2060.4261C127.366%2060.7386%20125.69%2061.2216%20124.298%2061.875C122.934%2062.5284%20121.883%2063.3807%20121.145%2064.4318C120.434%2065.4545%20120.079%2066.6761%20120.079%2068.0966C120.079%2070.2557%20120.846%2071.9034%20122.38%2073.0398C123.943%2074.1761%20125.917%2074.7443%20128.304%2074.7443Z%22%20fill%3D%22%231E293B%22%20style%3D%22fill%3A%20rgb(30%2C%2041%2C%2059)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M195.236%2088.2102C190.407%2088.2102%20186.017%2086.9602%20182.068%2084.4602C178.12%2081.9602%20174.966%2078.2102%20172.608%2073.2102C170.25%2068.2102%20169.071%2062.0028%20169.071%2054.5881C169.071%2046.8892%20170.293%2040.554%20172.736%2035.5824C175.179%2030.6108%20178.375%2026.9318%20182.324%2024.5455C186.301%2022.1591%20190.577%2020.9659%20195.151%2020.9659C198.588%2020.9659%20201.529%2021.5625%20203.972%2022.7557C206.415%2023.9205%20208.432%2025.4261%20210.023%2027.2727C211.614%2029.1193%20212.821%2031.0369%20213.645%2033.0256H214.071V9.77274L234.909%200V87.2727H214.284V76.6619H213.645C212.764%2078.679%20211.514%2080.5682%20209.895%2082.3295C208.276%2084.0909%20206.245%2085.5114%20203.801%2086.5909C201.387%2087.6705%20198.532%2088.2102%20195.236%2088.2102ZM202.48%2071.9744C205.009%2071.9744%20207.168%2071.2642%20208.958%2069.8438C210.747%2068.3949%20212.125%2066.3636%20213.091%2063.75C214.057%2061.1364%20214.54%2058.0682%20214.54%2054.5455C214.54%2050.9659%20214.057%2047.8835%20213.091%2045.2983C212.154%2042.7131%20210.776%2040.7244%20208.958%2039.3324C207.168%2037.9403%20205.009%2037.2443%20202.48%2037.2443C199.895%2037.2443%20197.708%2037.9545%20195.918%2039.375C194.128%2040.7955%20192.764%2042.7983%20191.827%2045.3835C190.918%2047.9687%20190.463%2051.0227%20190.463%2054.5455C190.463%2058.0682%20190.932%2061.1364%20191.87%2063.75C192.807%2066.3636%20194.157%2068.3949%20195.918%2069.8438C197.708%2071.2642%20199.895%2071.9744%20202.48%2071.9744Z%22%20fill%3D%22%231E293B%22%20style%3D%22fill%3A%20rgb(30%2C%2041%2C%2059)%20!important%3B%22%2F%3E%3C%2Fsvg%3E - Favicon: https://www.withclad.com/favicon.ico - Social card (og:image): https://www.withclad.com/opengraph-image.png?bcaa436e32a2b998 ## UI Components - input: background=#FFFFFF, textColor=#111827, borderColor=#D1D5DB, borderRadius=9999px, shadow=rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px - buttonPrimary: background=#111827, textColor=#FFFFFF, borderRadius=9999px, shadow=none - buttonSecondary: background=#FFFFFF, textColor=#111827, borderColor=#E5E7EB, borderRadius=9999px, shadow=none ## Brand Personality Tone: professional · Energy: medium · Audience: construction professionals and project managers ## Clad Brand in the Wild Real-world brand assets — ads, campaigns, marketing materials. - **Finance & Loan Landing Page Design to Market Financial Services** - Image: https://www.apexure.com/images/yes-lender.webp - Source: https://www.apexure.com/landing-page-banking/ - **ZIRCALOY--CLAD UO$sub 2$ FUEL ROD EVALUATION PROGRAM. Quarterly Progress Report No. 11, May--July 1970. - UNT Digital Library** - Image: https://digital.library.unt.edu/ark:/67531/metadc867291/m1/1/med_res/ - Source: https://digital.library.unt.edu/ark:/67531/metadc867291/ - **Fall Facades Webinar Series** - Image: https://www.pac-clad.com/wordpress2021/wp-content/uploads/2025/09/Fall-Facades-PAC-CLAD-Home-Page-Mobile.png - Source: https://www.pac-clad.com/fall-facades-webinar-series/ - **Clad-thickness measurement using dual-frequency eddy current - UNT Digital Library** - Image: https://digital.library.unt.edu/ark:/67531/metadc1061674/small/ - Source: https://digital.library.unt.edu/ark:/67531/metadc1061674/ ## 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": "GeistSans", "role": "unknown" } ], "colors": { "primary": "#6B7280", "secondary": "#1E293B", "accent": "#111827", "background": "#F9FAFB", "textPrimary": "#111827", "link": "#111827" }, "typography": { "fontFamilies": { "primary": "GeistSans", "heading": "GeistSans" }, "fontStacks": { "heading": [ "GeistSans" ], "body": [ "GeistSans" ], "paragraph": [ "GeistSans" ] }, "fontSizes": { "h1": "64px", "h2": "16px", "body": "20px" } }, "spacing": { "baseUnit": 4, "borderRadius": "5px" }, "components": { "input": { "background": "#FFFFFF", "textColor": "#111827", "borderColor": "#D1D5DB", "borderRadius": "9999px", "borderRadiusCorners": { "topLeft": "9999px", "topRight": "9999px", "bottomRight": "9999px", "bottomLeft": "9999px" }, "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.05) 0px 1px 2px 0px" }, "buttonPrimary": { "background": "#111827", "textColor": "#FFFFFF", "borderRadius": "9999px", "borderRadiusCorners": { "topLeft": "9999px", "topRight": "9999px", "bottomRight": "9999px", "bottomLeft": "9999px" }, "shadow": "none" }, "buttonSecondary": { "background": "#FFFFFF", "textColor": "#111827", "borderColor": "#E5E7EB", "borderRadius": "9999px", "borderRadiusCorners": { "topLeft": "9999px", "topRight": "9999px", "bottomRight": "9999px", "bottomLeft": "9999px" }, "shadow": "none" } }, "images": { "logo": "data:image/svg+xml;utf8,%3Csvg%20class%3D%22-mt-%5B2px%5D%20h-5%20md%3Ah-6%22%20viewBox%3D%220%200%20235%2089%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M33.0682%2088.5085C26.1648%2088.5085%2020.2415%2087.0881%2015.2983%2084.2472C10.3835%2081.4063%206.60511%2077.4574%203.96307%2072.4006C1.32102%2067.3153%200%2061.4347%200%2054.7585C0%2048.054%201.32102%2042.1733%203.96307%2037.1165C6.63352%2032.0313%2010.4261%2028.0682%2015.3409%2025.2273C20.2841%2022.3864%2026.179%2020.9659%2033.0256%2020.9659C39.0767%2020.9659%2044.3466%2022.0597%2048.8352%2024.2472C53.3523%2026.4347%2056.875%2029.5313%2059.4034%2033.5369C61.9602%2037.5142%2063.3097%2042.1875%2063.4517%2047.5568H43.9773C43.5795%2044.2045%2042.4432%2041.5767%2040.5682%2039.6733C38.7216%2037.7699%2036.3068%2036.8182%2033.3239%2036.8182C30.9091%2036.8182%2028.7926%2037.5%2026.9744%2038.8636C25.1563%2040.1989%2023.7358%2042.1875%2022.7131%2044.8295C21.7188%2047.4432%2021.2216%2050.6818%2021.2216%2054.5455C21.2216%2058.4091%2021.7188%2061.6761%2022.7131%2064.3466C23.7358%2066.9886%2025.1563%2068.9915%2026.9744%2070.3551C28.7926%2071.6903%2030.9091%2072.358%2033.3239%2072.358C35.2557%2072.358%2036.9602%2071.946%2038.4375%2071.1222C39.9432%2070.2983%2041.179%2069.0909%2042.1449%2067.5C43.1108%2065.8807%2043.7216%2063.9205%2043.9773%2061.6193H63.4517C63.2528%2067.017%2061.9034%2071.733%2059.4034%2075.767C56.9318%2079.8011%2053.4517%2082.9403%2048.9631%2085.1847C44.5028%2087.4006%2039.2045%2088.5085%2033.0682%2088.5085Z%22%20fill%3D%22%231E293B%22%20style%3D%22fill%3A%20rgb(30%2C%2041%2C%2059)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M92.5538%200V87.2727H71.7158V9.77274L92.5538%200Z%22%20fill%3D%22%231E293B%22%20style%3D%22fill%3A%20rgb(30%2C%2041%2C%2059)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M121.869%2088.3807C117.693%2088.3807%20113.986%2087.6847%20110.747%2086.2926C107.537%2084.8722%20104.994%2082.7415%20103.119%2079.9006C101.272%2077.0312%20100.349%2073.4375%20100.349%2069.1193C100.349%2065.483%20100.988%2062.4148%20102.267%2059.9148C103.545%2057.4148%20105.307%2055.3835%20107.551%2053.821C109.795%2052.2585%20112.38%2051.0795%20115.307%2050.2841C118.233%2049.4602%20121.358%2048.9062%20124.682%2048.6222C128.403%2048.2812%20131.4%2047.9261%20133.673%2047.5568C135.946%2047.1591%20137.593%2046.6051%20138.616%2045.8949C139.667%2045.1563%20140.193%2044.1193%20140.193%2042.7841V42.571C140.193%2040.3835%20139.44%2038.6932%20137.934%2037.5C136.429%2036.3068%20134.397%2035.7102%20131.841%2035.7102C129.085%2035.7102%20126.869%2036.3068%20125.193%2037.5C123.517%2038.6932%20122.451%2040.3409%20121.997%2042.4432L102.778%2041.7614C103.346%2037.7841%20104.809%2034.233%20107.167%2031.108C109.554%2027.9546%20112.821%2025.483%20116.968%2023.6932C121.145%2021.875%20126.159%2020.9659%20132.011%2020.9659C136.187%2020.9659%20140.037%2021.4631%20143.559%2022.4574C147.082%2023.4233%20150.15%2024.8438%20152.764%2026.7188C155.378%2028.5653%20157.395%2030.8381%20158.815%2033.5369C160.264%2036.2358%20160.988%2039.3182%20160.988%2042.7841V87.2727H141.386V78.1534H140.875C139.71%2080.3693%20138.218%2082.2443%20136.4%2083.7784C134.611%2085.3125%20132.494%2086.4631%20130.051%2087.2301C127.636%2087.9972%20124.909%2088.3807%20121.869%2088.3807ZM128.304%2074.7443C130.548%2074.7443%20132.565%2074.2898%20134.355%2073.3807C136.173%2072.4716%20137.622%2071.2216%20138.701%2069.6307C139.781%2068.0114%20140.321%2066.1364%20140.321%2064.0057V57.7841C139.724%2058.0966%20139%2058.3807%20138.147%2058.6364C137.324%2058.892%20136.414%2059.1335%20135.42%2059.3608C134.426%2059.5881%20133.403%2059.7869%20132.352%2059.9574C131.301%2060.1278%20130.292%2060.2841%20129.326%2060.4261C127.366%2060.7386%20125.69%2061.2216%20124.298%2061.875C122.934%2062.5284%20121.883%2063.3807%20121.145%2064.4318C120.434%2065.4545%20120.079%2066.6761%20120.079%2068.0966C120.079%2070.2557%20120.846%2071.9034%20122.38%2073.0398C123.943%2074.1761%20125.917%2074.7443%20128.304%2074.7443Z%22%20fill%3D%22%231E293B%22%20style%3D%22fill%3A%20rgb(30%2C%2041%2C%2059)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M195.236%2088.2102C190.407%2088.2102%20186.017%2086.9602%20182.068%2084.4602C178.12%2081.9602%20174.966%2078.2102%20172.608%2073.2102C170.25%2068.2102%20169.071%2062.0028%20169.071%2054.5881C169.071%2046.8892%20170.293%2040.554%20172.736%2035.5824C175.179%2030.6108%20178.375%2026.9318%20182.324%2024.5455C186.301%2022.1591%20190.577%2020.9659%20195.151%2020.9659C198.588%2020.9659%20201.529%2021.5625%20203.972%2022.7557C206.415%2023.9205%20208.432%2025.4261%20210.023%2027.2727C211.614%2029.1193%20212.821%2031.0369%20213.645%2033.0256H214.071V9.77274L234.909%200V87.2727H214.284V76.6619H213.645C212.764%2078.679%20211.514%2080.5682%20209.895%2082.3295C208.276%2084.0909%20206.245%2085.5114%20203.801%2086.5909C201.387%2087.6705%20198.532%2088.2102%20195.236%2088.2102ZM202.48%2071.9744C205.009%2071.9744%20207.168%2071.2642%20208.958%2069.8438C210.747%2068.3949%20212.125%2066.3636%20213.091%2063.75C214.057%2061.1364%20214.54%2058.0682%20214.54%2054.5455C214.54%2050.9659%20214.057%2047.8835%20213.091%2045.2983C212.154%2042.7131%20210.776%2040.7244%20208.958%2039.3324C207.168%2037.9403%20205.009%2037.2443%20202.48%2037.2443C199.895%2037.2443%20197.708%2037.9545%20195.918%2039.375C194.128%2040.7955%20192.764%2042.7983%20191.827%2045.3835C190.918%2047.9687%20190.463%2051.0227%20190.463%2054.5455C190.463%2058.0682%20190.932%2061.1364%20191.87%2063.75C192.807%2066.3636%20194.157%2068.3949%20195.918%2069.8438C197.708%2071.2642%20199.895%2071.9744%20202.48%2071.9744Z%22%20fill%3D%22%231E293B%22%20style%3D%22fill%3A%20rgb(30%2C%2041%2C%2059)%20!important%3B%22%2F%3E%3C%2Fsvg%3E", "favicon": "https://www.withclad.com/favicon.ico", "ogImage": "https://www.withclad.com/opengraph-image.png?bcaa436e32a2b998", "logoHref": "/" }, "__llm_logo_reasoning": { "selectedIndex": 0, "reasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, aligning with the brand 'Clad'.", "confidence": 0.95, "source": "llm" }, "__llm_button_reasoning": { "primary": { "index": 1, "text": "Book a demo", "reasoning": "The button 'Book a demo' is likely the primary CTA due to its action-oriented text and prominent placement, suggesting a key conversion action." }, "secondary": { "index": 4, "text": "New! Clad Locates", "reasoning": "The button 'New! Clad Locates' stands out as a secondary option due to its distinct white background and informative text, providing additional information without being the main action." }, "confidence": 0.9 }, "personality": { "tone": "professional", "energy": "medium", "targetAudience": "construction professionals and project managers" }, "designSystem": { "framework": "tailwind", "componentLibrary": "" }, "confidence": { "buttons": 0.9, "colors": 0.9, "overall": 0.9 }, "__llm_metadata": { "logoSelection": { "llmCalled": true, "llmSucceeded": true, "finalSource": "llm", "rawLogoSelection": { "selectedLogoIndex": 0, "selectedLogoReasoning": "Selected #0 because it is located in the header, is visible, and links to the homepage, aligning with the brand 'Clad'.", "confidence": 0.95 } }, "buttonClassification": { "llmCalled": true, "llmSucceeded": true } } } ```