Loading…
Case library · Public evidence

稳定币产品 Halo 的金融风落地页,React + TypeScript + Tailwind,fintech 质感靠排版和留白压出来。
Prompt
Build a premium, fintech-style landing page for a stablecoin product called "Halo / USD Halo" using React + TypeScript + Vite + Tailwind CSS, with lucide-react for icons. No other UI…
Workflow introduction Remastered from: alansun Workflow source: https://openart.ai/workflows/alansyn/easy product relight/XdzTNRbqi1kMYpNjuFWm Product shadow and light poster drawing based on Brushnet IC Light, convenient and easy to use. By configuring different parameter switches, two mode paths are supported: Basic Mode : Suitable for scenes with simple background elements, controlling the background and light-shadow types through prompts Advanced Mode : Suitable for scenarios requiring more precise control, using precise prompts or style reference images as input, and using brushnet for background redrawing Configuration Parameter Description 1. Basic Prompt : Used to describe the product type, such as 1shoe 2. Light-Shadow Prompt : Used to describe the type of light-shadow, can also add background descriptions, such as sunshine light, river background 3. Product Image : Product mat…
Prompt
Workflow introduction Remastered from: alansun Workflow source: https://openart.ai/workflows/alansyn/easy product relight/XdzTNRbqi1kMYpNjuFWm Product shadow and light poster drawing based…

创意工作室 Prisma 的三区块落地页(Hero、About、Features),React + Vite + framer-motion,小而全的整页练习。
Prompt
Create a React + Vite + TypeScript + Tailwind CSS landing page for a creative studio called "Prisma". The page has 3 sections: Hero, About, and Features. Use framer-motion for animations…

Prompt
Build a password manager landing page hero section using React, TypeScript, Tailwind CSS, Framer Motion, and Lucide React icons. Here is every specification: --- ### Fonts - **Heading…
Workflow Introduction: This is a workflow for creating product posters with astonishingly good results. It can completely replicate your product and then reference the style of the background you want to use, combining the two to finally form a beautiful poster. In our work, we may encounter requirements to create posters and effect displays for a product. The most important thing to note in this requirement is that the product must not change and must blend very naturally with the background image. Of course, if you have advanced PS skills, you can certainly use PS for creation. However, PS is heavily dependent on materials, and if you are not very satisfied with the materials, you can use this workflow to draft your poster. Workflow Idea: First, process the product image by resizing it proportionally to a width of 1024, then cut out the product and create a mask for it. Next, perform …
Prompt
Workflow Introduction: This is a workflow for creating product posters with astonishingly good results. It can completely replicate your product and then reference the style of the…

Prompt
Create a full-screen cinematic hero section using React, Tailwind CSS, and Framer Motion. Use Vite with TypeScript. The dependencies required are: `react`, `react-dom`, `framer-motion`,…

Prompt
Build a fullscreen hero landing page for a creative agency called "VANGUARD" using React, Tailwind CSS, and Vite. The page should be a single viewport-height section with a looping…
Upload a reference image and a transparent-background product image at the same time to generate an image in one click, with no prompt required. The product position and size in the reference image should not differ too much from the transparent product image. The aspect ratio of the transparent-background product image will be the final generated image ratio; there are no size requirements for the reference image. All product label details are fully preserved. Dedicated LoRA ****s://****liblib.art/modelinfo/cce9d298ce144cc7b916e1a703f07dfa?from=personal_page&versionUuid=7cef291b17e04747b92d31df5863c452 Feel free to add me if you have questions~ Workflow page; for commercial use, you must also check the base model, LoRA, nodes, and input materials. License: not clearly stated on the original page; manual review pending
Prompt
Upload a reference image and a transparent-background product image at the same time to generate an image in one click, with no prompt required. The product position and size in the…

HLS 视频背景的电影感全宽 CTA 加 footer,React + Vite + Tailwind,收尾区块也能做成主视觉。
Prompt
Build a "CTA + Footer" section component for a React + Vite + Tailwind CSS project. This is a cinematic full-width call-to-action section with an HLS video background, centered text, two…

带交互动效的赛博风联系区块,React + Tailwind + Framer Motion,架构与样式说明分层列出,prompt 组织方式值得抄。
Prompt
Build a modern, interactive hero section using React, Tailwind CSS, and Framer Motion (motion/react). Ensure you follow these precise architecture and styling instructions: 1. Fonts &…
Workflow Introduction] First, this workflow needs to input the prompt word of the image you want to generate, then send it to the sampler after scheduling through the prompt word, and finally connect it with the text layout image to generate four posters. [Usage scenario] With a paragraph of text, you can quickly generate autumn harvest theme posters, which is convenient and fast. [Key nodes] FLUX model [Model version] FLUX Model name: flux1-dev-fp8-Comfy-Org.safetensors [LoRA model] Model name: Mini Farm_1.0LoRA.safetensors [ControlNet application] None [K sampler] Sampling method: euler Share Download 72 Download 1 2 Launch on cloud Like Favorite Isabella 2024-10-15 Update Follow Posters Holiday Themes Isabella 2024-10-15 Update Follow Workflow introduction Workflow name: Golden Autumn Harvest Poster [Workflow Introduction] First, this workflow needs to input the prompt word of the im…
Prompt
Workflow Introduction] First, this workflow needs to input the prompt word of the image you want to generate, then send it to the sampler after scheduling through the prompt word, and…

Prompt
-- **Prompt to recreate the About section:** > Build a full-viewport "About the Founders" section using React with Tailwind CSS and lucide-react for icons. This is a single `<section>`…

CTA、FAQ 加 footer 三合一的收尾区块,React + TypeScript + Tailwind,Inter 字体,落地页下半场的标准件。
Prompt
**PROMPT:** Build a React + TypeScript + Vite + Tailwind CSS page with a "CTA + FAQ + Footer" section using the **Inter** font. Use `lucide-react` for icons (`ChevronDown`, `ChevronUp`).…
A refined editorial poster prompt designed for Nano Banana Pro, using oversized typography as a scene window to show the subject performing a specific task.
Prompt
Create a 9:16 editorial poster in the HUMAN FRAGMENTS visual system. Theme: [{argument name="theme" default="football / badminton / jump rope / floral design"}] Subject: [person,
A highly detailed prompt for a black-and-white facial close-up, emphasizing tension, cinematic grain, and natural hair movement.
Prompt
Black and white contrast photo Extremely close-up shot of half of a {argument name="subject" default="girl's"} face She is wearing a {argument name="clothing" default="black turt
A striking prompt for a futuristic scientific specimen illustration featuring a luminous neon jellyfish against a pure black background.
Prompt
A {argument name="subject" default="luminous jellyfish"} suspended against a {argument name="background" default="pure black background"}, presented like a futuristic scientific sp