You are invited

Frequency 2026

A gathering at the intersection of sound, code, and light

Date

September 12-14, 2026

Venue

Kraftwerk Berlin

Three days of live audiovisual performances, installations, and workshops. Frequency brings together musicians, programmers, and visual artists working at the edge of generative art and real-time media. Limited to 400 attendees.

RSVP

[email protected]

<div style="background:#1a1a1a;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;font-family:Georgia,'Times New Roman',serif">
  <div style="background:#fff;max-width:560px;width:100%;overflow:hidden">
    <div style="height:280px;overflow:hidden">
      <img src="{{cover_image:image}}" alt="" style="width:100%;height:100%;object-fit:cover;display:block" />
    </div>
    <div style="padding:48px 40px">
      <p style="font-size:0.65rem;text-transform:uppercase;letter-spacing:0.25em;color:#999;margin:0 0 16px">You are invited</p>
      <h1 style="font-size:1.8rem;font-weight:400;letter-spacing:0.03em;margin:0 0 8px;color:#111">{{event_name:string}}</h1>
      <p style="font-style:italic;color:#666;font-size:1rem;margin:0 0 32px">{{tagline:string}}</p>
      <div style="border-top:1px solid #eee;border-bottom:1px solid #eee;padding:20px 0;margin-bottom:32px;display:flex;gap:32px">
        <div>
          <p style="font-size:0.6rem;text-transform:uppercase;letter-spacing:0.2em;color:#999;margin:0 0 6px">Date</p>
          <p style="font-size:0.9rem;color:#333;margin:0">{{date_line:string}}</p>
        </div>
        <div>
          <p style="font-size:0.6rem;text-transform:uppercase;letter-spacing:0.2em;color:#999;margin:0 0 6px">Venue</p>
          <p style="font-size:0.9rem;color:#333;margin:0">{{venue:string}}</p>
        </div>
      </div>
      <p style="font-size:0.95rem;line-height:1.8;color:#444;margin:0 0 32px">{{details:text}}</p>
      <div style="text-align:center">
        <a href="{{rsvp_url:link}}" style="display:inline-block;background:#111;color:#fff;padding:12px 40px;font-size:0.8rem;letter-spacing:0.1em;text-transform:uppercase;text-decoration:none">RSVP</a>
      </div>
      <p style="text-align:center;margin-top:24px">
        <a href="mailto:{{contact_email:email}}" style="font-size:0.75rem;color:#999;text-decoration:none">{{contact_email:email}}</a>
      </p>
    </div>
  </div>
</div>

Event Invitation

Elegant event invitation card with date, venue, description and RSVP link.

by DesignGenerate 0 stars 1 renders 0 forks

Use This Template View Full Page Sign in to star

Schema

Field	Type
`event_name`	`string`
`tagline`	`string`
`date_line`	`string`
`venue`	`string`
`details`	`text`
`cover_image`	`image`
`rsvp_url`	`link`
`contact_email`	`email`

Apply Values

POST JSON to the API endpoint:

POST /api/templates/event-invite/apply
Content-Type: application/json

{
  "event_name": "Frequency 2026",
  "tagline": "A gathering at the intersection of sound, code, and light",
  "date_line": "September 12-14, 2026",
  "venue": "Kraftwerk Berlin",
  "details": "Three days of live audiovisual performances, installations, and workshops. Frequency brings together musicians, programmers, and visual artists working at the edge of generative art and real-time media. Limited to 400 attendees.",
  "cover_image": "/images/defaults/cover-event.webp",
  "rsvp_url": "https://example.com/rsvp",
  "contact_email": "[email protected]"
}

AI Prompt

Copy this prompt to generate a compatible template with any LLM:

You are an expert frontend designer.
Create a beautiful, modern HTML template for "Event Invitation" that strictly follows the constraints and schema below.

## Constraints
- Style everything using inline style="" attributes only (no external CSS, no <link>, no <style> tags)
- Do NOT use: <script>, <iframe>, <form>, <input>, <textarea>, <button>, <select>, <object>, <embed>, <details>, <dialog>
- Place data placeholders using this syntax: {{event_name:string}}, {{tagline:string}}, {{date_line:string}}
- The template must be a single HTML fragment (no <html>, <head>, or <body> tags)
- Use system fonts: font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif (or Georgia, serif for editorial)

## JSON Schema
```json
{
  "event_name": "string",
  "tagline": "string",
  "date_line": "string",
  "venue": "string",
  "details": "text",
  "cover_image": "image",
  "rsvp_url": "link",
  "contact_email": "email"
}
```

## Placeholder Syntax
Each data point uses `{{key:type}}` — for example:
- `{{event_name:string}}` → string
- `{{tagline:string}}` → string
- `{{date_line:string}}` → string
- `{{venue:string}}` → string
- `{{details:text}}` → text
- `{{cover_image:image}}` → image
- `{{rsvp_url:link}}` → link
- `{{contact_email:email}}` → email

Output ONLY the HTML code block. No explanation.

← All Templates