案例库 · 公开证据
这里不收资讯摘要，只收能指向作品、作者、过程和原始来源的 Case。榜单、收藏、作者页与复测记录都从同一条 Case 继续生长。
.webp)
创作者 MotionSites →
…ries. --- ### Font Load **Helvetica Regular** via this stylesheet in `index.html`: ``` https://db.onlinewebfonts.com/c/a64ff11d2c24584c767f6257e880d…
提示语
Build a full-screen hero section for a fictional vinyl record label…
创作者 MotionSites →
… + Vite + Tailwind CSS landing page with two full-screen sections for a luxury beauty/wellness brand called "Serene". Use TypeScript.** --- ### Font…
提示语
**Build a React + Vite + Tailwind CSS landing page with two full-screen…
创作者 MotionSites →
… FONT Use the font "Nimbus Sans TW01" loaded from this stylesheet in `index.html`: ``` https://db.onlinewebfonts.com/c/bb5de19d87c09a95216dc6ccd96e3…
提示语
Build a full-viewport hero section for a SaaS landing page called…
创作者 MotionSites →
…r icons. No other UI libraries. ### Fonts Import via Google Fonts in `index.css`: - **Inter** (weights 400, 500, 600) -- used as base body font - **…
提示语
Build a single-page landing site for "Drift" -- a calm, ADHD-friendly…
.webp)
创作者 MotionSites →
…y mobile responsive with an animated hamburger mobile menu. Here are the exact specifications: **Fonts (Google Fonts):** - "Instrument Serif" (regul…
提示语
Create a fullscreen hero landing page section for a design agency called…
创作者 MotionSites →
…sInline video with `object-cover`, positioned absolute inset-0. Use this exact URL: `https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH0…
提示语
Build a single-page hero landing page for a holistic wellness brand…
创作者 MotionSites →
…h `object-cover`. Video URL: `https://d8j0ntlcm91z4.cloudfront.net/user_38xzZboKViGWJOttwIXH07lWA1P/hf_20260703_053131_1ec3dd1c-d627-44fb-ab20-6e1fc…
提示语
Create a fullscreen hero section for a SaaS product called "flowpath"…
创作者 MotionSites →
…- Use no cards, buttons, nav links, gradients outside the 404 numerals, texture, glass, dark overlay, blur overlay, or any additional UI. BACKGROUND…
提示语
Create a single-page, full-viewport 404 error screen in React + Vite +…
.webp)
创作者 MotionSites →
…inic landing page using **React + Vite + TypeScript + Tailwind CSS**. No external UI libraries, no icon libraries. Everything lives in one `App.tsx`…
提示语
Create a single-page dental clinic landing page using **React + Vite +…
创作者 MotionSites →
# Recreate This Page Exactly — Lewis Hamilton / Silverstone F1 Hero ## Tech stack - React + TypeScript + Vite - Tailwind CSS (config extends `fontFa…
提示语
# Recreate This Page Exactly — Lewis Hamilton / Silverstone F1 Hero ##…
创作者 MotionSites →
… **Instrument Serif** (Google Fonts, italic for the logo). Load it in index.html: ``` <link rel="preconnect" href="https://fonts.googleapis.com"> <l…
提示语
Create a fullscreen cinematic hero section for a mindfulness/focus app…
创作者 MotionSites →
Recreate this EXACT weather dashboard UI as a single self-contained HTML page (inline CSS, SVG icon sprite, no frameworks, no JS required). Pixel-fa…
提示语
Recreate this EXACT weather dashboard UI as a single self-contained HTML…
创作者 MotionSites →
… single full-screen (`h-screen w-full overflow-hidden`) hero page for **nexum** — a dark cinematic AI-ops landing hero with a full-bleed background …
提示语
Build a single full-screen (`h-screen w-full overflow-hidden`) hero page…
创作者 MotionSites →
**Recreate this exact landing page pixel-for-pixel.** ## Tech stack React + Vite + TypeScript + Tailwind CSS. Single page: `<Hero />` then `<Marquee…
提示语
**Recreate this exact landing page pixel-for-pixel.** ## Tech stack React…
创作者 MotionSites →
…Fonts weights 300, 400, 500). Title: `Kollektiva`. ### Font setup In `index.html`: ```html <link rel="preconnect" href="https://fonts.googleapis.com…
提示语
Build a single full-viewport React + TypeScript + Tailwind CSS page for a…
创作者 MotionSites →
…n immersive landing page for a fictional creative-tech studio called "VortxLab Creations" (brand: "V O R T X"). The page features a looping backgrou…
提示语
Create a full-screen immersive landing page for a fictional creative-tech…
.webp)
创作者 MotionSites →
…ult=1&output=webp&url=https%3A%2F%2Fd8j0ntlcm91z4.cloudfront.net%2Fuser_38xzZboKViGWJOttwIXH07lWA1P%2Fhf_20260624_111401_56af5012-2263-45d3-849a-868…
提示语
Create a single-page React + Vite landing page for "Marketeam" -- a…
创作者 MotionSites →
…iOS profile screens with glassmorphic UI elements. **Phone mockup:** - 390x844px at zoom 0.78, black background, 44px border-radius, overflow hidden…
提示语
Build a mobile coffee profile screen inside a phone mockup frame. Use…
创作者 MotionSites →
# Exact recreation prompt — NovaAI landing page Recreate this page **pixel-faithfully**. Stack: React + TypeScript + Vite + Tailwind CSS + lucide-re…
提示语
# Exact recreation prompt — NovaAI landing page Recreate this page…
创作者 MotionSites →
## ROLE Recreate a single-file HTML product landing mosaic **pixel-faithful** to the reference below. Output one self-contained `index.html` with in…
提示语
## ROLE Recreate a single-file HTML product landing mosaic…
创作者 MotionSites →
Recreate this exact full-viewport portfolio landing page — pixel-perfect match. ═══════════════════════════════════════ TECH / STACK ═══════════════…
提示语
Recreate this exact full-viewport portfolio landing page — pixel-perfect…
创作者 MotionSites →
Build a **single self-contained `index.html`** that recreates this cybersecurity landing page **pixel-faithfully**. Fixed fullscreen black stage, le…
提示语
Build a **single self-contained `index.html`** that recreates this…
创作者 MotionSites →
Recreate this page **pixel-faithfully** as a single static `index.html` (inline CSS + JS, no framework). Match structure, copy, spacing tokens, glas…
提示语
Recreate this page **pixel-faithfully** as a single static `index.html`…
创作者 MotionSites →
# PROMPT — Recreate "Mostar city" cinematic scroll page exactly Build a **single standalone page** (`index.html` + `styles.css` + `script.js`, vanil…
提示语
# PROMPT — Recreate "Mostar city" cinematic scroll page exactly Build a…
