لینک
وضعیت: در حال بازبینی
برای آشنایی با روش کار، چارچوب 4D را ببینید.
همهٔ نمونهکارها<p>برای آشنایی با روش کار، <a class="hq-link" href="#">چارچوب 4D</a> را ببینید.</p><a class="hq-link hq-link--standalone" href="#"> همهٔ نمونهکارها <svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M14 26 15.41 24.59 7.83 17 28 17 28 15 7.83 15 15.41 7.41 14 6 4 16 14 26z"/></svg></a>چه وقت استفاده کنیم
Section titled “چه وقت استفاده کنیم”- برای رفتن به صفحهٔ دیگر، بخشی از همین صفحه یا یک فایل.
- لینک درونمتنی در میان جمله؛ لینک مستقل بهتنهایی و با پیکان، مثلاً زیر یک کارت یا در پایان بخش.
چه وقت استفاده نکنیم
Section titled “چه وقت استفاده نکنیم”- برای اجرای یک اقدام (ثبت، ارسال، حذف)؛ آنجا از دکمه استفاده کنید.
متن لینک
Section titled “متن لینک”- مقصد را بگویید: «چارچوب 4D»، نه «اینجا» یا «بیشتر بخوانید».
- لینک مستقل با فعل یا اسم کوتاه شروع میشود و حداکثر چهار واژه است.
- اگر لینک فایل باز میکند، نوع و حجم را بگویید: «گزارش سالانه (PDF، ۲ مگابایت)».
توکنها
Section titled “توکنها”| حالت | رنگ |
|---|---|
| عادی | accent |
| روی نشانگر | accent-hover |
| فشرده | accent-active |
| فوکوس | حلقهٔ ۲ پیکسلی focus |
لینکها زیرخط ندارند، چون زیرخط با دنبالههای حروف فارسی (مثل «ی»، «ر» و «ج») برخورد میکند. به جای آن، هر دو نوع لینک SemiBold هستند تا فقط با رنگ از متن جدا نشوند. لینک مستقل پیکان رو به چپ هم میگیرد.
حالت تیره
Section titled “حالت تیره”برای آشنایی با روش کار، چارچوب 4D را ببینید.
همهٔ نمونهکارها<p>برای آشنایی با روش کار، <a class="hq-link" href="#">چارچوب 4D</a> را ببینید.</p><a class="hq-link hq-link--standalone" href="#"> همهٔ نمونهکارها <svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M14 26 15.41 24.59 7.83 17 28 17 28 15 7.83 15 15.41 7.41 14 6 4 16 14 26z"/></svg></a><a class="hq-link" href="/method">چارچوب 4D</a>
<a class="hq-link hq-link--standalone" href="/cases"> همهٔ نمونهکارها <svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true">…</svg></a>| کلاس | توضیح |
|---|---|
hq-link |
لینک درونمتنی |
hq-link--standalone |
لینک مستقل، با آیکن |
- همیشه
<a href>واقعی؛ لینک بدونhrefبا صفحهکلید در دسترس نیست. - لینک با وزن SemiBold و رنگ از متن جدا میشود، نه فقط با رنگ؛ وزن لینک را در متن عادی تغییر ندهید.
- آیکن تزیینی
aria-hidden="true"میگیرد. - اگر لینک در زبانهٔ تازه باز میشود، در متن بگویید («در زبانهٔ تازه»). پیشفرض، همان زبانه است.