visual-assets

Topics in the source

• Visual Assets — imagery with art direction
• 1. Define the image direction (write it down first)
• 2. Source or generate
• 3. Unify with the treatment script
• 4. Present images with intent (CSS)
• 5. Image motion (pair with scroll-animation)
• 6. Technical quality (non-negotiable)
• 7. Check it

Basic sites drop raw stock photos into rectangles. Premium sites treat imagery as a system: one style, consistent treatment, composed with the type and motion. One short spec the whole site follows: Derive it from the brand: a law firm ≠ a coffee shop ≠ a creative studio. If the user has real photos, they win over stock — build the direction around them. Priority: user's own photos → custom 3D renders/illustrations → AI-generated set → curated stock (Unsplash/Pexels — check license; credit if required). AI image prompts — generate a set, not one-offs. Use one fixed style block appended to every prompt so the series matches: Ask for the composition you need for the layout (empty space where the headline goes, subject facing into the page). Generate 3–4 variants, pick, then treat with the script below so they match exactly. Never generate images of real identifiable people or copyrighted characters/brands. Illustrations / icons: one family only (same stroke width, corner style, palette). For icons use one set (Lucide, Phosphor, Tabler) at one stroke weight. Looks: warm-film, cool-film, duotone (--dark --light), mono, fade. It crops to one ratio (with --focus x,y), grades, adds grain,

This is an excerpt. Refer to the complete source and its current requirements.