← ClaudeAtlas

brand-kitlisted

Put the person's colors, fonts, and usage rules on one page. Then prove the kit works by restyling one real artifact. Use when they say "make my stuff look consistent", "brand guidelines", or their site, slides, and posts all look unrelated.
protosphinx/sphinxstack · ★ 0 · AI & Automation · score 75
Install: claude install-skill protosphinx/sphinxstack
# brand-kit Write down the visual decisions for someone's real project so they stop re-deciding them. The output is one page — a brand kit — plus one existing artifact restyled to match it, which is the proof the kit works. This assumes some decisions already exist or get made now; if they have nothing at all, run pick-fonts-and-colors first and come back. ## Collect what exists Look at everything they currently have: site, resume, slides, avatars, posts. List every font and color actually in use (pull hex values from the real files, do not guess). Show them the list — seeing eleven grays and five fonts is usually the moment they understand why a kit exists. ## Decide and cut Work down to a small fixed set, their pick at each step with your one-line trade-off on the options: - Two fonts: one for headings, one for body. Free sources only (Google Fonts). Name the exact weights allowed — usually two per font. - Colors: one background, one text color, one accent. Optionally one neutral gray for secondary text. Exact hex values. Check the text/background pair for contrast (aim for WCAG AA) and say so in the kit. - Logo usage if a logo exists: minimum size, clear space, the black and white variants, and the one background it never goes on. - Voice line: one sentence on how written things sound, in their words. Everything not on the list is banned by default. That is the point of the kit — the next decision is already made. ## Write the page One file, `brand