diff --git a/docs/logo-concepts/round2.png b/docs/logo-concepts/round2.png new file mode 100644 index 00000000..26598da7 Binary files /dev/null and b/docs/logo-concepts/round2.png differ diff --git a/docs/logo-concepts/round3.png b/docs/logo-concepts/round3.png new file mode 100644 index 00000000..35539318 Binary files /dev/null and b/docs/logo-concepts/round3.png differ diff --git a/web/public/favicon.svg b/web/public/favicon.svg index 917760d1..a6ed801f 100644 --- a/web/public/favicon.svg +++ b/web/public/favicon.svg @@ -1 +1 @@ -د +دیوان diff --git a/web/public/logo/shamsa-icon.svg b/web/public/logo/shamsa-icon.svg new file mode 100644 index 00000000..a6ed801f --- /dev/null +++ b/web/public/logo/shamsa-icon.svg @@ -0,0 +1 @@ +دیوان diff --git a/web/public/logo/shamsa.svg b/web/public/logo/shamsa.svg new file mode 100644 index 00000000..62dfc07b --- /dev/null +++ b/web/public/logo/shamsa.svg @@ -0,0 +1 @@ +دیوان diff --git a/web/public/logo/turanj.svg b/web/public/logo/turanj.svg new file mode 100644 index 00000000..d96d1ada --- /dev/null +++ b/web/public/logo/turanj.svg @@ -0,0 +1 @@ +دیوان diff --git a/web/src/pages/design.astro b/web/src/pages/design.astro index 101d9c31..223928b7 100644 --- a/web/src/pages/design.astro +++ b/web/src/pages/design.astro @@ -18,6 +18,13 @@ const radii = ['sm', 'md', 'lg', 'pill'];

رنگ، خط اور روشنی اوپر کی ترتیبات سے بدلیں

+

لوگو

+
+
ترنج · بڑا لوگو (/logo/turanj.svg)
+
شمسہ (/logo/shamsa.svg)
+
نشان اور فیو آئیکن (/favicon.svg)
+
+

رنگ

{colours.map(([group, names]) => (
@@ -101,5 +108,7 @@ const radii = ['sm', 'md', 'lg', 'pill']; .ds code, .ds-type code { font: var(--fs-xs) ui-monospace, monospace; color: var(--text-muted); direction: ltr; } .ds-type { margin: 4px 0; display: flex; gap: 16px; align-items: baseline; } .ds-type code { width: 6em; flex: none; } + .ds-logos figure { margin: 0; text-align: center; } .ds-logos figcaption { font-size: var(--fs-xs); color: var(--text-muted); } + .ds-icons { display: flex; align-items: end; gap: 10px; height: 160px; } .ds-radius { width: 90px; height: 56px; display: grid; place-items: center; border: 1.5px solid var(--border); background: var(--surface-raised); } diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro index 64917a8a..b0f78b1f 100644 --- a/web/src/pages/index.astro +++ b/web/src/pages/index.astro @@ -15,6 +15,7 @@ const card = (p: Poet) => `poet-card${marked.includes(p.id) ? ' mark-bm' : ''}`; ---
+

اردو کا کلاسیکی ادب

{ud(count)} شعرا و ادبا · ویکی ماخذ کے عوامی ملکیت متون

diff --git a/web/src/styles/global.css b/web/src/styles/global.css index d23ece36..d04fc1f3 100644 --- a/web/src/styles/global.css +++ b/web/src/styles/global.css @@ -136,6 +136,7 @@ h1::after { content: ''; display: block; width: 140px; height: 2px; background: .poet-card.mark-bm::after { top: 10px; left: 8px; } } .hero { text-align: center; } +.hero-logo { display: block; width: clamp(84px, 22vw, 120px); height: auto; margin: 4px auto 0; filter: drop-shadow(0 2px 6px rgb(0 0 0 / .12)); } .hero p { margin: 0; } /* poet / category */