camp.json

Camp Brand Identity

A complete profile of Camp's visual system — colors, typography, components, and personality — extracted from https://nouns.camp. Built for designers, agents, and AI tools.

Page: https://characterquilt.com/branding/camp
Machine-readable JSON: https://characterquilt.com/branding/camp.json

Quick Facts

Field	Value
Primary	#0C7AE9
Accent	#2282E2
Body Font	Roboto
Heading Font	Roboto

Color Palette

primary: #0C7AE9
secondary: #0000EE
accent: #2282E2
background: #FFFFFF
textPrimary: #37352F
link: #2282E2

Typography

primary: Roboto — https://fonts.google.com/specimen/Roboto
heading: Roboto — https://fonts.google.com/specimen/Roboto

Visual Assets

Brand Personality

Tone: playful · Energy: medium · Audience: tech-savvy individuals interested in NFTs or digital art communities

Camp Brand in the Wild

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

Nogglers - The Story Behind the Square Glasses - Nouns Camp
- Image: https://i.imgur.com/XdnBlqE.png
- Source: https://www.nouns.camp/candidates/nogglers---the-story-behind-the-square-glasses-6e95bf1e203866b68233135b2e2effcc51a72870
Nounswatch: Nouns Iconic Timepieces (Prop 416) - Nouns Camp
- Image: https://i.imgur.com/CqQU5u0.png
- Source: https://www.nouns.camp/proposals/416
Nouns Pokémon, The journey continues, new faces, same nounish vibes - Nouns Camp
- Image: https://i.imgur.com/TfjJi3v.jpeg
- Source: https://www.nouns.camp/candidates/0x8cd6cab9a7a8e5a686d1ee8dedead249418d5a44-nouns-pok%C3%A9mon,-the-journey-continues,-new-faces,-same-nounish-vibes-update-2
NounsWatch: Nouns Iconic Timepieces ⌐◨-◨ ⌚ - Nouns Camp
- Image: https://i.imgur.com/qj6bN2J.png
- Source: https://www.nouns.camp/candidates/nounswatch-nouns-iconic-timepieces----c3633a552065a80b0123717d2e75ddb7d7cbda16
Launching Nouns Grants - Nouns Camp
- Image: https://i.imgur.com/67V0beG.png
- Source: https://www.nouns.camp/topics/launching-nouns-grants-a86882277e69fbf0a51805cdc8b0a3a113079e63
Nounswatch: Nouns Iconic Timepieces (Prop 416) - Nouns Camp
- Image: https://i.imgur.com/p8gK5Fi.png
- Source: https://www.nouns.camp/proposals/416

Working with these fonts

Not found on Google Fonts?

CharacterQuilt.com suggests this flow that can help if you have permission to use the fonts:

Open the company's homepage in a browser with DevTools open.
In the Network tab, filter by "Font".
Hard-reload the page and click around — some weights only load on specific routes.
For each captured font URL: right-click → Save As to download the file locally.
View the page's CSS and copy out matching @font-face declarations.

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

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Roboto",
      "role": "body"
    },
    {
      "family": "Helvetica",
      "role": "body"
    },
    {
      "family": "Arial",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#0C7AE9",
    "secondary": "#0000EE",
    "accent": "#2282E2",
    "background": "#FFFFFF",
    "textPrimary": "#37352F",
    "link": "#2282E2"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roboto",
      "heading": "Roboto"
    },
    "fontStacks": {
      "heading": [
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "body": [
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica",
        "Arial",
        "sans-serif"
      ],
      "paragraph": [
        "system-ui",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Helvetica",
        "Arial",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "14px",
      "h2": "14px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "3px"
  },
  "components": {},
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20fill%3D%22none%22%20width%3D%22160%22%20height%3D%2260%22%20shape-rendering%3D%22crispEdges%22%20viewBox%3D%220%200%20160%2060%22%20data-fc-idx%3D%220%22%3E%3Cg%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%3E%3Cpath%20d%3D%22m90%200h-60v10h60z%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m160%200h-60v10h60z%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m40%2010h-10v10h10z%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22m60%2010h-20v10h20z%22%20fill%3D%22%23fff%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m80%2010h-20v10h20z%22%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m90%2010h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m110%2010h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m130%2010h-20v10h20z%22%20fill%3D%22%23fff%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m150%2010h-20v10h20z%22%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m160%2010h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m40%2020h-40v10h40z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m60%2020h-20v10h20z%22%20fill%3D%22%23fff%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m80%2020h-20v10h20z%22%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m110%2020h-30v10h30z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m130%2020h-20v10h20z%22%20fill%3D%22%23fff%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m150%2020h-20v10h20z%22%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m160%2020h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m10%2030h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m40%2030h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m60%2030h-20v10h20z%22%20fill%3D%22%23fff%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m80%2030h-20v10h20z%22%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m90%2030h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m110%2030h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m130%2030h-20v10h20z%22%20fill%3D%22%23fff%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m150%2030h-20v10h20z%22%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m160%2030h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m10%2040h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m40%2040h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m60%2040h-20v10h20z%22%20fill%3D%22%23fff%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m80%2040h-20v10h20z%22%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m90%2040h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m110%2040h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m130%2040h-20v10h20z%22%20fill%3D%22%23fff%22%20style%3D%22fill%3A%20rgb(255%2C%20255%2C%20255)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m150%2040h-20v10h20z%22%20fill%3D%22%23000%22%20style%3D%22fill%3A%20rgb(0%2C%200%2C%200)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m160%2040h-10v10h10z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m90%2050h-60v10h60z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22m160%2050h-60v10h60z%22%20fill%3D%22%23d53c5e%22%20style%3D%22fill%3A%20rgb(213%2C%2060%2C%2094)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
  "favicon": "https://www.nouns.camp/icon1.png?f8e66f0d1e331f47",
  "ogImage": "https://www.nouns.camp/opengraph-image.png?895892e413f81097",
  "logoHref": "/"
}