BricksAI Brand Identity

A complete profile of BricksAI's visual system — colors, typography, components, and personality — extracted from https://www.trybricks.ai/. Built for designers, agents, and AI tools.

Color Palette

Brand palette extracted from https://www.trybricks.ai/.

• primary: #FFFFFF
• accent: #000000
• background: #0A0A0A
• textPrimary: #FAFAFA
• link: #FFFFFF

Typography

Each font links to its Google Fonts page where available.

• primary: ABC Monument Grotesk
  • Google Fonts →
• heading: ABC Monument Grotesk
  • Google Fonts →

Visual Assets

%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M18.8061%200.248618H21.5056V6.5884H21.292C21.4603%205.78729%2021.8164%205.17956%2022.3602%204.76519C22.904%204.35083%2023.5578%204.14365%2024.3218%204.14365C24.9691%204.14365%2025.5%204.22652%2025.9143%204.39227C26.3286%204.5442%2026.6976%204.80663%2027.0213%205.17956C27.358%205.5663%2027.5781%206.00829%2027.6817%206.50552C27.7852%206.98895%2027.837%207.63812%2027.837%208.45304V14.7514H25.118V8.59807C25.118%208.10083%2025.0857%207.73481%2025.0209%207.5C24.9562%207.25138%2024.8267%207.02348%2024.6325%206.8163C24.4642%206.63674%2024.2829%206.51934%2024.0887%206.46409C23.8945%206.39503%2023.642%206.3605%2023.3313%206.3605C22.8522%206.3605%2022.4314%206.57459%2022.0689%207.00276C21.7063%207.43094%2021.5251%208.10773%2021.5251%209.03315V14.7514H18.8061V0.248618Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(98.26%200%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M29.6267%204.39227H32.3457V14.7514H29.6267V4.39227ZM29.6267%2012.4724H32.3457V14.7514H29.6267V12.4724ZM29.6267%204.39227H32.3457V6.67127H29.6267V4.39227ZM29.6267%200.0414359H32.3457V3.02486H29.6267V0.0414359Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(98.26%200%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M38.0529%2014.855C37.0559%2014.855%2036.2726%2014.6271%2035.7029%2014.1713C35.1461%2013.7017%2034.8678%2012.9558%2034.8678%2011.9337V6.67127H33.4694V4.39227H34.8678V1.51243H37.5479V4.39227H39.5289V6.67127H37.5479V11.6022C37.5479%2011.8785%2037.6256%2012.0718%2037.781%2012.1823C37.9493%2012.2928%2038.2083%2012.3481%2038.5578%2012.3481C38.8297%2012.3481%2039.1275%2012.3135%2039.4512%2012.2445L39.4901%2014.7099C39.1146%2014.8066%2038.6355%2014.855%2038.0529%2014.855Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(98.26%200%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M45.1504%2015C44.4124%2015%2043.7391%2014.8826%2043.1305%2014.6478C42.5349%2014.413%2042.03%2014.0746%2041.6157%2013.6326C41.1495%2013.1492%2040.8%2012.5691%2040.5669%2011.8923C40.3338%2011.2017%2040.2173%2010.4213%2040.2173%209.5511C40.2173%208.70856%2040.3274%207.94889%2040.5475%207.2721C40.7805%206.58149%2041.1301%205.99447%2041.5962%205.51105C42.0235%205.05525%2042.5285%204.71685%2043.1111%204.49586C43.7067%204.26105%2044.38%204.14365%2045.131%204.14365C45.8949%204.14365%2046.5746%204.26795%2047.1702%204.51657C47.7658%204.76519%2048.2708%205.12431%2048.6851%205.59392C49.1512%206.1326%2049.4943%206.80249%2049.7144%207.60359C49.9345%208.39088%2050.0316%209.29558%2050.0057%2010.3177H42.8975C42.9104%2011.1878%2043.1046%2011.8439%2043.4801%2012.2859C43.8686%2012.7279%2044.4253%2012.9489%2045.1504%2012.9489C45.7589%2012.9489%2046.225%2012.8108%2046.5487%2012.5345C46.8854%2012.2445%2047.1055%2011.8232%2047.209%2011.2707L49.8504%2011.5193C49.5655%2012.6657%2049.0217%2013.5359%2048.219%2014.1298C47.4292%2014.7099%2046.4063%2015%2045.1504%2015ZM47.2479%208.32873C47.222%207.98342%2047.1637%207.68646%2047.0731%207.43784C46.9825%207.18923%2046.853%206.96133%2046.6847%206.75414C46.5034%206.54696%2046.2833%206.39503%2046.0243%206.29834C45.7783%206.20166%2045.4805%206.15331%2045.131%206.15331C44.7296%206.15331%2044.3865%206.21547%2044.1016%206.33978C43.8168%206.46409%2043.5837%206.65746%2043.4024%206.91989C43.273%207.09945%2043.1629%207.31354%2043.0723%207.56215C42.9946%207.79696%2042.9428%208.05249%2042.9169%208.32873H47.2479Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20lab(98.26%200%200)%20!important%3B%22%2F%3E%3C%2Fsvg%3E)

Logo

Favicon

Social Card

UI Components

Live previews rendered using BricksAI's actual button styles.

Button Primary

• background: #000000
• textColor: #FAFAFA
• borderColor: #4B4B4B
• borderRadius: 100px
• shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(255, 255, 255, 0.2) 2px 2px 24px 0px inset

Button Secondary

• background: #0A0A0A
• textColor: #FAFAFA
• borderRadius: 36px

Brand Personality

• Tone: modern
• Energy: medium
• Audience: tech professionals

BricksAI Brand in the Wild

Source: trybricks.ai

Source: trybricks.ai

Source: trybricks.ai

Source: trybricks.ai

Source: trybricks.ai

Source: trybricks.ai

Frequently Asked Questions

1. What is BricksAI's primary brand color?
   BricksAI's primary brand color is #FFFFFF. It anchors the visual identity across their website, product UI, and marketing materials.
2. What accent color does BricksAI use?
   BricksAI uses #000000 as an accent color, typically applied to interactive elements like links, buttons, and call-to-action emphasis.
3. What font does BricksAI use?
   BricksAI uses ABC Monument Grotesk as the primary typeface across body and headings.
4. Does BricksAI use a light or dark theme?
   BricksAI's primary site uses a dark color scheme, with a background of #0A0A0A.
5. Where can I find BricksAI's logo?
   BricksAI's logo is available directly on their site (https://www.trybricks.ai/).
6. How was this brand profile generated?
   This profile was extracted from https://www.trybricks.ai/ using the Firecrawl branding extraction API, which inspects the live page's CSS, fonts, color tokens, and component styles.

Methodology

Brand data on this page was extracted from https://www.trybricks.ai/ on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles.