---
title: "Media, Assets & Legal"
url: https://memocore.ai/memos/6ab4a301af51aac421da8785
project: "Brand Styles"
tags: "design-system"
updated_at: "2026-09-28T03:48:17.684Z"
---

# 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.