Prompt Details
Model
(claude-4-8-opus)
Token size
2,638
Example input
[Ratio]: 4:5
[Topic]: The number
Example output
<!DOCTYPE html><html><head><meta charset="UTF-8"><link href="https://fonts.googleapis.com/css2?family=Archivo+Black&family=Inter:wght@400;500;700&family=JetBrains+Mono:wght@400;500&display=swap" rel="stylesheet"><style>*{margin:0;box-sizing:border-box}body{width:1080px;height:1350px;background:#FAFAFA;color:#0D0D0D;position:relative;overflow:hidden;font-family:Inter}.fr{position:absolute;top:60px;left:60px;right:60px;bottom:60px;border:1px solid #DADADA}.kk{position:absolute;top:84px;left:104px;font-family:"JetBrains Mono";font-size:14px;letter-spacing:3px;text-transform:uppercase;color:#4A4A4A}.dv{position:absolute;left:100px;right:100px;bottom:100px;height:1px;background:#0D0D0D}.h{position:absolute;top:360px;left:100px;right:120px;font-family:"Archivo Black";font-size:172px;line-height:.88;text-transform:uppercase;letter-spacing:-8px}.ru{position:absolute;top:840px;left:100px;right:100px;height:1px;background:#0D0D0D}.h2{position:absolute;top:880px;left:100px;font-family:"Archivo Black";font-size:76px;text-transform:uppercase;letter-spacing:-2px}</style></head><body><div class="fr"></div><div class="kk">// 01 — cover</div><div class="h">build<br>in public</div><div class="ru"></div><div class="h2">the quiet way</div><div class="dv"></div></body></html>
By purchasing this prompt, you agree to our terms of service
CLAUDE-4-8-OPUS
Quiet-luxury monochrome carousel for Claude. Museum-architectural, strictly two-tone (#FAFAFA paper / #0D0D0D ink) with Archivo Black display, Inter body and JetBrains Mono labels. Paste the prompt, pick a ratio (4:5 / 1:1 / 9:16 / 16:9) and a [Topic]; Claude returns ONE self-contained HTML of 7 brand-guideline slides (inline SVG donut chart, hairline frames, no gradients) that you render to PNG. Photos are swappable placeholders.
...more
Added 1 week ago
