Stylepack

الخطوط

الخطوط التي يستخدمها resend.com

يستخدم resend.com الخط domaine لعناوينه والخط inter لنصه الأساسي. domaine خط مرخّص يقدّمه الموقع بنفسه. أقرب بديل مجاني على Google Fonts: Inter.

تم القياس من resend.com قبل 4 أيام.

افتح حزمة التصميم الكاملةتنزيل الحزمة

عائلات الخطوط

4 عائلات خطوط
domaine
يُستخدم في
h1
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter
aBCFavorit
يُستخدم في
h2, h3
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter
inter
يُستخدم في
body, button
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter
commitMono
يُستخدم في
label, code
المصدر
مستضافة ذاتيًا
البديل المجاني
Inter

CSS لإعادة إنتاجه

متغيرات الخطوط مع البديل المجاني في سلسلة الخطوط، فيعمل CSS نفسه مع الخط المرخّص أو بدونه.

:root {
  --font-heading: "domaine", "Inter", sans-serif; /* Inter stands in for domaine */
  --font-body: "inter", "Inter", sans-serif; /* Inter stands in for inter */
  --font-mono: "commitMono", "Inter", monospace; /* Inter stands in for commitMono */
  --font-size-base: 14px;
}

كيف يُضبط النص

headline-displayQuick brown foxdomaine / 96px / 400 / lh 96px / -0.96px
headline-lgQuick brown foxaBCFavorit / 56px / 400 / lh 67.2px / -2.8px
headline-mdQuick brown foxaBCFavorit / 20px / 400 / lh 20px
body-mdThe quick brown fox jumps over the lazy doginter / 14px / 400 / lh 22.4px
label-mdThe quick brown fox jumps over the lazy dogcommitMono / 12px / 400 / lh 1.33
buttonThe quick brown fox jumps over the lazy doginter / 14px / 400 / lh 20px
codeconst pack = extract(url)commitMono / 12px / 400 / lh 16px
أحجام الخطوط المستخدمة
1214161820567796

لوكلاء الذكاء الاصطناعي

الحزمة نص عادي بلا مفتاح: اجلب DESIGN.md، أو سلّم الحزمة كاملة إلى Claude Code أو Cursor أو Copilot عبر خادم MCP.

curl -s https://stylepack.ai/packs/resend.com/DESIGN.md

أسئلة

ما الخط الذي يستخدمه resend.com؟

يستخدم resend.com الخط domaine, aBCFavorit, inter, commitMono. العناوين بخط domaine والنص الأساسي بخط inter، مقاسة من الموقع كما يُعرض فعلًا، لا من ملف الأنماط.

هل خط resend.com مجاني الاستخدام؟

لا. domaine خط مرخّص يقدّمه resend.com بنفسه. أقرب بديل مجاني هو Inter، متاح على Google Fonts. يضعه كود CSS في هذه الصفحة ضمن سلسلة الخطوط كبديل.

كيف أحصل على الطباعة نفسها التي يستخدمها resend.com في مشروعي؟

نزّل حزمة تصميم resend.com من Stylepack: تحتوي على سلسلة الخطوط وسلّم الأحجام وكل أنماط النصوص ولقطات الشاشة، بصيغة يستطيع وكيل برمجة بالذكاء الاصطناعي مثل Claude Code أو Cursor البناء منها.