Full Page

Ambient / Electronica

Kael

Kael makes music for the space between waking and sleep. Long-form ambient pieces built from field recordings, processed piano, and granular synthesis. Based in Reykjavik. Releases on Hallow Ground and self-published via Bandcamp. Has scored two short films and an installation at the Barbican.

Discography

Undertow (2025) — LP, Glass Hours (2023) — LP, Meridian (2022) — EP, Still Life with Rain (2021) — LP

Listen

https://example.com/spotify, https://example.com/bandcamp, https://example.com/apple-music

Solo Artist

Atmospheric solo musician page with bio, discography, and streaming links.

by DesignGenerate 0 stars 1 renders 0 forks

Schema

FieldType
artist_name string
genre string
bio text
discography list<string>
streaming_links list<link>
contact_email email
cover_image image

Apply Values

POST JSON to the API endpoint:

POST /api/templates/solo-artist/apply
Content-Type: application/json

{
  "artist_name": "Kael",
  "genre": "Ambient / Electronica",
  "bio": "Kael makes music for the space between waking and sleep. Long-form ambient pieces built from field recordings, processed piano, and granular synthesis.\n\nBased in Reykjavik. Releases on Hallow Ground and self-published via Bandcamp. Has scored two short films and an installation at the Barbican.",
  "discography": [
    "Undertow (2025) — LP",
    "Glass Hours (2023) — LP",
    "Meridian (2022) — EP",
    "Still Life with Rain (2021) — LP"
  ],
  "streaming_links": [
    "https://example.com/spotify",
    "https://example.com/bandcamp",
    "https://example.com/apple-music"
  ],
  "contact_email": "[email protected]",
  "cover_image": "/images/defaults/cover-event.webp"
}

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 "Solo Artist" 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: {{artist_name:string}}, {{genre:string}}, {{bio:text}}
- 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
{
  "artist_name": "string",
  "genre": "string",
  "bio": "text",
  "discography": [
    "string"
  ],
  "streaming_links": [
    "link"
  ],
  "contact_email": "email",
  "cover_image": "image"
}
```

## Placeholder Syntax
Each data point uses `{{key:type}}` — for example:
- `{{artist_name:string}}` → string
- `{{genre:string}}` → string
- `{{bio:text}}` → text
- `{{discography:list<string>}}` → list<string>
- `{{streaming_links:list<link>}}` → list<link>
- `{{contact_email:email}}` → email
- `{{cover_image:image}}` → image

Output ONLY the HTML code block. No explanation.