## 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/takweem-ai/6a3348e7-2e88-4d36-8e52-07ccebfea1d2-1791439355551.webp
- Design on Kage: https://kage.design/designs/takweem-og-image

## Before you start
Ask the user what product this social card is for, who it is for, what brand assets already exist (name, tagline, monogram or logo, brand colours, typeface), and what single message the card must communicate when shared on X, Slack, LinkedIn or iMessage. Wait for the answers before designing. Everything below is applied to the user's own brand with placeholder branding and copy — not to the reference product.

## Page structure
Produce one static image at exactly 1200×630 (an HTML/CSS page of that size rendered to PNG, or an equivalent SVG):

- **Background field**: a full-bleed, solid near-black canvas with no border, chrome or texture. Keep the outer rectangle square-edged (platforms crop corner radii on previews); echo any rounded-tile motif inside the composition instead.
- **Central mark zone**: one dominant monogram centred on both axes — a rounded-square tile roughly 360×360 px containing a letterform built from two capsule shapes (a wide horizontal pill floating above a shorter vertical pill, sharing a centre axis). Use the user's own initial or glyph here.
- **Wordmark line** (optional): the product name in a single short line below the mark, clearly subordinate to it.
- **Tagline line** (optional): one short sentence at the lowest hierarchy, reduced opacity.
- **Safe margins**: keep every element at least 64 px from the canvas edges and out of the outer 10% of the frame, since link previews crop edges.

## Design language
- **Hierarchy**: one shape carries the card. If a wordmark and tagline are added, use a steep scale ratio of roughly 10:3:2 (mark : wordmark : tagline) so the monogram stays dominant.
- **Negative space**: at least 70% of the canvas stays empty; never fill it with patterns, gradients, screenshots or decorative shapes.
- **Colour**: exactly two colours — a charcoal near-black background around #1B1B1D and pure white #FFFFFF for the mark and all text. No gradients, no shadows, no outlines.
- **Shape**: build letterforms from capsules with fully rounded pill terminals and even stroke weights; align everything to a single vertical axis through the centre.
- **Type**: a geometric rounded sans (e.g. Nunito, Quicksand or a comparable font) for wordmark and tagline, one weight per line, slightly negative tracking on the wordmark; render the tagline at ~70% white if used.
- **Motion**: none — this is a static export; contrast and silhouette must do all the work at thumbnail size.

## Never
- Never reproduce the reference's exact 'T' monogram, its product name or its tagline; use the user's own letterform and copy or an agreed placeholder.
- Never add photography, illustrations, gradients or third-party logos to the card.
- Never present the result as the reference product or reuse its wordmark.