video/.claude/skills/visual-style/references/templates/full.visual-style.md

name, version, tags, author, source_url, created, style_prompt_short, style_prompt_full, colors, typography, layout, motion, mood, assets, x_heygen, x_figma

name	version	tags	author	source_url	created	style_prompt_short	style_prompt_full	colors	typography	layout	motion	mood	assets	x_heygen	x_figma
Style Name	1.0	tag1 tag2	Your Name		YYYY-MM-DD	One to two sentences capturing the visual essence of this style. This is the elevator pitch.	Detailed generation prompt. Include specific hex colors, font names, layout structure, motion patterns, and overall mood. This is THE most important field — any AI tool should be able to read this and generate consistent visuals. Be specific about what TO do and what NOT to do. Include hex codes inline (like #FF5500) so tools can extract them.	primary accent neutral name hex role Descriptive Color Name #000000 dominant background, structural elements name hex role Descriptive Color Name #FFFFFF primary text, negative space name hex role Accent Color Name #FF5500 CTAs, emphasis, key highlights name hex role Neutral Color Name #888888 supporting text, borders, secondary elements	display body caption rules family weight style Font Family Name bold uppercase, tight tracking family weight style Font Family Name regular sentence case, comfortable line height family weight style Font Family Name medium small, uppercase for labels Typography rule or constraint Another typography guideline Font usage restriction	grid alignment aspect_ratio notes Grid system description (e.g., 12 columns, 8px base unit) Alignment approach (e.g., flush left, centered hero) Default aspect ratio (e.g., 16:9, 4:3) Additional layout guideline Spacing or composition note	transitions animation_style pacing audio_cues transition type 1 transition type 2 Description of how elements move and animate. Include easing, timing, and overall feel. Overall rhythm description sound design note	keywords era cultural_reference avoid mood word 1 mood word 2 mood word 3 mood word 4 Time period reference (e.g., 1990s, contemporary) Designers, movements, or works that inspire this style thing to explicitly avoid another anti-pattern design element that doesn't fit	reference_images gsep_elements html_snippets color_palette_image url	video_id orientation landscape	library_id

Design Principles

Freeform section for design philosophy and guiding principles. What beliefs drive this visual system? What trade-offs does it make intentionally?

Connectors

HeyGen Video Agent

Notes on how to apply this style to HeyGen Video Agent. What to emphasize in the prompt, what motion patterns to use.

HTML Slides

Notes on CSS mapping, layout approach, font loading.

paper.design

Notes on document setup, grid configuration, AI guidance.

Figma

Notes on style generation, component patterns, design tokens.

Extraction Notes

If this style was extracted from a source, document it here. Include the source URL, extraction date, and any notable decisions.