Preview image. Unlock full-res
Clean light card pairing a blue wordmark and tagline with a dark code snippet showing the og:image meta tag itself.
Summary
A minimal developer-tool card that leads with a blue wordmark and the line "Take control over your link previews," then shows a dark code block of the og:image meta tag, making the card self-referential.
Visual description
White background, left-aligned. At top, "Flayyer" set in a bold blue sans-serif wordmark, with a lighter blue-grey tagline beneath. Below sits a dark navy rounded code panel containing a monospace HTML snippet (<meta property="og:image" content="https://flayyer.host/..." ?title=Flayyer &description=Take+control+over+your+link+p...) with subtle syntax coloring, the panel cropped at the right edge so the code appears to continue off-card.
Key takeaway
Showing the literal og:image markup inside the og:image is a clever self-referential move for a meta-tag product. Cropping the code block off the right edge implies a longer string and adds motion to an otherwise static layout.
Reuse notes
Best for developer tools and APIs where the product is the social card itself. The code-as-hero approach reads instantly to engineers but is opaque to a general audience. Pairs well with a single short tagline.
