# Superside Brand Identity

A complete profile of **Superside**'s visual system — colors, typography, components, and personality — extracted from http://www.superside.com. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/superside
- Machine-readable JSON: https://characterquilt.com/branding/superside.json
- Per-page llms.txt: https://characterquilt.com/branding/superside/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #D8FF85 |
| Accent | #D8FF85 |
| Body Font | Inter Tight |
| Heading Font | Instrument Serif |

## Color Palette

- primary: #D8FF85
- secondary: #EEF3E4
- accent: #D8FF85
- background: #F7F9F2
- textPrimary: #0A211F
- link: #0A211F

## Typography

- primary: Inter Tight — https://fonts.google.com/specimen/Inter+Tight
- heading: Instrument Serif — https://fonts.google.com/specimen/Instrument+Serif

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20160%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M83.8867%2015.1651C83.9178%209.52062%2080.188%205.75866%2074.7988%205.75866C69.1232%205.75866%2065.0105%209.9679%2065.0105%2015.6114C65.0105%2021.2548%2069.1875%2025.5284%2074.9586%2025.5284C79.2312%2025.5284%2082.6434%2023.2318%2083.8223%2019.0547H79.8051C79.199%2020.8407%2077.4462%2021.7654%2075.1496%2021.7654C71.9615%2021.7654%2069.7614%2019.7884%2069.3785%2016.919H83.7268C83.8223%2016.3129%2083.8867%2016.0265%2083.8867%2015.1651ZM69.5383%2013.5389C70.1755%2011.0192%2072.1836%209.45732%2074.7677%209.45732C77.3517%209.45732%2079.3266%2011.0835%2079.7096%2013.5389H69.5383ZM150.981%2021.7644C147.793%2021.7644%20145.592%2019.7874%20145.209%2016.9179H159.558C159.654%2016.3119%20159.717%2016.0254%20159.717%2015.1641C159.749%209.51958%20156.019%205.75763%20150.631%205.75763C144.954%205.75763%20140.841%209.96687%20140.841%2015.6103C140.841%2021.2538%20145.018%2025.5274%20150.789%2025.5274C155.062%2025.5274%20158.475%2023.2307%20159.654%2019.0537H155.636C155.031%2020.8397%20153.276%2021.7644%20150.981%2021.7644ZM150.598%209.45628C153.213%209.45628%20155.157%2011.0825%20155.54%2013.5379H145.369C146.007%2011.0181%20148.016%209.45628%20150.598%209.45628ZM134.783%208.33962C133.22%206.71342%20131.084%205.75659%20128.596%205.75659C123.336%205.75659%20119.254%209.998%20119.254%2015.7058C119.254%2021.4136%20123.463%2025.5263%20128.596%2025.5263C131.053%2025.5263%20133.22%2024.5695%20134.783%2022.9433V25.1361H139.023V0.402676H134.783V8.34066V8.33962ZM129.139%2021.6378C125.887%2021.6378%20123.559%2019.1824%20123.559%2015.7068C123.559%2012.2313%20125.887%209.77592%20129.139%209.77592C132.392%209.77592%20134.815%2012.1981%20134.815%2015.7068C134.815%2019.2156%20132.455%2021.6378%20129.139%2021.6378ZM117.803%202.48654C117.803%203.91971%20116.772%204.95127%20115.339%204.95127C113.906%204.95127%20112.846%203.94877%20112.846%202.5156C112.846%201.08242%20113.877%200.0508677%20115.339%200.0508677C116.8%200.0508677%20117.803%201.05336%20117.803%202.48654ZM113.299%206.16547H117.349V25.1382H113.299V6.16651V6.16547ZM103.91%209.23419C101.614%209.23419%20101.199%2010.7006%20101.199%2011.4021C101.199%2012.359%20101.933%2012.9962%20103.941%2013.5067L106.236%2014.1128C109.744%2015.0696%20111.37%2016.7913%20111.37%2019.5331C111.338%2023.1041%20108.501%2025.5274%20104.482%2025.5274C100.464%2025.5274%2097.1806%2023.5182%2096.7344%2019.2457H100.21C100.624%2021.095%20102.091%2022.0518%20104.227%2022.0518C106.204%2022.0518%20107.352%2021.1593%20107.352%2019.8839C107.352%2018.8316%20106.587%2018.1944%20104.61%2017.6516L102.378%2017.0134C99.1576%2016.0887%2097.2439%2014.5258%2097.2439%2011.5287C97.2439%207.83007%20100.178%205.75763%20103.844%205.75763C107.511%205.75763%20110.668%208.14867%20111.306%2011.3699L111.401%2011.8484H107.671L107.575%2011.5931C107.033%2010.1578%20105.758%209.23316%20103.909%209.23316L103.91%209.23419ZM96.6348%209.91394C96.6348%209.91394%2095.8128%209.64827%2094.7263%209.64827C91.7603%209.64827%2089.8799%2011.5536%2089.8799%2014.6462V25.1372H85.6706V6.16651H89.8799V8.39878C91.092%206.64493%2092.7493%205.7597%2094.7585%205.7597C95.7174%205.7597%2096.6348%206.04717%2096.6348%206.04717V9.91601V9.91394ZM60.7358%208.48699C59.0453%206.73729%2056.6864%205.75036%2054.231%205.75036C51.7756%205.75036%2049.5434%206.8006%2048.0126%208.74125V6.16444H43.8034V32H48.0126V22.6143C49.5755%2024.4917%2051.7113%2025.5408%2054.231%2025.5408C59.2362%2025.5408%2063.4133%2021.5952%2063.4133%2015.6466C63.4133%2012.8457%2062.4565%2010.301%2060.7358%208.48699ZM53.625%2021.6274C50.3726%2021.6274%2048.0126%2019.146%2048.0126%2015.6466C48.0126%2012.1472%2050.3726%209.66487%2053.5928%209.66487C56.813%209.66487%2059.2051%2012.2417%2059.2051%2015.6466C59.2051%2019.0516%2056.9085%2021.6274%2053.625%2021.6274ZM41.2525%2025.1372H36.98V23.4549C35.7679%2024.7936%2034.0462%2025.5274%2031.9737%2025.5274C27.7967%2025.5274%2024.6719%2022.6579%2024.6719%2017.9702V10.2139H28.9444V17.4929C28.9444%2020.4578%2030.7938%2021.6066%2032.8984%2021.6066C35.4171%2021.6066%2036.98%2019.8528%2036.98%2017.0466V6.16547H41.2525V25.1382V25.1372ZM23.0644%2018.595C23.3726%2023.072%2019.3948%2025.5554%2016.3229%2025.5481C14.8524%2025.545%2013.2449%2024.9649%2011.9072%2024.035L9.78078%2022.5593C8.13589%2021.4364%207.66474%2021.2434%207.04415%2021.2413C5.54144%2021.2372%204.568%2022.2905%204.66244%2023.6656C4.69565%2024.145%204.71329%2024.529%205.14501%2025.106L0.579807%2025.0946C0.24149%2024.4543%200.0588402%2023.6863%200.01214%2023.0149C-0.205794%2019.8497%202.53084%2016.8826%206.5813%2016.892C8.24797%2016.8961%209.98107%2017.4119%2011.3561%2018.4061L14.3802%2020.5875C14.9624%2020.9725%2015.4325%2021.1656%2016.0863%2021.1676C17.9813%2021.1718%2018.6507%2019.5113%2018.576%2018.4237C18.5272%2017.7201%2018.1567%2017.0798%2017.5382%2016.6305L11.5523%2012.2355C9.86795%2011.0161%208.84988%209.03183%208.70667%206.95315C8.39949%202.47616%2012.3763%20-0.00724858%2015.4481%201.58926e-05C16.9186%200.00312924%2018.5262%200.583249%2019.8639%201.5131L21.9903%202.98883C23.6352%204.11171%2024.1063%204.30473%2024.7269%204.30577C26.2296%204.30992%2027.0287%203.25657%2026.9343%201.88151C26.9011%201.40206%2026.8834%201.01808%2026.4517%200.441073L31.0169%200.452489C31.3552%201.0928%2032.0225%205.0125%2029.2599%207.24581C25.5343%2010.2574%2021.7879%208.13518%2020.4139%207.13995L17.3898%204.95853C16.8076%204.57352%2016.3375%204.38049%2015.6837%204.37842C13.7887%204.37426%2013.1193%206.03471%2013.192%207.09014C13.2407%207.79375%2013.6133%208.46623%2014.1996%208.91456L20.2177%2013.3096C21.9%2014.4968%2022.9222%2016.5454%2023.0633%2018.5919L23.0644%2018.595Z%22%20style%3D%22fill%3A%20rgb(247%2C%20249%2C%20242)%20!important%3B%22%2F%3E%0A%20%20%3C%2Fsvg%3E
- Favicon: https://cdn.sanity.io/images/k0dlbavy/production/790d16cce09755bcd60b3ad8ed511ba85bf72937-48x48.svg
- Social card (og:image): https://cdn.sanity.io/images/k0dlbavy/production/d6b161e6c39c2f943715cf25756695089944a2a5-1895x998.jpg?rect=0,3,1895,992&w=1200&h=628&q=95&auto=format

## UI Components

- buttonPrimary: background=#D8FF85, textColor=#0A211F, borderRadius=999px, shadow=none
- buttonSecondary: background=transparent, textColor=#0A211F, borderColor=#0A211F, borderRadius=999px, shadow=none

## Brand Personality

Tone: modern · Energy: high · Audience: creative professionals

## Superside Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **10 Creative Content Agencies Making Brands Shine in 2026**
  - Image: https://cdn.sanity.io/images/k0dlbavy/production/d7b2ec821b45d9585a840536374ac2c4cd40fe5f-2800x1450.png?w=2800&q=95&auto=format
  - Source: https://www.superside.com/blog/creative-content-agencies
- **Superside Blog: Creative and Design Content**
  - Image: https://sanity-cdn.superside.com/c20b4d3d6dc54f4c0456ed357d9ee3c67b17f64c-2800x1450.png
  - Source: https://www.superside.com/blog
- **Superside Blog Creative Leadership**
  - Image: https://cdn.sanity.io/images/k0dlbavy/production/05b03f5042b212d9c1b55ec9668d0a9afee1fc2d-2800x1450.png?w=2800&q=95&auto=format
  - Source: https://www.superside.com/blog/categories/creative-leadership
- **Hiring Blog Writers? We Answered 26 Most Frequently Asked Qs**
  - Image: https://cdn.sanity.io/images/k0dlbavy/production/9a027a4bad536ae58ba1285b698e40094c035913-4100x2000.jpg?w=4100&q=95&auto=format
  - Source: https://www.superside.com/blog/hire-blog-writer
- **9 New Examples of Effective Website Homepage Design to Inspire**
  - Image: https://cdn.sanity.io/images/k0dlbavy/production/eff3357620f38b12c5d8bec26b6dd6360cb25c43-2400x2944.png?q=95&auto=format&fit=min
  - Source: https://www.superside.com/blog/homepage-design
- **Video Production Services & Video Ad Solutions For Top Brands**
  - Image: https://cdn.sanity.io/images/k0dlbavy/production/19f70a604ac0ca6b8531e9a7c2fa32f3b23b0358-4230x2418.png?q=95&auto=format&fit=min
  - Source: https://www.superside.com/video-production

## 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": "Inter Tight",
      "role": "body"
    },
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "Instrument Serif",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#D8FF85",
    "secondary": "#EEF3E4",
    "accent": "#D8FF85",
    "background": "#F7F9F2",
    "textPrimary": "#0A211F",
    "link": "#0A211F"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter Tight",
      "heading": "Instrument Serif"
    },
    "fontStacks": {
      "heading": [
        "Inter Tight",
        "Inter",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "Inter Tight",
        "Inter",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "Inter Tight",
        "Inter",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "88px",
      "h2": "72px",
      "body": "18px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#D8FF85",
      "textColor": "#0A211F",
      "borderRadius": "999px",
      "borderRadiusCorners": {
        "topLeft": "999px",
        "topRight": "999px",
        "bottomRight": "999px",
        "bottomLeft": "999px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "transparent",
      "textColor": "#0A211F",
      "borderColor": "#0A211F",
      "borderRadius": "999px",
      "borderRadiusCorners": {
        "topLeft": "999px",
        "topRight": "999px",
        "bottomRight": "999px",
        "bottomLeft": "999px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%20160%2032%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20data-fc-idx%3D%220%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M83.8867%2015.1651C83.9178%209.52062%2080.188%205.75866%2074.7988%205.75866C69.1232%205.75866%2065.0105%209.9679%2065.0105%2015.6114C65.0105%2021.2548%2069.1875%2025.5284%2074.9586%2025.5284C79.2312%2025.5284%2082.6434%2023.2318%2083.8223%2019.0547H79.8051C79.199%2020.8407%2077.4462%2021.7654%2075.1496%2021.7654C71.9615%2021.7654%2069.7614%2019.7884%2069.3785%2016.919H83.7268C83.8223%2016.3129%2083.8867%2016.0265%2083.8867%2015.1651ZM69.5383%2013.5389C70.1755%2011.0192%2072.1836%209.45732%2074.7677%209.45732C77.3517%209.45732%2079.3266%2011.0835%2079.7096%2013.5389H69.5383ZM150.981%2021.7644C147.793%2021.7644%20145.592%2019.7874%20145.209%2016.9179H159.558C159.654%2016.3119%20159.717%2016.0254%20159.717%2015.1641C159.749%209.51958%20156.019%205.75763%20150.631%205.75763C144.954%205.75763%20140.841%209.96687%20140.841%2015.6103C140.841%2021.2538%20145.018%2025.5274%20150.789%2025.5274C155.062%2025.5274%20158.475%2023.2307%20159.654%2019.0537H155.636C155.031%2020.8397%20153.276%2021.7644%20150.981%2021.7644ZM150.598%209.45628C153.213%209.45628%20155.157%2011.0825%20155.54%2013.5379H145.369C146.007%2011.0181%20148.016%209.45628%20150.598%209.45628ZM134.783%208.33962C133.22%206.71342%20131.084%205.75659%20128.596%205.75659C123.336%205.75659%20119.254%209.998%20119.254%2015.7058C119.254%2021.4136%20123.463%2025.5263%20128.596%2025.5263C131.053%2025.5263%20133.22%2024.5695%20134.783%2022.9433V25.1361H139.023V0.402676H134.783V8.34066V8.33962ZM129.139%2021.6378C125.887%2021.6378%20123.559%2019.1824%20123.559%2015.7068C123.559%2012.2313%20125.887%209.77592%20129.139%209.77592C132.392%209.77592%20134.815%2012.1981%20134.815%2015.7068C134.815%2019.2156%20132.455%2021.6378%20129.139%2021.6378ZM117.803%202.48654C117.803%203.91971%20116.772%204.95127%20115.339%204.95127C113.906%204.95127%20112.846%203.94877%20112.846%202.5156C112.846%201.08242%20113.877%200.0508677%20115.339%200.0508677C116.8%200.0508677%20117.803%201.05336%20117.803%202.48654ZM113.299%206.16547H117.349V25.1382H113.299V6.16651V6.16547ZM103.91%209.23419C101.614%209.23419%20101.199%2010.7006%20101.199%2011.4021C101.199%2012.359%20101.933%2012.9962%20103.941%2013.5067L106.236%2014.1128C109.744%2015.0696%20111.37%2016.7913%20111.37%2019.5331C111.338%2023.1041%20108.501%2025.5274%20104.482%2025.5274C100.464%2025.5274%2097.1806%2023.5182%2096.7344%2019.2457H100.21C100.624%2021.095%20102.091%2022.0518%20104.227%2022.0518C106.204%2022.0518%20107.352%2021.1593%20107.352%2019.8839C107.352%2018.8316%20106.587%2018.1944%20104.61%2017.6516L102.378%2017.0134C99.1576%2016.0887%2097.2439%2014.5258%2097.2439%2011.5287C97.2439%207.83007%20100.178%205.75763%20103.844%205.75763C107.511%205.75763%20110.668%208.14867%20111.306%2011.3699L111.401%2011.8484H107.671L107.575%2011.5931C107.033%2010.1578%20105.758%209.23316%20103.909%209.23316L103.91%209.23419ZM96.6348%209.91394C96.6348%209.91394%2095.8128%209.64827%2094.7263%209.64827C91.7603%209.64827%2089.8799%2011.5536%2089.8799%2014.6462V25.1372H85.6706V6.16651H89.8799V8.39878C91.092%206.64493%2092.7493%205.7597%2094.7585%205.7597C95.7174%205.7597%2096.6348%206.04717%2096.6348%206.04717V9.91601V9.91394ZM60.7358%208.48699C59.0453%206.73729%2056.6864%205.75036%2054.231%205.75036C51.7756%205.75036%2049.5434%206.8006%2048.0126%208.74125V6.16444H43.8034V32H48.0126V22.6143C49.5755%2024.4917%2051.7113%2025.5408%2054.231%2025.5408C59.2362%2025.5408%2063.4133%2021.5952%2063.4133%2015.6466C63.4133%2012.8457%2062.4565%2010.301%2060.7358%208.48699ZM53.625%2021.6274C50.3726%2021.6274%2048.0126%2019.146%2048.0126%2015.6466C48.0126%2012.1472%2050.3726%209.66487%2053.5928%209.66487C56.813%209.66487%2059.2051%2012.2417%2059.2051%2015.6466C59.2051%2019.0516%2056.9085%2021.6274%2053.625%2021.6274ZM41.2525%2025.1372H36.98V23.4549C35.7679%2024.7936%2034.0462%2025.5274%2031.9737%2025.5274C27.7967%2025.5274%2024.6719%2022.6579%2024.6719%2017.9702V10.2139H28.9444V17.4929C28.9444%2020.4578%2030.7938%2021.6066%2032.8984%2021.6066C35.4171%2021.6066%2036.98%2019.8528%2036.98%2017.0466V6.16547H41.2525V25.1382V25.1372ZM23.0644%2018.595C23.3726%2023.072%2019.3948%2025.5554%2016.3229%2025.5481C14.8524%2025.545%2013.2449%2024.9649%2011.9072%2024.035L9.78078%2022.5593C8.13589%2021.4364%207.66474%2021.2434%207.04415%2021.2413C5.54144%2021.2372%204.568%2022.2905%204.66244%2023.6656C4.69565%2024.145%204.71329%2024.529%205.14501%2025.106L0.579807%2025.0946C0.24149%2024.4543%200.0588402%2023.6863%200.01214%2023.0149C-0.205794%2019.8497%202.53084%2016.8826%206.5813%2016.892C8.24797%2016.8961%209.98107%2017.4119%2011.3561%2018.4061L14.3802%2020.5875C14.9624%2020.9725%2015.4325%2021.1656%2016.0863%2021.1676C17.9813%2021.1718%2018.6507%2019.5113%2018.576%2018.4237C18.5272%2017.7201%2018.1567%2017.0798%2017.5382%2016.6305L11.5523%2012.2355C9.86795%2011.0161%208.84988%209.03183%208.70667%206.95315C8.39949%202.47616%2012.3763%20-0.00724858%2015.4481%201.58926e-05C16.9186%200.00312924%2018.5262%200.583249%2019.8639%201.5131L21.9903%202.98883C23.6352%204.11171%2024.1063%204.30473%2024.7269%204.30577C26.2296%204.30992%2027.0287%203.25657%2026.9343%201.88151C26.9011%201.40206%2026.8834%201.01808%2026.4517%200.441073L31.0169%200.452489C31.3552%201.0928%2032.0225%205.0125%2029.2599%207.24581C25.5343%2010.2574%2021.7879%208.13518%2020.4139%207.13995L17.3898%204.95853C16.8076%204.57352%2016.3375%204.38049%2015.6837%204.37842C13.7887%204.37426%2013.1193%206.03471%2013.192%207.09014C13.2407%207.79375%2013.6133%208.46623%2014.1996%208.91456L20.2177%2013.3096C21.9%2014.4968%2022.9222%2016.5454%2023.0633%2018.5919L23.0644%2018.595Z%22%20style%3D%22fill%3A%20rgb(247%2C%20249%2C%20242)%20!important%3B%22%2F%3E%0A%20%20%3C%2Fsvg%3E",
    "favicon": "https://cdn.sanity.io/images/k0dlbavy/production/790d16cce09755bcd60b3ad8ed511ba85bf72937-48x48.svg",
    "ogImage": "https://cdn.sanity.io/images/k0dlbavy/production/d6b161e6c39c2f943715cf25756695089944a2a5-1895x998.jpg?rect=0,3,1895,992&w=1200&h=628&q=95&auto=format",
    "logoHref": "/"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is a medium-sized, visible logo linking to the homepage, which matches the brand 'Superside'.",
    "confidence": 0.85,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Book a demoBook a demo",
      "reasoning": "Button #0 uses the vibrant brand color #D8FF85, which is a strong indicator of a primary CTA. The text 'Book a demo' is action-oriented, making it suitable as the main call-to-action."
    },
    "secondary": {
      "index": 5,
      "text": "Learn about Brand BrainLearn about Brand Brain",
      "reasoning": "Button #5 has a transparent background with a border, making it a suitable secondary button. It contrasts with the primary button's vibrant color and offers a less prominent action with 'Learn about Brand Brain'."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "high",
    "targetAudience": "creative professionals"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is a medium-sized, visible logo linking to the homepage, which matches the brand 'Superside'.",
        "confidence": 0.85
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```