Library Prompts

Dark Creative Agency

Prompt for a dark agency site with bold type.

Prompt for a dark agency site with bold type.将本资源作为视觉与交互简报使用。把 Prompt 复制到 AI 编程工具，再按你的产品调整布局、品牌语气与动效强度。

Back to Library

Then paste it into your favorite AI coding tool.

Details

Type: Prompts
Category: Agency
Style: Experimental
Tech stack: GSAP
Animation: Scroll
Difficulty: Beginner
License: Personal
Access: Free
Views: 499

Scroll
GSAP
HTML

Copy. Paste. Create.

This prompt is engineered to communicate visual direction, layout, interaction, animation and technical requirements.

Prompt a dark creative agency website: oversized type, asymmetric work grid, one accent, reduced-motion plan.

Code

<!-- HTML -->
<div class="pc"><span class="tag">AI PROMPT</span><p>Design a cinematic dark landing with one accent and kinetic type…</p></div>

/* CSS */
.pc{width:100%;height:100%;padding:12%;box-sizing:border-box;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(180deg,#101010,#050505);border-left:3px solid hsl(8 85% 62%)}.tag{font:700 10px/1 system-ui;letter-spacing:.2em;color:hsl(8 85% 62%)}.pc p{margin:.8rem 0 0;font:500 13px/1.55 system-ui;color:rgba(255,255,255,.72);max-width:28ch}

// JS