Mermaid Diagrams Starter Kit

Brand Assets

All generated brand assets for marketplace listing and deployment in one place.

Thumbnail A

1200 x 630

Shelf layout -- floating UI elements layered behind and in front of the hero word.

Model
Claude Opus 4.6
premium
ERD
Flowchart
Gantt
Mindmap
Mermaid
Prompt
>
AI
>
Render
Diagram
flowchart
erDiagram
sequence
template

Thumbnail B

1200 x 630

Diagonal depth -- UI elements positioned at angles to create a sense of perspective.

Prompt
>
AI
>
Render
Model
Claude Opus 4.6
premium
Mermaid
ERD
Flowchart
Gantt
Mindmap
Diagram
flowchart
erDiagram
sequence
template

OG Image

1200 x 630

Open Graph social card for link previews on X, Slack, Discord, etc.

Mermaid Diagrams

AI-powered diagram generation for Next.js

flowchart
erDiagram
sequence
Prompt
>
AI Gateway
>
Render
Next.js + Vercel AI SDK + Mermaid.jsStarter Kit

Apple Touch Icon

180 x 180

Home screen icon for iOS Safari. Bold "M" glyph on the brand accent color.

M

Background: hsl(210 40% 60%)

Glyph: hsl(210 40% 98%)

Font: Geist Sans, 800 weight

Favicon

32 x 32 / 16 x 16

Browser tab favicon at both standard sizes.

M
32px
M
16px
M
Mermaid Diagrams Starter Kit
Tab preview