Stylepack

الأزرار

أزرار arc.net

الزر الأساسي في arc.net لونه #ffffff1f بنص #ffffff، وزواياه 60px، وارتفاعه 50px. أدناه: كل أنواع الأزرار التي يستخدمها الموقع، وحالات hover والتركيز فيها، وكود CSS لتبدو أزرارك مثلها.

تم القياس من arc.net قبل 6 أيام.

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

زر secondary

Read more
Hover
لا تغيير مرئي

زر ghost

When will I no longer be
Hover
لا تغيير مرئي

كود CSS

فئة واحدة لكل نوع، بالقيم المقاسة. الخط هو الذي يستخدمه arc.net في أزراره.

buttons.css
.btn-secondary {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 50px;
  padding: 14px 24px;
  background: #ffffff1f;
  color: #ffffff;
  border: none;
  border-radius: 60px;
  font-size: 16px;
  font-weight: 400;
  font-family: "ABC Oracle", sans-serif;
  cursor: pointer;
}
​
.btn-ghost {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 74px;
  padding: 24px 0px;
  background: transparent;
  color: #000000;
  border: none;
  border-radius: 0px;
  font-size: 22px;
  font-weight: 350;
  font-family: "ABC Oracle", sans-serif;
  cursor: pointer;
}

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

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

curl -s https://stylepack.ai/packs/arc.net/DESIGN.md

أسئلة

كيف أصنع أزرارًا مثل arc.net؟

استخدم كود CSS في هذه الصفحة: الزر الأساسي لونه #ffffff1f بنص #ffffff، وزواياه 60px، وارتفاعه 50px. أضف قواعد hover والتركيز المذكورة تحت كل نوع، واضبط خط الزر على الخط الذي يستخدمه arc.net.

ما لون أزرار arc.net؟

الزر الأساسي في arc.net لونه #ffffff1f بنص #ffffff. يستخدم الموقع 2 أنواع من الأزرار في المجموع؛ كل نوع مذكور في هذه الصفحة بخلفيته وحدوده واستدارته وحجمه.

هل يستطيع وكيل برمجة بالذكاء الاصطناعي نسخ أزرار arc.net؟

نعم. تحتوي حزمة تصميم arc.net من Stylepack على كل أنواع الأزرار بحالاتها والخطوط والألوان ولقطات الشاشة، فيستطيع Claude Code أو Cursor أو Copilot بناء أزرار مطابقة.