Interactive Playground
Tune parameters live, preview edge-rendered social cards, and copy production-ready code snippets.
Wireframe Blueprint Select visual geometry
Curated Templates
Ready-to-use designsIntegration Code
<meta property="og:title" content="Simplicity is about subtracting the obvious" />
<meta property="og:image" content="https://api.generativeog.in/v1/images/minimal.png?accent=a3a3a3&bg=0a0a0a&color=fafafa&theme=dark&title=Simplicity%20is%20about%20subtracting%20the%20obvious" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:image:alt" content="Simplicity is about subtracting the obvious preview" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Simplicity is about subtracting the obvious" />
<meta name="twitter:image" content="https://api.generativeog.in/v1/images/minimal.png?accent=a3a3a3&bg=0a0a0a&color=fafafa&theme=dark&title=Simplicity%20is%20about%20subtracting%20the%20obvious" />const response = await fetch("https://api.generativeog.in/v1/images/minimal.png?accent=a3a3a3&bg=0a0a0a&color=fafafa&theme=dark&title=Simplicity%20is%20about%20subtracting%20the%20obvious");
if (!response.ok) {
throw new Error(`Failed to fetch image: ${response.status}`);
}
const imageBlob = await response.blob();curl -i "https://api.generativeog.in/v1/images/minimal.png?accent=a3a3a3&bg=0a0a0a&color=fafafa&theme=dark&title=Simplicity%20is%20about%20subtracting%20the%20obvious"// app/layout.tsx or app/page.tsx
import type { Metadata } from "next";
export const metadata: Metadata = {
title: "Simplicity is about subtracting the obvious",
description: "",
openGraph: {
title: "Simplicity is about subtracting the obvious",
description: "",
images: [
{
url: "https://api.generativeog.in/v1/images/minimal.png?accent=a3a3a3&bg=0a0a0a&color=fafafa&theme=dark&title=Simplicity%20is%20about%20subtracting%20the%20obvious",
width: 1200,
height: 630,
alt: "Simplicity is about subtracting the obvious preview",
},
],
},
twitter: {
card: "summary_large_image",
title: "Simplicity is about subtracting the obvious",
description: "",
images: ["https://api.generativeog.in/v1/images/minimal.png?accent=a3a3a3&bg=0a0a0a&color=fafafa&theme=dark&title=Simplicity%20is%20about%20subtracting%20the%20obvious"],
},
};---
// src/pages/index.astro
const ogImageUrl = "https://api.generativeog.in/v1/images/minimal.png?accent=a3a3a3&bg=0a0a0a&color=fafafa&theme=dark&title=Simplicity%20is%20about%20subtracting%20the%20obvious";
---
<meta property="og:title" content="Simplicity is about subtracting the obvious" />
<meta property="og:image" content={ogImageUrl} />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content={ogImageUrl} />// app.vue or pages/index.vue
useSeoMeta({
title: "Simplicity is about subtracting the obvious",
ogTitle: "Simplicity is about subtracting the obvious",
description: "",
ogDescription: "",
ogImage: "https://api.generativeog.in/v1/images/minimal.png?accent=a3a3a3&bg=0a0a0a&color=fafafa&theme=dark&title=Simplicity%20is%20about%20subtracting%20the%20obvious",
ogImageWidth: 1200,
ogImageHeight: 630,
twitterCard: "summary_large_image",
twitterImage: "https://api.generativeog.in/v1/images/minimal.png?accent=a3a3a3&bg=0a0a0a&color=fafafa&theme=dark&title=Simplicity%20is%20about%20subtracting%20the%20obvious",
});<svelte:head>
<title>Simplicity is about subtracting the obvious</title>
<meta property="og:title" content="Simplicity is about subtracting the obvious" />
<meta property="og:image" content="https://api.generativeog.in/v1/images/minimal.png?accent=a3a3a3&bg=0a0a0a&color=fafafa&theme=dark&title=Simplicity%20is%20about%20subtracting%20the%20obvious" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://api.generativeog.in/v1/images/minimal.png?accent=a3a3a3&bg=0a0a0a&color=fafafa&theme=dark&title=Simplicity%20is%20about%20subtracting%20the%20obvious" />
</svelte:head>