---
// Design system reference (dev only): the real tokens and components from global.css, so it cannot drift.
// Switch palette, light/dark and font from the header's display settings.
import Base from '../layouts/Base.astro';
import Icon from '../components/Icon.astro';
if (import.meta.env.PROD) return new Response(null, { status: 404 });
const colours = [
['surfaces', ['surface-page', 'surface-raised', 'surface-poem', 'surface-sunken']],
['text and lines', ['text', 'text-muted', 'link', 'heading', 'border', 'line']],
['brand and accent', ['brand', 'accent', 'accent-soft', 'active', 'focus']],
['roles', ['action', 'action-ink', 'ok', 'danger']],
] as const;
const sizes = ['xs', 'sm', 'md', 'lg', 'xl', '2xl'];
const radii = ['sm', 'md', 'lg', 'pill'];
---
ڈیزائن سسٹم
رنگ، خط اور روشنی اوپر کی ترتیبات سے بدلیں
رنگ
{colours.map(([group, names]) => (
{group}
{names.map((n) => --{n})}
))}
خط
{sizes.map((s) => --fs-{s} دل ہی تو ہے نہ سنگ و خشت درد سے بھر نہ آئے کیوں
)}
گولائی
{radii.map((r) => --r-{r})}
بٹن
ایڈیٹر
چپس اور نشان
عشق ۱۲فراق ۴
جمع شدہمنظور شدہ
شائع شدہواپس
خانے
کارڈ
بارہویں صدی ہجری
شعر
دل ہی تو ہے نہ سنگ و خشت درد سے بھر نہ آئے کیوں
روئیں گے ہم ہزار بار کوئی ہمیں ستائے کیوں
دیر نہیں حرم نہیں در نہیں آستاں نہیں
بیٹھے ہیں رہ گزر پہ ہم غالب ہمیں اٹھائے کیوں
تلاش
غزل ۱۲دل ہی تو ہے نہ سنگ و خشت