Kage Design logo kage
firecrawl.dev
Alexandria by Firecrawl · OG images · Minimal · Monochrome screenshot

Design analysis

A 1200×630 announcement card with a white canvas framed by a dense field of monospace ASCII characters in warm orange, which fades toward the centre to create a glowing void around the type. Hierarchy is a strict three-tier stack: a small black kicker ("Introducing Alexandria"), a huge two-line orange headline, and a small pill badge ("Plus $75 million Series B") at the bottom. The ASCII texture does the heavy lifting — density rises at the edges and dissolves centrally, so the message reads instantly even at thumbnail size.

Prompt preview 
## Reference images

Study these alongside the description below: hierarchy, rhythm, spacing, colour. Build for the product you are asked about, using this design language.

- Screenshot: https://kage-design-assets.t3.tigrisfiles.io/screenshots/alexandria-by-firecrawl/ffd89a7f-648c-4dcc-977f-98b3845821ab-1790229654767.webp
- Design on Kage: https://kage.design/designs/alexandria-by-firecrawl-og-image

# 1200×630 announcement social card

## Before you start
Ask the user what product or announcement they are promoting, what the headline copy is, and what brand assets they have (name, colours, type). Wait for the answers, then apply the composition below to their brand — not to the reference.

## Goal
Produce a single 1200×630 social share image (render HTML/CSS to PNG, or build as SVG).

## Composition
- Full-bleed white (`#FFFFFF`) canvas, 1200×630, with a thin light-grey border frame.
- **Background texture:** a field of ASCII characters (dots, `=`, `*`, `x`, `o`, `w`, `#`, etc.) in a monospace font, tinted warm orange (`#F54A00`–`#FF5C1A`), arranged like a greyscale portrait of a library/stacks rendered in text. Density and character weight increase toward the edges; characters fade to near-invisible in an elliptical clearing at the centre where the copy sits. Implement with rows of `<span>`s or generated SVG text with per-row opacity mapped to distance from centre.
- **Centre stack, vertically centred:**
  1. Kicker line: the product announcement line in medium-weight near-black (`#111`), ~32–36px.
  2. Headline: two lines, bold geometric sans (Inter/Helvetica-like), ~72–80px, orange (`#F54A00`), tight leading, ending with a period.
  3. Spacing gap, then a small pill badge: light grey rounded-full chip (`#F2F2F2`), ~18px black text, one supporting fact (e.g. funding, date, "Available now").

## Design language
- Exactly one accent colour; everything else is white, black and grey.
- Texture-heavy edges + empty centre = the focal hierarchy; never let decoration overlap the type.
- Three tiers max: kicker, headline, badge. Keep badge visually quietest.
- Generous line spacing between tiers (~48–64px); no imagery, logos or UI screenshots.

## Never
- Do not use "Alexandria", "Firecrawl", their wordmark, their exact copy, or their specific ASCII artwork — substitute the user's branding and copy.

Related designs