Turn "an ordinary store photo" into a set of brand visuals that has a source, has logic, and can actually be used to open a real store. Do not just generate pretty pictures; you must explain where the brand comes from and make the same system cover space, packaging, and communication.
Input
Minimum input
- At least one photo of the real store exterior, interior space, or stall.
- The store's business category; if the photo is clear enough, it can first be inferred and confirmed with the user.
Recommended input
- Brand name or naming need.
- Photos of products, merchandise, services, or the production process.
- Visual references the user likes.
- Information that needs to be presented accurately, such as opening date, address, prices, and business hours.
- The list of materials the user wants to generate.
Input usage
- Treat real store photos as spatial anchors that must be preserved, not as inspiration images that can be freely rebuilt.
- Preserve the store location, door and window proportions, entrance relationships, main displays, building materials, and recognizable surroundings. Only make light renovations that the user can afford and that can be built, unless the user explicitly requests a rebuild.
- Treat reference images as design principles, and do not copy the brand names, logos, people, illustrations, copy, or distinctive compositions in them.
- Brand names, dates, prices, addresses, and business hours that need to be presented accurately must not be rewritten or fabricated.
- If only store photos are provided, first complete verifiable analysis, then establish the visual direction; do not directly apply flower shop, coffee shop, or any fixed industry template.
Dynamic references
- Before analyzing the space and distilling the visual concept, read visual-method.md。
- Before selecting and expanding materials, read deliverables.md。
- Before output, you must follow quality-checklist.md to complete the check.
Internal process
1. Establish the Before anchor
- Determine whether the input photos are sufficient to identify the store type, spatial structure, and main products.
- Record the spatial features that must remain unchanged.
- If there are no real photos but the user allows a demo case to be made, first generate an ordinary, unbranded real store photo and clearly mark it as Before.
- Before must not show a complete brand, a refined signboard, or influencer-style renovation in advance.
2. Diagnose the business and products
First answer the following questions, then proceed with design:
- What does this store sell, and what is the core consumption scenario?
- Why do customers come in, and what do they take away after purchasing?
- What are the most important physical touchpoints and social media touchpoints?
- What kind of feeling should the brand give: friendly, professional, youthful, natural, efficient, or something else?
- Which facts come from the user, and which are only visual inferences?
Do not replace analysis with vague words such as "premium, minimalist, textured."
3. Distill ideas from real structures
- Find 2 to 4 reusable forms from doors and windows, corners, signboard proportions, shelves, packaging folds, tool movements, or product outlines.
- Translate the form into an explainable core concept, such as "open at the street corner," "displayed layer by layer," "a bite of freshness," or "turn a page."
- Create a concise logo. Prioritize geometric relationships, negative space, folded lines, or glyph structures; avoid directly using the industry's most common icons.
- The logo must be recognizable at different sizes, such as on signage, stickers, price tags, and social media avatars.
- Explain the source relationship between the logo and the real store.
4. Establish a brand visual system
At minimum, determine:
- How the logo graphic combines with Chinese and English.
- 1 primary color, 1 background color, and at most 2 accent colors.
- The hierarchy of heading type, body type, and numerical information.
- Auxiliary graphics or patterns extended from the spatial structure.
- The lighting, composition, people's states, and material textures in photography.
The visual system must be suitable for ordinary consumers to understand. A premium feel comes from information order, materials, white space, real lighting, and consistency, not from deliberate obscurity, large areas of black, luxury display, or stacked abstract art.
5. Do core validation first
First generate and check the following three items:
- Logo and monochrome version.
- Before / After of the original store.
- One key brand visual or opening poster.
Only continue expanding the materials if the three items belong to the same brand, the original store is still recognizable, and the key visual is easy to understand. After the logo is confirmed, prioritize converting it into a vector object and retain SVG export capability.
6. Expand real materials
- Choose materials according to the store type and customer journey; do not mechanically generate a fixed package.
- Each image should carry only one clear task; product combinations may be displayed in the same frame, but do not stuff all materials into one mood board.
- Prioritize generating materials that would actually be used when opening a store, then add showcase pieces.
- The social media key visual must make it clear at first glance "what kind of store this is and what is being communicated"; do not default to a magazine cover structure.
7. Deliver process evidence
In addition to the final materials, retain at least the following two kinds of process materials:
- Logo source derivation: real structure → geometric form → logo.
- Before / After: a comparison of the renovation of the same storefront or the same product.
They are used to prove the analysis and creative transfer, not to decorate case study pages.
Output
The default output is divided into three levels:
A. Brand core
- Logo, graphic mark, and monochrome version.
- SVG vector object or an exportable vector version.
- Rules for colors, fonts, and auxiliary graphics.
B. Physical touchpoints
- Branded store signage or space After.
- Packaging, cards, labels, stickers, menus, or employee materials that match the industry.
C. Communication touchpoints
- One social media key visual.
- A set of social media images related to real business content, such as product daily photo transformations, menus, brand stories, location guidance, or opening countdowns.
If the user specifies materials, generate only the specified scope; do not expand the task without authorization.
Ask User
Ask the user only in the following situations:
- The store's business category or brand subject cannot be determined.
- Key information such as the brand name, exact copy, date, address, or price is missing, and generation would cause factual errors.
- The multiple sets of reference directions provided by the user conflict with each other, which would lead to completely different brand outcomes.
- The user requests large-scale renovation of a real store, but the budget and construction boundaries are unclear.
In other cases, make reasonable assumptions first and clearly mark the assumptions.
Self-check
- Is the original store still recognizable?
- Can the brand concept be explained from the real space or products?
- Does the Logo avoid the most common industry symbols?
- Do the signage, packaging, and social media look like they belong to the same brand?
- Does each material have a use in real business operations?
- Can ordinary consumers understand the key visual at a glance?
- Are there fabricated facts, garbled text, incorrect brand names, or irrelevant decorations?
- Has "premium feel" been mistakenly made into aloofness, excessive white space, or a magazine-like style?
- Have both types of process evidence been retained: Logo derivation and Before / After?
If any core item is not satisfied, correct it first before expanding the materials.