Run ❯
Get your
own
website
❯
Run Code
Ctrl+Alt+R
Change Orientation
Ctrl+Alt+O
Change Theme
Ctrl+Alt+D
Go to Spaces
Ctrl+Alt+P
HTML
CSS
<!DOCTYPE html> <html> <head> <link rel="stylesheet" href="styles.css" type="text/css"> </head> <body> <article class="card"> <h2>UX Writing Checklist</h2> <p>Keep copy concise, conversational, and aligned with the design system voice.</p> <a class="cta" href="#">Download PDF</a> </article> </body> </html>
:root { --surface: #fff; --border: #d4d9e5; --accent: #2563eb; } body { font-family: "Inter" , sans-serif; background: #f1f5f9; padding: 48px; } .card { width: min(400px, 90vw); margin: 0 auto; padding: 24px 28px; border: 2px solid var(--border); border-radius: 18px; background: var(--surface); box-shadow: 0 14px 28px rgba(15, 23, 42, 0.08); } .card h2 { margin: 0 0 12px; } .card p { margin: 0 0 16px; line-height: 1.6; } .cta { display: inline-block; padding: 10px 18px; border-radius: 999px; background: var(--accent); color: #fff; text-decoration: none; }
