Back to Cookbook

Brand Archaeologist

Extract colors, fonts, and logos from an existing site when no brand guide exists

The previous designer vanished. There's no brand guide. The only logo is a 15-year-old business card. This recipe crawls the client's existing web presence and social profiles to extract every findable brand asset — colors, fonts, logos, patterns — and compiles a basic brand guide.

House RecipeWork2 min

INGREDIENTS

🌐Browser🔎Web Search

PROMPT

Create a skill called "Brand Archaeologist". When I give you a client's website URL and social media profile URLs (Facebook, Instagram, LinkedIn, Twitter/X), crawl all sources and extract brand assets. Find: all logo images at the highest available resolution, identify fonts used (via CSS analysis and font matching services), extract the complete color palette from CSS with hex values and usage context, download social media profile images and cover photos at max resolution, and document visual patterns (layout style, image treatment, icon style). Compile everything into a basic brand guide document with: color swatches with hex codes, identified fonts with suggested alternatives if exact matches aren't available, logo files at best available quality, and recommendations for what's missing ("Vector logo needed, highest resolution available is 200x200 PNG"). Output as PDF and Markdown.

How It Works

Give your Claw the client's website URL and social media profiles. It

extracts everything: logo images at the highest available resolution,

identifies fonts via matching, extracts the color palette from CSS, and

documents any visual patterns. Outputs a basic brand guide you can work from.

What You Get

  • Logo extraction at highest available resolution from website and social profiles
  • Font identification (matches against known typefaces)
  • Complete color palette extracted from CSS with hex values
  • Social media profile images and cover photos
  • Visual patterns: common layout styles, imagery tone, iconography
  • A compiled basic brand guide document (PDF or Markdown)
  • Recommendations for missing assets ("You'll need a vector logo — here's what we can work from")

Setup Steps

  1. Provide the client's website URL and social media links
  2. Your Claw crawls everything and extracts brand assets
  3. Review the generated brand guide
  4. Use it as the foundation for the redesign

Tips

  • This is a huge time saver when redesigning an existing site with no documentation
  • The font identification helps even when the client says "I have no idea what font that is"
  • Often extracts better assets from social media than from the website itself
  • Use this as the starting point, then run Token Forge to build a proper token system from the extracted colors
  • Also useful for competitive analysis — extract a competitor's design language
Tags:#web-design#branding#assets#research