رفتن به محتوا
HarmoniQHarmoniQزبان طراحی هارمونیک

اعلان

وضعیت: در حال بازبینی

درخواست شما در صف بررسی است

تا دو روز کاری برای هماهنگی جلسه با شما تماس می‌گیریم.

درخواست ثبت شد

رونوشت آن به ایمیل شما فرستاده شد.

فایل پیوست بزرگ است

بارگذاری ممکن است چند دقیقه طول بکشد.

<div class="hq-notification" role="status">
  <svg class="hq-notification__icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path fill="none" d="M16,8a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,13.875H17.125v-8H13v2.25h1.875v5.75H12v2.25h8Z" data-icon-path="inner-path"/><path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2Zm0,6a1.5,1.5,0,1,1-1.5,1.5A1.5,1.5,0,0,1,16,8Zm4,16.125H12v-2.25h2.875v-5.75H13v-2.25h4.125v8H20Z"/></svg>
  <div class="hq-notification__content">
    <p class="hq-notification__title">درخواست شما در صف بررسی است</p>
    <p class="hq-notification__body">تا دو روز کاری برای هماهنگی جلسه با شما تماس می‌گیریم.</p>
  </div>
  <button class="hq-notification__close" type="button" aria-label="بستن اعلان"><svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"/></svg></button>
</div>
<div class="hq-notification hq-notification--positive" role="status">
  <svg class="hq-notification__icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M16,2A14,14,0,1,0,30,16,14,14,0,0,0,16,2ZM14,21.5908l-5-5L10.5906,15,14,18.4092,21.41,11l1.5957,1.5859Z"/><path fill="none" d="M14 21.591 9 16.591 10.591 15 14 18.409 21.41 11 23.005 12.585 14 21.591z" data-icon-path="inner-path"/></svg>
  <div class="hq-notification__content">
    <p class="hq-notification__title">درخواست ثبت شد</p>
    <p class="hq-notification__body">رونوشت آن به ایمیل شما فرستاده شد.</p>
  </div>
  <button class="hq-notification__close" type="button" aria-label="بستن اعلان"><svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M17.4141 16 24 9.4141 22.5859 8 16 14.5859 9.4143 8 8 9.4141 14.5859 16 8 22.5859 9.4143 24 16 17.4141 22.5859 24 24 22.5859 17.4141 16z"/></svg></button>
</div>
<div class="hq-notification hq-notification--warning" role="status">
  <svg class="hq-notification__icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path fill="none" d="M16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Zm-1.125-5h2.25V12h-2.25Z" data-icon-path="inner-path"/><path d="M16.002,6.1714h-.004L4.6487,27.9966,4.6506,28H27.3494l.0019-.0034ZM14.875,12h2.25v9h-2.25ZM16,26a1.5,1.5,0,1,1,1.5-1.5A1.5,1.5,0,0,1,16,26Z"/><path d="M29,30H3a1,1,0,0,1-.8872-1.4614l13-25a1,1,0,0,1,1.7744,0l13,25A1,1,0,0,1,29,30ZM4.6507,28H27.3493l.002-.0033L16.002,6.1714h-.004L4.6487,27.9967Z"/></svg>
  <div class="hq-notification__content">
    <p class="hq-notification__title">فایل پیوست بزرگ است</p>
    <p class="hq-notification__body">بارگذاری ممکن است چند دقیقه طول بکشد.</p>
  </div>
</div>
<div class="hq-notification hq-notification--negative" role="alert">
  <svg class="hq-notification__icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path fill="none" d="M14.9 7.2H17.1V24.799H14.9z" data-icon-path="inner-path" transform="rotate(-45 16 16)"/><path d="M16,2A13.914,13.914,0,0,0,2,16,13.914,13.914,0,0,0,16,30,13.914,13.914,0,0,0,30,16,13.914,13.914,0,0,0,16,2Zm5.4449,21L9,10.5557,10.5557,9,23,21.4448Z"/></svg>
  <div class="hq-notification__content">
    <p class="hq-notification__title">درخواست ارسال نشد</p>
    <p class="hq-notification__body">اتصال اینترنت را بررسی کنید و دوباره بفرستید.</p>
  </div>
</div>

اعلان یا فراخوان

Section titled “اعلان یا فراخوان”
اعلان فراخوان
چه می‌گوید نتیجهٔ یک اقدام یا وضعیت سیستم نکته، ریسک یا نتیجه‌ای در خود محتوا
کجا رابط کاربری: فرم، داشبورد، صفحهٔ حساب محتوا: مقاله، گزارش، اسلاید
موقت است؟ معمولاً؛ بستنی است نه؛ جزو متن است

گونه‌ها

Section titled “گونه‌ها”
گونه کاربرد
اطلاع‌رسانی وضعیت یا اطلاعات خنثی
مثبت اقدام با موفقیت انجام شد
هشدار کار انجام می‌شود، ولی چیزی نیاز به توجه دارد
منفی اقدام انجام نشد و کاربر باید کاری بکند

متن

Section titled “متن”
  • عنوان: نتیجه در چند واژه، به زبان کاربر: «درخواست ثبت شد»، نه «عملیات موفقیت‌آمیز بود».
  • متن: یک جمله؛ قدم بعدی یا راه حل. برای خطا، بگویید چه کنند.
  • بدون علامت تعجب.

جایگاه

Section titled “جایگاه”
  • اعلانی که به کل صفحه مربوط است: بالای محتوا، زیر عنوان صفحه.
  • اعلانی که به یک بخش یا فرم مربوط است: بالای همان بخش.
  • خطای یک فیلد خاص با پیام خطای فیلد نشان داده می‌شود، نه اعلان.
انجام بدهعنوان نتیجه را می‌گوید و متن قدم بعدی را.
انجام ندهپیام فنی و مبهم که کاربر نمی‌داند با آن چه کند.