# 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

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