Media, Assets & Legal

1 IMAGERY (Overview IMAGERY AND ICONS, Page media lines) Describe media so that the agent can pick or generate a substitute of the same kind, size and feel. hero media: product photo on plain background | lifestyle photo | full-bleed video | product render | UI screenshot or device mockup | 3D or WebGL scene | abstract gradient | illustration | typography only | carousel | collage | none photography: subject (product, people, place, food, abstract); light (soft studio, natural, low-key, hard sun); background (seamless color, environment); crop (tight, environmental, cutout on color, edge to edge); people (none, hands, candid, posed); color grade (natural, warm, pastel, black and white, film grain) product and UI visuals: angle, shadow, reflection, tilt, floating fragments, device frames, how much of the UI is shown illustration: none | flat vector | line art | isometric | 3D clay | hand-drawn | collage | pixel | data art; stroke width, palette, shading icons: set (SF Symbols, Material Symbols, Lucide, Phosphor, Heroicons, custom), style (line, filled, duotone), stroke px, size px, corner style treatments: radius, borders, overlays and gradients over images, blend modes, grain, masks and shaped crops density: text-led | balanced | image-led; typical images per screen sizes: aspect ratios in use (16:9, 4:3, 1:1, 3:4), object-fit, where images bleed past the container video: role (hero, demo, ambient), length and loop, pace (cuts per minute), camera motion, grading, muted autoplay, poster, controls sound: UI sounds or ambient audio, default on or off, toggle position; reproduce muted with a visible toggle 2 BRAND ASSETS (describe, never store) logo: wordmark | symbol | both; position; height desktop and mobile; color on light and dark patterns and brand shapes: geometry, scale, color, where used (e.g. hidden parallelogram in photos) mascots and characters: style and role only favicon and social image: style only 3 FONTS Record the exact brand font and an open alternative for every role: - role: display and text brand: <family, foundry, weights, variable axes, features> license: proprietary | commercial | open | system alternative: <open family, weight mapping, tracking and size adjustments to match width and color> Common matches (check visually per brand): SF Pro -> Inter; Helvetica Neue -> Inter or Arimo; Söhne -> Inter Display (light weights); Graphik -> Inter; Circular -> DM Sans or Plus Jakarta Sans; Proxima Nova -> Figtree or Montserrat; Futura -> Jost; GT America -> Inter Tight; Aeonik -> Manrope; Neue Montreal -> Inter Tight; Tiempos or Lyon -> Source Serif 4 or Newsreader; Myriad -> Source Sans 3; Gotham -> Montserrat; Brandon -> Josefin Sans; mono -> JetBrains Mono, IBM Plex Mono. 4 RULES FOR "IN THE STYLE OF" BUILDS 1 Copy the style (tokens, layout, components, motion, tone), not the assets. No logos, mascots, brand photos, renders, videos, proprietary icons or original copy. Use placeholders ([LOGO], [PRODUCT IMAGE 4:3]) or original substitutes of the same kind. 2 Proprietary fonts: use the open alternative unless the user has a license. 3 Copy samples show length and tone; write new text. 4 No implied affiliation with the brand; no hotlinking from the brand site.