From chalkboard to frosted glass. Combine one of 28 styles with moving text, frames and diagrams. Build your motion prompt for Claude or ChatGPT, or choose a presentation or storyboard.
Explore the stylesChoose a style and motion. Build a prompt for an HTML animation in Claude or ChatGPT, or choose a presentation, storyboard or image.
Base choices only. Your text, custom brand profile and scenes are not included.
Save only when you choose. Your brief, brand profile and scenes stay in this browser on this device. Use export/import to move them to another browser.
Loading workspace…
A backup includes your brief and sources. Import adds copies without overwriting existing assignments.
Compare materials, type and frames. Choose a base and customize it above.
The same topic, each with its own base design. Choosing a style preserves your other prompt settings.
| Feature | Chalkboard | Glassmorphism |
|---|---|---|
| Surface | Green slate | Soft color wash |
| Frames | Chalk lines & arrows | Layered frosted glass |
| Typography | Handwritten | Clean sans serif |
| Best for | Lessons & step-by-step explainers | Product explainers & modern pitches |
28 styles found
Lessons & step-by-step explainers
white and softly colored chalk illustration on dark green slate, broken powdery strokes, faint erased marks, hand-drawn diagrams, generous negative space; Composition: dark green board background, chalk-drawn frames, hand-lettered headings, sketched arrows and diagram elements; use erased chalk texture sparingly
Product explainers & modern pitches
frosted translucent glass forms, layered transparent surfaces, subtle refraction, luminous edges, soft aqua and violet light, refined spatial depth; Composition: layered translucent cards, frosted glass panels, fine luminous borders, blurred color behind the panels and crisp readable typography
Stories & editorial presentations
classical editorial presentation design, warm ivory paper, elegant serif typography, balanced margins, restrained warm pigments and subtle paper texture; Composition: warm ivory paper, elegant double-line frames, classical serif headings, balanced editorial columns and restrained ornamental details
Technology & system overviews
futuristic technological visualization, precise cyan holographic contours, dark navy setting, fine circuit traces, restrained luminous accents, clear structured composition; Composition: a dark structured interface, fine cyan frames, modular information panels, precise technical typography and connected data diagram elements
Processes & creative workshops
layered cut-paper diorama, matte colored cardstock, crisp scissor-cut edges, soft shadows between physical layers, warm peach and sage palette; Composition: layered paper panels, cut-paper frames, distinct label shapes, physical paper arrows and soft shadows between content layers
Architecture & process design
precise technical blueprint, pale cyan construction lines on deep Prussian blue, clear contour geometry, fine drafting arcs, consistent line weights; Composition: deep blue drafting ground, fine cyan construction frames, technical labels, modular diagram panels and precise connecting lines
An eye-catching opening
hand-bent glass neon tubing on dark wet brick, pink and cyan luminous cores, natural colored light spill, reflected glow, deep nighttime contrast; Composition: dark background, luminous neon outline frames, clear sign-like headings, controlled light spill and simple connected graphic elements
Friendly introductions & lessons
flat 2D kawaii anime illustration, friendly rounded characters, simple expressive features, strawberry pink, mint and butter yellow palette, clean consistent outlines; Composition: soft pastel background, friendly rounded cards, playful headings, small expressive icons and simple instructional diagrams
Culture & visual stories
traditional Japanese ukiyo-e woodblock print, carved black contours, flat indigo and ochre pigments, fibrous washi paper, elegant asymmetrical composition; Composition: textured washi background, carved ink borders, flat pigment panels, strong asymmetrical placement and restrained label boxes
Games & playful explainers
16-bit pixel art, clearly defined square pixels, limited retro console palette, precise sprite silhouettes, no smoothing or photorealistic texture; Composition: crisp stepped pixel frames, bitmap-like headings, limited colors, tiled information boxes and game-interface inspired graphic elements
Wellbeing & personal stories
delicate watercolor on off-white cotton paper, transparent pigment washes, softly bleeding edges, loose expressive brushwork, visible paper texture; Composition: off-white paper, translucent painted frame edges, airy typography, small watercolor highlights and hand-drawn diagram elements
Clear diagrams & business slides
minimal flowing black ink line art on warm ivory paper, confident continuous contours, generous negative space, restrained terracotta accent; Composition: warm white background, thin black outline frames, generous whitespace, simple iconography and a clear typographic hierarchy
Realistic product stories
photorealistic imagery, physically believable materials, accurate natural light, realistic optical depth and fine surface detail
Approachable instructions
stylized cartoon illustration, clean readable silhouettes, expressive faces, confident outlines and playful color blocking
Concepts & brainstorms
abstract composition, expressive color relationships, translucent organic forms, visual rhythm, nonliteral interpretation of the subject
Narrative animation concepts
2D anime illustration, expressive character design, clean cel shading, deliberate linework and stylized environmental detail
Training & accessible explainers
Composition: clean whiteboard ground, confident blue and charcoal marker strokes, hand-lettered short headings, generous whitespace and precise simple diagram connections
Business slides & key messages
Composition: Swiss International Typographic Style, warm white background, strict aligned editorial grid, bold sans-serif hierarchy, black text and a restrained vermilion accent, generous asymmetric whitespace, thin functional rules
Creative concepts & design stories
Composition: Bauhaus-inspired geometric visual system, cream background, black typography, restrained red blue and yellow primary-color blocks, circles and rectangular panels used for information hierarchy, functional asymmetrical balance
Stories & content-rich presentations
Composition: contemporary editorial magazine design, warm off-white stock, oversized expressive serif heading, smaller clean sans-serif body copy, asymmetrical columns, fine black rules and a restrained burgundy accent, no ornate borders
Workshops & creative explainers
Composition: risograph-inspired graphic print, warm uncoated paper, indigo and burnt-orange spot inks, bold simple typographic hierarchy, flat overprinted information panels with slight deliberate registration offsets, keep all text crisp and legible
Product explainers & calm dashboards
Composition: soft UI material treatment, cool neutral background, gently raised information panels and subtle inset details, broad soft directional shadows, dark high-contrast typography, restrained slate-blue accent, clear boundaries and generous spacing
Examples show composition treatments: backgrounds, frames, typography and elements. Content is illustrative; add your own topic. Some styles use AI-generated imagery.
Motion here means an animation made with HTML, CSS and SVG. The prompt asks Claude for an HTML artifact or ChatGPT for an HTML file in Canvas, if available. Without a preview, open the HTML file in a browser. This is not automatic video export.
The implementation draws on Anthropic Web Artifacts Builder and the Web Animations API. The study includes playback controls and respects your system’s reduced motion preference.
We studied the public theme documentation and examples from Reveal.js, Marp and WebSlides. The lessons: consistent color roles, distinct typography and different layouts for different stories. The studies and prompt builder are our own designs.