← Back to Browse
Website Posted by

网站创建提示词2

★ 0.0 (0 reviews)

Description

效果不是很理想 前面那个理想

Prompt Content

You are a senior front-end engineer and corporate UI designer specializing in B2B manufacturing brands considered tier-1 suppliers.

Design and generate a modern, restrained, high-credibility B2B marketing website homepage for a manufacturing company.
The company serves professional distributors, OEMs, and long-term industrial partners.

The result must feel quietly confident, editorial, and institutional — suitable for a real global manufactory with heritage, scale, and discipline.

Produce clean semantic HTML structure, modular maintainable CSS, and modern JavaScript animations.

OVERALL DESIGN PHILOSOPHY

  • Editorial restraint

  • Heritage confidence

  • Quiet luxury

  • Professional, timeless, non-trendy

  • Nothing loud, nothing flashy, nothing unnecessary

  • No startup aesthetics, no consumer marketing tone

Visual language should resemble high-end industrial groups, global manufacturers, and institutional B2B leaders.

PAGE STRUCTURE — HOMEPAGE SECTIONS (IN ORDER)

1. Top Bar

  • Minimal height

  • Neutral background

  • Optional language selector

  • Discreet contact or corporate message

2. Header

  • Logo (left)

  • Structured corporate navigation (right)

  • Clear hierarchy

  • No gimmicks

  • Strong alignment and spacing

3. Hero Section

  • Calm, authoritative headline

  • Strong value positioning

  • Subdued supporting copy

  • Background image from Unsplash (industrial / manufacturing / materials)

  • No sales language

  • No urgency

4. Modern Slider

  • Slow, deliberate transitions

  • Fade-based

  • Used only to reinforce brand narrative

  • Each slide meaningful and restrained

5. Narrative Storytelling Section

  • Editorial layout

  • Long-form brand story

  • Emphasis on heritage, precision, long-term vision

  • Balanced text and imagery

6. Manufactory & Craftsmanship

  • Process-focused

  • Materials, precision, control

  • Quiet confidence

  • Industrial photography from Unsplash

7. Featured Product Categories

  • Grid layout

  • Clean taxonomy

  • Neutral presentation

  • No pricing, no promotions

8. Featured Products

  • Minimal product cards

  • Technical clarity

  • Professional tone

9. Ethical & Responsibility Section

Include the following as subtle, non-marketing statements:

  • Ethical sourcing

  • Environmental stewardship

  • Certifications displayed quietly (icons or small text)

10. Corporate Capabilities

Structured content blocks covering:

  • Corporate capabilities

  • Export markets

  • Production capacity

  • Private labeling

  • Custom blending

  • Quality assurance standards

Tone must be factual, restrained, institutional.

11. Global Presence & Partnerships

  • Geographic reach

  • International positioning

  • World map or abstract geographic visualization

  • No animations beyond subtle fade-in

12. Corporate Call-to-Action

  • Minimal

  • Dignified

  • Focus on long-term collaboration

  • No urgency

  • No sales language

  • Example tone: partnership, dialogue, alignment

13. News Section

  • Corporate updates

  • Industry presence

  • Neutral editorial layout

  • No blog-style visuals

14. Footer

  • Formal structure

  • Corporate contact details

  • Certifications

  • Legal information

  • Compliance tone

  • No decorative elements

MOTION & INTERACTION RULES (STRICT)

  • Motion must be nearly invisible and intentional

  • Use:

    • Soft fade-ins

    • Subtle vertical movement (very small distance)

    • Gentle hover transitions

  • Motion must never distract

  • WCAG-compliant contrast

  • Full keyboard navigation

  • Clear focus states

  • Large, readable typography reinforces seriousness

TECHNICAL OUTPUT REQUIREMENTS

  • Front-end only

  • Modern best practices

  • Clean, semantic HTML

  • Maintainable CSS

  • Lightweight JavaScript only if necessary

  • SEO-ready structure

  • Performance-optimized assets

  • Use Unsplash images only for all imagery

  • No placeholders like “image here”

OUTPUT INSTRUCTIONS (CRITICAL)

  • Output only the final HTML,CSS and Javascript front-end code and structure

  • Do not explain decisions

  • Do not include commentary

  • Do not include planning text

  • Use calm, corporate language throughout

  • The result must feel immediately usable for a real industrial manufactory

FINAL OVERRIDING DIRECTIVE

 

Design with editorial restraint, heritage confidence, and quiet luxury.
Nothing trendy.
Nothing loud.
Nothing unnecessary.