lightbulb Web Site Manşet Haber Görseli Promptu Prompt/İstemci

Aşağıdaki promptu kopyalayın ve promptun altına da "Topic: Hac ve Umre İle İlgili Kavramlar" yazarak

Chat GPT veya GEMİNİ ye verin sonucu görün:

Kopyalanacak Prompt:

# MFB MATERYAL – WEB HERO / MANŞET GÖRSEL MASTER PROMPT

## V1.0 – Ana Görsel Üretim Sistemi

Create a premium cinematic website hero/banner artwork based on the exact topic provided by the user.

The artwork is designed specifically for professional educational websites, WordPress websites, Drupal websites, LMS platforms, digital education portals, course websites and lesson-category pages.

This is a WEBSITE HERO / MANŞET VISUAL.

It is NOT an infographic.

It is NOT a worksheet.

It is NOT a presentation slide.

It is NOT a dashboard.

It is NOT an educational UI screen.

It is NOT a collection of information cards.

The result must be ONE coherent, cinematic, visually striking scene.

---

# 1. CANVAS & FORMAT

Default output:

1920 × 1080 px

Alternative:

960 × 540 px

Always use:

16:9 landscape composition.

The artwork must be suitable for responsive website hero sections and remain visually effective when displayed at smaller sizes.

Important faces, characters and the main title must remain inside a safe central area so they are not lost when the website crops the image on different screen sizes.

---

# 2. MOST IMPORTANT RULE — THE USER'S TOPIC IS THE HERO TITLE

The exact topic supplied by the user must be treated as the MAIN WEBSITE HEADLINE.

If the user says:

“Hac ve Umre İle İlgili Kavramlar”

the visual must prominently display:

“HAC VE UMRE İLE İLGİLİ KAVRAMLAR”

as the main hero title.

If the user says:

“Tavaf”

the main title must be:

“TAVAF”

If the user says:

“Hac İbadetinin Farzları”

the main title must be:

“HAC İBADETİNİN FARZLARI”

The user's topic must NOT be replaced with a different title.

Do not unnecessarily shorten, reinterpret or rename the user's topic.

The title should be visually dominant, professional, highly readable and immediately noticeable.

The title must feel like an integral part of the website hero artwork rather than text pasted randomly over an image.

---

# 3. HERO TITLE DESIGN

Create a strong, premium and cinematic headline treatment.

The title should have:

* large typography

* bold visual presence

* excellent readability

* strong contrast

* subtle dimensional depth

* tasteful shadow or outline when needed

* refined decorative details

* typography appropriate to the subject

* professional website hero aesthetics

The title may use a subtle:

* 3D effect

* embossed effect

* illuminated edge

* soft shadow

* elegant outline

* decorative frame

* thematic texture

but must remain clean and readable.

Do NOT make the title look like an infographic label.

Do NOT use excessive decorative effects.

Do NOT overcrowd the typography.

---

# 4. TITLE SAFE AREA

Before constructing the scene, determine the best natural negative-space area for the title.

Preferably reserve approximately 25–40% of the composition for the headline.

The title-safe area can be:

* sky

* architectural space

* softly blurred background

* atmospheric gradient

* wall

* open landscape

* darkened/lightened environmental area

The title must have enough visual breathing room.

Do not place important character faces, hands or objects directly behind the title.

The title must remain readable without destroying the cinematic composition.

---

# 5. CORE VISUAL STYLE

Use a premium stylized 3D animated-game illustration aesthetic.

Visual characteristics:

* high-end stylized 3D characters

* expressive and appealing faces

* polished animated-film/game-art quality

* cinematic storytelling

* rich environment design

* detailed materials

* detailed clothing

* beautiful lighting

* strong depth

* atmospheric perspective

* dynamic camera angle

* sophisticated color harmony

* polished digital rendering

* professional key-art quality

The image should feel like:

“A premium educational adventure game's official website hero artwork.”

It should be exciting, modern, memorable and visually rich.

---

# 6. ONE COHERENT CINEMATIC SCENE

Build ONE main scene around the user's topic.

Do not divide the artwork into multiple panels.

Do not create separate information boxes.

Do not create a collage.

Do not create multiple unrelated scenes.

Do not create an infographic layout.

The entire composition should belong to the same physical world.

The educational concept must be communicated through:

* characters

* environment

* objects

* actions

* symbols

* visual storytelling

* thematic details

The viewer should understand the subject visually even before reading the title.

---

# 7. CHARACTER DESIGN

When characters are appropriate to the topic, create polished, expressive, friendly stylized 3D characters.

Characters should have:

* expressive eyes

* natural facial expressions

* believable gestures

* natural poses

* slightly stylized proportions

* detailed clothing

* realistic material rendering

* strong silhouettes

* correct anatomy

* natural hands

* visually appealing design

Characters should actively interact with the educational concept.

Do not create generic stock-cartoon characters.

Characters should feel like recurring characters from a premium educational adventure game.

---

# 8. ENVIRONMENTAL STORYTELLING

Create a rich environment directly connected to the topic.

The environment should help explain the subject naturally.

Use:

* architecture

* landscapes

* meaningful objects

* contextual props

* pathways

* landmarks

* thematic details

* atmospheric elements

* foreground objects

* environmental depth

Every important object should have a reason to exist.

Avoid random decorative clutter.

---

# 9. EDUCATIONAL CONCEPT VISUALIZATION

The topic should be SHOWN rather than EXPLAINED.

For example:

MATHEMATICS:

Show numbers, mathematical objects, measurement, comparison, geometry or a visual problem-solving situation.

SCIENCE:

Show experiments, laboratory environments, natural phenomena, scientific objects or cause-and-effect relationships.

ARABIC:

Show Arabic letters, words, writing, reading or language-learning actions naturally integrated into the scene.

HISTORY:

Show historically appropriate architecture, clothing, objects, locations and characters.

GEOGRAPHY:

Show landscapes, maps as environmental objects, routes, landmarks and geographical features.

RELIGIOUS EDUCATION:

Show appropriate sacred environments, people, architecture, objects and rituals respectfully.

The visual itself must communicate the educational idea.

---

# 10. NO INFOGRAPHIC ELEMENTS

STRICTLY AVOID:

* information cards

* quiz boxes

* answer buttons

* UI dashboards

* multiple panels

* tables

* diagrams

* bullet lists

* excessive icons

* progress bars

* game HUD

* worksheet elements

* educational interface screens

* excessive labels

* arrows covering the scene

* floating text boxes

The only major textual element should normally be the user's MAIN TOPIC / HERO TITLE.

A very short subtitle may be added only when it genuinely improves the hero design.

---

# 11. CINEMATIC COMPOSITION

Use professional website hero composition.

A preferred arrangement is:

LEFT / OPEN AREA:

Main hero title.

CENTER:

Visual transition and supporting environmental storytelling.

RIGHT / CENTER-RIGHT:

Main character, landmark or educational action.

However, dynamically adjust this layout according to the subject.

The composition must never feel mechanically divided into thirds.

Use:

* leading lines

* depth

* foreground framing

* visual balance

* dynamic perspective

* controlled negative space

The main subject should immediately attract attention.

---

# 12. LIGHTING

Use cinematic lighting appropriate to the topic.

Preferred characteristics:

* warm golden light

* soft volumetric rays

* subtle rim lighting

* atmospheric glow

* realistic but stylized shadows

* beautiful highlights

* environmental reflections

* soft depth-of-field

Lighting should naturally direct attention toward:

1. the hero title

2. the main educational subject

3. the principal character/action

---

# 13. COLOR PALETTE

Use a rich, harmonious and professional palette.

Possible colors include:

* warm gold

* orange

* terracotta

* deep red

* soft purple

* turquoise

* cyan accents

* natural greens

* warm brown

* cream

* muted blue

Colors must be vibrant without becoming excessively saturated.

Avoid:

* harsh pure black

* uncontrolled neon

* muddy colors

* flat colors

* excessive saturation

* cheap children's-clip-art appearance

---

# 14. HACH & UMRAH / ISLAMIC RELIGIOUS TOPICS

When the user's topic concerns Hajj, Umrah or Islamic religious education, maintain a respectful, dignified and culturally accurate visual treatment.

The artwork may be colorful, cinematic and stylized, but the religious subject must remain respectful.

Use appropriate:

* Islamic architecture

* sacred environments

* pilgrim clothing

* ihram garments when applicable

* Kaaba

* Masjid al-Haram

* Safa and Marwah

* Mina

* Arafat

* Muzdalifah

* relevant ritual environments

Only include locations and objects relevant to the specific topic.

Avoid:

* fantasy replacing religious reality

* cowboy/Western elements

* weapons

* inappropriate clothing

* disrespectful comedy

* fictional rituals

* inaccurate religious symbols

* supernatural effects around sacred places

* absurd caricatures of worshippers

* inappropriate game-like treatment of sacred rituals

The GAME-ART aesthetic applies to the visual presentation, not to the religious meaning.

---

# 15. WEBSITE PROFESSIONALISM

The final artwork must look appropriate for a serious professional education website.

It should be suitable for:

* homepage hero

* category header

* course landing page

* lesson header

* educational portal

* WordPress hero section

* Drupal hero section

* LMS website

* digital learning platform

* website slider

The image should immediately communicate:

PREMIUM

EDUCATIONAL

MODERN

CINEMATIC

TRUSTWORTHY

MEMORABLE

---

# 16. RESPONSIVE DESIGN AWARENESS

Design the composition with responsive cropping in mind.

Keep:

* main title

* faces

* important objects

* main landmarks

away from extreme edges.

Do not place critical information in the far corners.

The artwork should survive:

desktop cropping

tablet cropping

mobile cropping

while retaining its visual identity.

---

# 17. TEXT QUALITY

The user's supplied topic is the priority text.

Render it clearly and accurately whenever image text generation is supported.

Do not generate:

* random words

* fake letters

* gibberish

* unrelated labels

* excessive text

If exact text rendering is uncertain, prioritize a clean title-safe area where the title can be overlaid digitally.

However, the intended design must clearly reserve this area for the exact user-provided headline.

---

# 18. TECHNICAL QUALITY

Create high-quality professional digital artwork.

Ensure:

* correct anatomy

* natural hands

* correct proportions

* detailed faces

* clean silhouettes

* detailed textures

* coherent perspective

* realistic material response

* strong lighting

* excellent depth

* sharp main subject

* clean background separation

* no visual artifacts

* no malformed objects

* no duplicated limbs

* no distorted faces

* no random objects

* no watermark

* no border

* no frame

---

# 19. FINAL ART DIRECTION

The final image should look like:

“A premium cinematic educational website hero banner with a powerful headline and an immersive 3D adventure-game world representing the educational topic.”

NOT:

“An infographic.”

NOT:

“A worksheet.”

NOT:

“A classroom poster.”

NOT:

“A dashboard.”

NOT:

“A collection of educational cards.”

NOT:

“A presentation slide.”

The final composition must contain:

POWERFUL HERO TITLE

+

ONE CINEMATIC EDUCATIONAL SCENE

+

PROFESSIONAL 3D GAME-ART AESTHETIC

+

RICH ENVIRONMENT

+

CLEAR VISUAL STORYTELLING

+

WEBSITE-READY COMPOSITION

---

# 20. AUTOMATIC TOPIC INTERPRETATION

The user will normally provide ONLY the topic.

Example:

“Hac ve Umre İle İlgili Kavramlar”

Automatically determine:

* the most appropriate scene

* characters

* environment

* visual storytelling

* objects

* lighting

* color palette

* camera angle

* title placement

* negative space

* thematic details

Do not ask the user to describe the scene unless absolutely necessary.

The user's topic is the creative brief.

---

# 21. DEFAULT OUTPUT

When no other instruction is given:

FORMAT:

Website Hero / Header

SIZE:

1920 × 1080 px

ALTERNATIVE:

960 × 540 px

ASPECT RATIO:

16:9

STYLE:

Premium cinematic stylized 3D educational adventure-game artwork

TEXT:

The user's exact topic as the main hero headline

COMPOSITION:

One coherent cinematic scene with intentional title-safe negative space

PURPOSE:

Professional educational website hero/banner

FINAL PRINCIPLE:

The user provides only the TOPIC.

The system automatically transforms that topic into a visually striking, cinematic, professional and website-ready MFB MATERYAL hero artwork.

TOPIC → HERO TITLE + CINEMATIC SCENE + EDUCATIONAL STORY + PROFESSIONAL WEB COMPOSITION