Modern Bento Grid Layout Product Display Design

The modern Bento grid layout product display design uses frosted acrylic transparent glass material. Suitable for any product type (food/medicine/technology products/elements, etc.).

【Layout Structure】8 modules, asymmetrical Bento grid arrangement, horizontal landscape format:

Module 1: 【3D Glass Product Main Display】(Medium size 1x1, occupies 20-25% space)

- 3D transparent glass/acrylic material [Product Name] sculpture

- [Product Features]:

* Food → Display cross-section/internal structure (e.g., tomato seed chamber, carrot cross-section)

* Medicine → Transparent glass form of tablets/capsules

* Technology Products → Artistic glass presentation of product appearance

- Material Effect: Transparent red/orange/blue/green [Product Main Color] glass, glossy surface, light refraction, true reflection

- Text label below: "[Chinese Product Name] / [English Name]"

- Does not occupy too much space, leaving enough display area for information modules

Module 2: 【Core Efficacy/Features】(Standard card 1x1)

Title: "Core Efficacy" or "Core Features" or "Main Functions"

Content: 4 core selling points, separated by "/"

- Food → "Antioxidant delays aging / Protects cardiovascular health / Whitening skincare / Promotes digestion and absorption"

- Medicine → "Antipyretic and analgesic / Anti-inflammatory and swelling / Antiplatelet aggregation / Prevents cardiovascular diseases"

- Technology → "Active noise cancellation / Spatial audio / Adaptive equalization / 20 hours of battery life"

Accompanied by simple icons

Module 3: 【Usage Method/Application Scenarios】(Standard card 1x1)

Title: "Consumption Method" or "Usage Method" or "Application Scenarios"

Content: 4 types of usage methods/scenarios

- Food → "Raw: Salad / Cooked: Scrambled eggs and soup / Processed: Sauces and juices / Paired: Eggs and beef"

- Medicine → "Oral: Take with warm water after meals / Dosage: Adult 100mg / Frequency: 1-2 times daily / Treatment duration: Follow doctor's advice"

- Technology → "Music appreciation / Commute noise cancellation / Home office / Movie entertainment"

Accompanied by scenario icons

Module 4: 【Key Data/Parameters】(Standard card 1x1)

Title: "Nutritional Value" or "Technical Parameters" or "Product Specifications"

Content: 5 key data points

- Food → "Calories [X] kcal/100g / Vitamin C [X] mg / [Special Ingredient] rich / Dietary fiber [X] g / Potassium [X] mg"

- Medicine → "Ingredients: [Chemical Formula] / Specification: [X] mg / Onset time: [X] minutes / Half-life: [X] hours / Metabolism pathway: [Pathway]"

- Technology → "Chip: [Model] / Battery life: [X] hours / Weight: [X] g / Driver unit: [Specification] / Charging: [X] hours"

Accompanied by simple data visualization charts

Module 5: 【Applicable Population/Target Users】(Standard card 1x1)

Title: "Suitable Population" or "Target Users" or "Applicable Scenarios"

Content: Divided into recommendations (✓) and warnings (⚠️)

- Food → "✓ Cardiovascular disease patients / ✓ Beauty seekers / ✓ Weight loss individuals / ✓ Constipation and digestive issues / ⚠️ Use with caution: Renal insufficiency / Excess stomach acid / Consuming on an empty stomach"

- Medicine → "✓ Fever patients / ✓ Mild to moderate pain / ✓ Inflammatory diseases / ⚠️ Contraindications: Pregnant women / Asthma patients / Stomach ulcers"

- Technology → "✓ Music enthusiasts / ✓ Business professionals / ✓ Commuters / ✓ Content creators"

Distinguished by green ✓ and amber ⚠️

Module 6: 【Precautions/Usage Guidelines】(Standard card 1x1)

Title: "Consumption Precautions" or "Usage Precautions" or "Important Tips"

Content: 4 important reminders

- Food → "Not suitable for consumption on an empty stomach to avoid irritating the gastric mucosa / Unripe [Product] contains [Toxic Substance] and should not be eaten / Avoid prolonged high-temperature cooking to retain nutrition / [Special Population] should control intake"

- Medicine → "Should be taken after meals to avoid stomach discomfort / Do not take with [Contraindicated Medication] / Avoid alcohol during medication / If allergic reactions occur, stop taking and seek medical attention immediately"

- Technology → "First-time use requires pairing with devices / Avoid extreme temperature environments / Regular cleaning and maintenance / If not used for a long time, please charge for storage"

Accompanied by warning icons

Module 7: 【Special Indicators】(Standard card 1x1)

Title: Adjust according to product type

- Food → "Purine Content" shows "[X] mg/100g" + "Low purine food ✓" + "Gout-friendly"

- Medicine → "Adverse Reactions" lists common side effects

- Technology → "Compatibility" shows supported systems/devices

Accompanied by indicators or icons

Module 8: 【Fun Facts/Product Insights】(Standard card 1x1)

Title: "Fun Facts" or "Product Story" or "Interesting Facts"

Content: 2-3 interesting knowledge points

- Food → "[Product] absorption rate of [Ingredient] increases by X times after heating / [Product] originated from [Region] and has a history of [X] years / Unripe [Product] contains [Harmful Substance]"

- Medicine → "[Product] is one of the most widely used [Category] in the world / Over [X] tons produced globally each year / Invented in [Year] by [Name]"

- Technology → "[Product] uses patented [Technology] / [Brand] first applied [Function] to consumer products / Global sales exceeded [X] units"

【Frosted Acrylic Material Specifications】(CRITICAL Core Essence):

Card material effects:

- Transparency: 80-85% translucent, can see through the card to the background

- Frosted effect: Soft frosted glass blur, backdrop-filter style

- Base color tone: Slightly white/cream frosted effect (15-20% opacity), enhances readability while maintaining transparency

- Border: Delicate glowing border, capturing light reflections

- Shadow: Soft layered shadow, creating a floating depth sense

- Glass physics: Real glass edge highlights, light refraction, surface reflection effects

- Visual features: Background gradient can be clearly seen through the card, like real frosted acrylic

Important: The card must maintain a TRANSLUCENT transparent quality, cannot become an opaque white card!

【Color Scheme】:

Basic color ratio: 90% neutral colors + 10% product theme color accents

- Base layer: Transparent glass, light gray, cream white

- Text color: Medium dark gray #3A3A3A (soft but clear, suitable for transparent backgrounds)

- Theme color accents (10% usage):

* Food → Natural product colors (tomato red/orange, carrot orange, spinach green, etc.)

* Medicine → Medical blue, medicine white, red cross colors

* Technology → Brand main colors (Apple silver-gray-blue, Xiaomi orange, Huawei red, etc.)

- Accent positions: Used only for key icons, important numbers, warning symbols, 3D main body

- Warning color: Amber orange #FF9800 for ⚠️ warning content

- Affirmative color: Green #4CAF50 for ✓ recommended content

【Background Settings】:

- Type: Soft gradient, 2-3 similar color transitions

- Product color tone adaptation:

* Food → Cream white-light peach-red-light orange (warm tones)

* Medicine → Light gray-white-light blue-medical white (clean and professional)

* Technology → Space gray-silver-white-light blue (technological feel)

- Decorative elements: Extremely soft abstract shapes, faintly visible through the glass card

- Important: The background should be soft and not distracting, visible through the transparent card but not interfering with reading

【Typography Layout】:

- Format: Horizontal landscape 16:9 or similar ratio

- Grid type: Asymmetrical Bento grid, card sizes vary

- Space allocation:

* 3D glass main body: 20-25% (medium size, not overly occupying)

* Information cards: 75-80% (7 standard cards)

- Card spacing: Moderately leave white space, not crowded, good breathing feel

- Visual hierarchy: Establish information priority through card size, position, and color accents

- Reading flow: Starts from the top left 3D main body, naturally flows to each information card

【Text Specifications】:

- Language: All content in Chinese (product names can be bilingual)

- Font hierarchy:

* Module title: Bold, large

* Body content: Regular, medium

* Data numbers: Bold, highlighted

- Readability: Medium dark gray text is clear on frosted glass

- Unit specifications:

* Weight: grams, kilograms, milligrams

* Energy: kilocalories, calories

* Time: minutes, hours, days

* Volume: milliliters, liters

【Icon Style】:

- Type: Minimal line icons

- Size: Small, not overpowering

- Color: Light gray lines, key icons accented with theme colors

- Purpose: Assist explanation, enhance visual recognition

【Usage Instructions】:

1. Replace [Product Name] with the actual product

2. Choose corresponding content examples based on product type (food/medicine/technology)

3. Fill in specific information for the 8 modules

4. Adjust theme color to the product representative color

5. Ensure the frosted acrylic transparent quality is maintained

【Quality Standards】:

✓ Correct transparency (80-85%, see-through)

✓ Frosted blur effect is obvious but not excessive

✓ Background can be seen through the card

✓ 3D main body proportion is moderate (20-25%)

✓ Information is complete (8 module contents are full)

✓ All Chinese display is clear

✓ Color is restrained and elegant (90% neutral + 10% accents)

✓ Layout is comfortable and not crowded

✓ Glass texture is realistic (edge highlights, reflections, refractions)

【Typical Application Examples】:

Food: 🍅 Tomato, 🥕 Carrot, 🍎 Apple, 🥑 Avocado

Medicine: 💊 Aspirin, Vitamin C, Ibuprofen, Penicillin

Technology: 🎧 AirPods Max, iPhone, MacBook, Tesla

Elements: ⚛️ Carbon, Oxygen, Hydrogen, Nitrogen