Shape Brand: Colors, Fonts, Logo & Visual Identity
Shape Brand Identity
A complete profile of Shape's visual system — colors, typography, components, and personality — extracted from https://shape.xyz. Built for designers, agents, and AI tools.
Color Palette
Brand palette extracted from https://shape.xyz.
- primary: #0000EE
- accent: #0000EE
- background: #151817
- textPrimary: #151817
- link: #0000EE
Typography
Each font links to its Google Fonts page where available.
- primary: Inter
Google Fonts → - heading: General Sans Regular
Google 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:
... (Omitted for brevity)
Visual Assets
%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M%2022.428%207.69%20C%2022.741%205.59%2022.052%203.464%2020.571%201.961%20C%2018.181%20-0.471%2014.358%20-0.665%2011.739%201.511%20L%2015.307%205.137%20C%2015.917%204.892%2016.613%205.039%2017.075%205.511%20C%2017.72%206.165%2017.72%207.224%2017.075%207.878%20L%2017.075%207.879%20L%2017.075%207.879%20L%2013.58%2011.429%20L%2011.716%2013.323%20L%2015.21%2016.874%20L%2016.61%2015.452%20L%2020.57%2011.427%20C%2021.569%2010.416%2022.22%209.106%2022.428%207.69%20Z%20M%2010.921%2013.462%20L%209.386%2011.902%20L%205.891%2015.452%20L%205.891%2015.453%20L%207.289%2016.873%20L%207.29%2016.872%20L%207.755%2017.345%20L%207.755%2017.347%20L%2011.25%2020.897%20L%2011.25%2020.895%20L%2011.355%2021.002%20C%2013.941%2023.517%2018.039%2023.47%2020.569%2020.897%20C%2022.987%2018.442%2023.133%2014.555%2021.013%2011.925%20L%2017.444%2015.551%20C%2017.676%2016.151%2017.553%2016.862%2017.075%2017.347%20C%2016.767%2017.661%2016.348%2017.837%2015.91%2017.837%20C%2015.473%2017.837%2015.054%2017.661%2014.745%2017.347%20L%2010.921%2013.463%20Z%20M%200.076%2015.149%20C%20-0.243%2017.254%200.446%2019.388%201.931%2020.895%20C%204.32%2023.326%208.141%2023.522%2010.761%2021.347%20L%207.191%2017.721%20C%206.582%2017.964%205.888%2017.816%205.426%2017.346%20C%204.781%2016.692%204.781%2015.633%205.426%2014.979%20L%209.25%2011.094%20L%2010.784%209.536%20L%207.29%205.985%20L%205.89%207.406%20L%205.425%207.879%20L%205.424%207.879%20L%201.929%2011.427%20L%201.929%2011.429%20L%201.876%2011.484%20C%200.912%2012.484%200.282%2013.767%200.076%2015.149%20Z%20M%205.056%207.306%20L%201.487%2010.932%20C%20-0.635%208.302%20-0.486%204.416%201.929%201.963%20C%203.163%200.708%204.84%200.002%206.589%200.002%20C%208.338%200.002%2010.015%200.708%2011.25%201.963%20L%2015.21%205.986%20L%2016.607%207.406%20L%2013.113%2010.957%20L%2011.249%209.063%20L%207.754%205.513%20C%207.446%205.199%207.026%205.023%206.589%205.023%20C%206.152%205.023%205.732%205.199%205.424%205.513%20C%204.961%205.984%204.816%206.688%205.055%207.307%20Z%22%20fill%3D%22rgb(255%2C255%2C255)%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E)
UI Components
Live previews rendered using Shape's actual button styles.
Button Primary:
- background: #151817
- textColor: #0000EE
- borderRadius: 8px
- shadow: none
Brand Personality
- Tone: modern
- Energy: medium
- Audience: tech-savvy professionals
Frequently Asked Questions
- What is Shape's primary brand color?
Shape's primary brand color is #0000EE. It anchors the visual identity across their website, product UI, and marketing materials. - What font does Shape use?
Shape uses Inter for body text and General Sans Regular for headings. Fonts were detected on https://shape.xyz as part of their live design system. - Does Shape use a light or dark theme?
Shape's primary site uses a dark color scheme, with a background of #151817. - Where can I find Shape's logo?
Shape's logo is available directly on their site (https://shape.xyz). The current logo URL is included in the machine-readable JSON profile linked above.