---
title: Spark
description: "Spark — HTML/CSS code-based visual creation in IsonAI: posters, cards, infographics, pages, and interactive mini-apps with live preview."
last_verified: 2026-07-17
---

# Spark

**Spark** creates code-based (HTML/CSS) visual artifacts right in chat: posters, business cards, logos, infographics, landing pages, animations, and interactive mini-apps — with live preview and fast iteration.

## What you can create

- Posters and social media content with precise text.
- Business cards, certificates, invitations.
- Infographics and simple data visuals.
- Landing pages and page mockups.
- CSS animations and light interactive content.

## How to use it

1. Ask in chat: "buatkan poster seminar dengan Spark" or simply describe a design/page-flavored result — IsonAI recognizes when Spark is a better fit than [Iris](/en/image-generation/).
2. A preview appears right in the conversation.
3. Iterate with follow-up instructions: "judulnya lebih besar", "ganti palet jadi hijau", "tambah tombol daftar".
4. **Export** to PNG/PDF, **share** via link, or **save** to a collection. Manual code edits you make are saved too.

While Spark is working, the send button becomes a **Stop** button — cancel at any time and immediately try a different instruction.

## Safety and privacy

- Previews run **isolated in your browser**; PNG/PDF export is processed privately without pulling in outside data.
- Spark **refuses** to build pages designed to deceive: fake login pages imitating banks/government/brands, prize or investment scams, and pages that collect passwords, OTPs, or card data. Legitimate mockups, your own brand, and class assignments are still served.

## Spark vs Iris

| | Spark | Iris |
|---|---|---|
| Output | HTML/CSS code (sharp at any size, precise text) | Bitmap images |
| Best for | Text-heavy posters, pages, interactive content | Photos, illustrations, photo editing |
| Export | PNG, PDF, share link | Download images from the gallery |

## Limits

- Spark creates self-contained visual artifacts, not backend-powered sites — the results have no database or server-side processing.
- Interactive content runs inside an isolated preview, with reasonable limits for safety.

## Related

- [Image generation (Iris)](/en/image-generation/)
- [Using chat](/en/chat/)