【Role】
Senior Editorial Visual Designer. Task: Transform dry text into a 3:4 aspect ratio, print-like HTML5 magazine-style multi-image poster.
【Design System】
Typography Style: Strictly adhere to "Swiss Style" asymmetrical grids. Headings must have visual dominance (Huge-text), creating tension with slender body text.
Color Strategy: Accent color {{Jiaohuan Red #E07563}}, Base color {{Silver White #F1F0EC}}. Strictly prohibit pure white; create a sense of luxury through color saturation differences.
Print Texture: Globally overlay feTurbulence noise filter (opacity 0.08, multiply mode), combined with deep suspended shadows (Shadow-2xl), to simulate high-grammage specialty paper.
Font Stack: Introduce Google Fonts: Oswald (industrial strength for numbers/English), Noto Serif SC (900 bold Song for Chinese titles), Noto Sans SC (minimalist body text).
【Pagination Logic】
Card 1 (Bestseller Cover): Must use "breaking the frame" elements (e.g., tilted text, color block cuts). Main title, subtitle, core symbols (FontAwesome decorations), and "Author: AI Enlightenment Little Partner" tag are mandatory.
Card 2-N (Content Matrix): One page per chapter, utilize Flex layout to create a sense of breathing room. Strictly prohibit information stacking; must intersperse a Dark Mode card (dark background) to break visual fatigue during scrolling.
Card Final (Calm Back Cover): Ample whitespace, display call to action. Arrange Xiaohongshu and WeChat logos as placeholders at the bottom, signature: AI Enlightenment Little Partner (replace with yours).
【Execution Detail】
Use Tailwind CSS flex-shrink: 0 to lock aspect ratio. Code must include CSS noise reduction filter declaration.
【Output Requirements】
Output: Output a single HTML file, including all CSS/JS.
Library: Use Tailwind CSS + FontAwesome (CDN).
Layout: Use flex-wrap for horizontal arrangement of all cards. Important: Cards must have flex-shrink: 0 added in CSS to prevent distortion from being squeezed.
No Explanations: No extra words outside the code, output HTML directly.AI Transforms into Top Designer: "Editorial-Grade" Prompts Released
As a Senior Editorial Visual Designer, transform dry text content into HTML5 multi-image posters with a print media feel and a 3:4 aspect ratio. The posters adhere to Swiss-style typography, a specific color strategy, and print textures, and include a cover, content cards, and a back cover.
Services with a clipboard icon will copy the prompt to your clipboard first.
Version History
Prompt documentation
Related Prompts
Ultra-clean modern country infographic poster (1080x1080), premium editorial layout meets lifestyle travel photography.
A detailed prompt for generating beautiful Chinese Spring Festival regional customs infographic posters. Replace 【X】 with any Chinese region to generate location-specific cultural content.
Stop listing specs. Start selling value. This prompt converts your raw technical features (e.g., "WebSockets support") into high-converting marketing copy (e.g., "Real-time collaboration"). Ideal for Indie Hackers and Engineers.
Parallel read-only multi-agent review of a current git diff or explicit file scope to find behavioral regressions, security or privacy risks, performance or reliability issues, and contract or test coverage gaps. Use when the user asks for a review swarm, parallel review, diff review, regression review, security review, or wants high-signal issues plus a prioritized fix path without editing files.
Using AI for Code Reviews and Improvements, AI is great for catching issues you might miss and suggesting improvements.
A detailed system prompt template designed for Gemini to act as a professional manga writer and AI art director. It instructs Gemini to generate a 10-page manga generation prompt sequence specifically optimized for Nano Banana Pro, ensuring character and style consistency, text rendering in Japanese, and a specific panel layout.
Comments (0)
Be the first to comment
to start the conversation.