Dark Creative Agency

Prompt for a dark agency site with bold type.

Prompt for a dark agency site with bold type.Use this asset as a visual and interaction brief. Copy the prompt into your AI coding tool, then adapt layout, brand voice and motion intensity to your product.

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