OG
OG Studio
Editor
Reset
PNG
Code
Variables
Components
Export
Template
SaaS Hero
Score Card
Glass Launch
Brutal Promo
Notion Doc
Theme
Light
Dark
Gradient
Glass
Neumorphism
Brutalism
Apple
Notion
Linear
Cursor
OpenAI
HTML + {{vars}}
<div class="card"> <div class="row between"> <div class="logo">{{logo}}</div> <div class="badge">{{badge}}</div> </div> <h1>{{title}}</h1> <p>{{description}}</p> <div class="row gap"> <span class="chip">{{brand}}</span> <span class="muted">{{url}}</span> </div> </div>
Live Preview · 1200×630
API PNG
PNG output (Satori)