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

آمار

وضعیت: در حال بازبینی
۱۲
ستون در گرید وب
در اندازهٔ بزرگ و خیلی بزرگ
۴
گونه دکمه
اصلی، ثانویه، شبح و خطر
<div class="hq-grid" style="inline-size:100%">
  <div class="hq-col-2 hq-col-md-3 hq-col-lg-4"><div class="hq-stat hq-stat--ink">
  <div class="hq-stat__value">۱۲</div>
  <div class="hq-stat__label">ستون در گرید وب</div>
  <div class="hq-stat__note">در اندازهٔ بزرگ و خیلی بزرگ</div>
</div></div>
  <div class="hq-col-2 hq-col-md-3 hq-col-lg-4"><div class="hq-stat hq-stat--accent">
  <div class="hq-stat__value">۴</div>
  <div class="hq-stat__label">گونه دکمه</div>
  <div class="hq-stat__note">اصلی، ثانویه، شبح و خطر</div>
</div></div>
</div>

چه وقت استفاده کنیم

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

چه وقت استفاده نکنیم

Section titled “چه وقت استفاده نکنیم”
  • برای مجموعه‌ای از عددها که باید با هم سنجیده شوند؛ از جدول یا نمودار استفاده کنید.
  • برای عدد بدون منبع یا بدون معنا. آمار باید واقعی و قابل ردیابی باشد.

گونه‌ها

Section titled “گونه‌ها”
گونه کلاس کاربرد
مرکب hq-stat--ink پیش‌فرض
تاکیدی hq-stat--accent فقط یک آمار در هر صفحه یا ردیف
۱۲
ستون در گرید وب
در اندازهٔ بزرگ و خیلی بزرگ
انجام بدهعدد، برچسب روشن و در صورت لزوم منبع در توضیح.
۱۲
انجام ندهعدد بدون برچسب؛ خواننده نمی‌داند چه چیزی را می‌شمارد.