نشان شماره
وضعیت: در حال بازبینی
انجام بدهارقام فارسی و ترتیب پشتسرهم. انجام ندهرقم لاتین در متن فارسی.
۱
۲
۳
<span class="hq-badge" aria-label="گام ۱">۱</span><span class="hq-badge" aria-label="گام ۲">۲</span><span class="hq-badge" aria-label="گام ۳">۳</span>چه وقت استفاده کنیم
Section titled “چه وقت استفاده کنیم”- برای شمارهگذاری گامها یا نکتهها، کنار هر مورد یا روی یک تصویر.
- فقط یک رقم یا دو رقم؛ ترتیب برای فهم مطلب مهم است.
چه وقت استفاده نکنیم
Section titled “چه وقت استفاده نکنیم”- برای شمارندهٔ اعلان یا تعداد خواندهنشده.
- برای وضعیت؛ از برچسب استفاده کنید.
- با حروف یا متن؛ نشان فقط رقم دارد.
- تشخیص وضع موجود
- طراحی راهحل
- اجرا و پایش
<ol style="list-style:none;margin:0;padding:0;display:grid;gap:var(--hq-space-2)"> <li style="display:flex;gap:var(--hq-space-2);align-items:center"><span class="hq-badge" aria-hidden="true">۱</span> تشخیص وضع موجود</li> <li style="display:flex;gap:var(--hq-space-2);align-items:center"><span class="hq-badge" aria-hidden="true">۲</span> طراحی راهحل</li> <li style="display:flex;gap:var(--hq-space-2);align-items:center"><span class="hq-badge" aria-hidden="true">۳</span> اجرا و پایش</li></ol>۱
۲
۳
آناتومی
Section titled “آناتومی”- دایره: ۲۶ پیکسل، رنگ
ink. - رقم: ارقام فارسی، Bold، سفید (
surface). - حاشیه: خط ۱٫۵ پیکسلی به رنگ زمینه، تا روی تصویر از آن جدا دیده شود.
- معکوس: روی زمینهٔ تیره، دایرهٔ
brandبا رقمbrand-deep.
توکنها
Section titled “توکنها”| بخش | توکن |
|---|---|
| دایره | ink، روی تیره brand |
| رقم | surface، روی تیره brand-deep |
حالت تیره
Section titled “حالت تیره”۱
۲
<span class="hq-badge hq-badge--inverse" aria-label="گام ۱">۱</span><span class="hq-badge hq-badge--inverse" aria-label="گام ۲">۲</span><span class="hq-badge" aria-label="گام ۱">۱</span><span class="hq-badge hq-badge--inverse" aria-label="گام ۲">۲</span>| کلاس | توضیح |
|---|---|
hq-badge |
دایرهٔ ۲۶ پیکسلی |
hq-badge--inverse |
برای زمینهٔ تیره |
- وقتی نشان کنار متن گام است و فهرست مرتب (
<ol>) شماره را میگوید، نشانaria-hidden="true"میگیرد تا شماره دوبار خوانده نشود. - وقتی نشان روی تصویر است و به نکتهای اشاره میکند،
aria-label(«گام ۱») معنا را میدهد. - رقم سفید روی
inkو رقمbrand-deepرویbrandاز ۴٫۵ به ۱ بالاترند.