brand-kit-extractorlisted

Use before generating any creative for a firm — extracts their brand identity (colors, fonts, logo, imagery style, tone of voice) from their website so new ads and content look on-brand. Triggers include "what are my brand colors", "extract my brand", "build a brand kit", "make it match my site", or any request to create visuals/creative where brand consistency matters. Output feeds ad-creative-studio. Requires ranql-recon (for the firm's domain).
redwoodmeridian/ranql-skills · ★ 1 · AI & Automation · score 64

Install: claude install-skill redwoodmeridian/ranql-skills

# Brand Kit Extractor Before Claude makes creative, it needs to know what the firm *looks and sounds like*. This skill builds a reusable brand kit from the firm's own website. Do this once per firm; reuse the kit for every creative. ## Step 1 — Get the site Use the firm's `domain` from `get_my_profile`. Fetch the homepage (and, if useful, an "About" or "Practice Areas" page) with WebFetch. Prefer the raw HTML/CSS so you can pull exact values, not just rendered text. ## Step 2 — Extract the visual identity - **Colors** — pull exact hex codes. Look in the CSS for the recurring brand colors (header/nav background, button/CTA color, link color, accent). Identify: - **Primary** (the dominant brand color) - **Secondary** (supporting) - **Accent / CTA** (the color on buttons — this is what makes a "click here" pop) - **Neutrals** (text, background) Capture 4–6 hex values. If the logo is an image, note its dominant colors too. - **Fonts** — the heading font and body font (from `font-family` declarations or Google Fonts links). Note the personality (serif = traditional/authoritative; sans = modern/approachable). - **Logo** — the logo image URL(s). Note orientation (horizontal/stacked), whether there's a mark/icon, and light/dark variants. - **Imagery style** — look at the photos on the site: real attorney photos vs stock, office vs courtroom vs lifestyle, warm vs corporate, faces vs scenes. Ads should match this register so they feel like the same firm. - **Visual motif