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

نقل‌قول

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

عنوان باید نتیجه را بگوید، نه موضوع را.

اصول برند هارمونیک برندبوک 
<figure class="hq-quote">
  <blockquote style="margin:0">
    <div class="hq-quote__mark" aria-hidden="true"><svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M12,15H6.11A9,9,0,0,1,10,8.86l1.79-1.2L10.69,6,8.9,7.2A11,11,0,0,0,4,16.35V23a2,2,0,0,0,2,2h6a2,2,0,0,0,2-2V17A2,2,0,0,0,12,15Z"/><path d="M26,15H20.11A9,9,0,0,1,24,8.86l1.79-1.2L24.7,6,22.9,7.2A11,11,0,0,0,18,16.35V23a2,2,0,0,0,2,2h6a2,2,0,0,0,2-2V17A2,2,0,0,0,26,15Z"/></svg></div>
    <p class="hq-quote__text">عنوان باید نتیجه را بگوید، نه موضوع را.</p>
  </blockquote>
  <figcaption class="hq-quote__by">
    <span class="hq-quote__name">اصول برند هارمونیک</span>
    <span class="hq-quote__role">برندبوک</span>
  </figcaption>
</figure>

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

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

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

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

گونه‌ها

Section titled “گونه‌ها”
گونه کلاس کاربرد
روشن hq-quote روی زمینهٔ سفید یا خاکستری
تیره hq-quote hq-quote--dark روی زمینهٔ گرادیان تیره، مثل اسلاید نقل‌قول

عنوان باید نتیجه را بگوید، نه موضوع را.

اصول برند هارمونیک برندبوک 
<figure class="hq-quote hq-quote--dark">
  <blockquote style="margin:0">
    <div class="hq-quote__mark" aria-hidden="true"><svg class="hq-icon" viewBox="0 0 32 32" aria-hidden="true" focusable="false"><path d="M12,15H6.11A9,9,0,0,1,10,8.86l1.79-1.2L10.69,6,8.9,7.2A11,11,0,0,0,4,16.35V23a2,2,0,0,0,2,2h6a2,2,0,0,0,2-2V17A2,2,0,0,0,12,15Z"/><path d="M26,15H20.11A9,9,0,0,1,24,8.86l1.79-1.2L24.7,6,22.9,7.2A11,11,0,0,0,18,16.35V23a2,2,0,0,0,2,2h6a2,2,0,0,0,2-2V17A2,2,0,0,0,26,15Z"/></svg></div>
    <p class="hq-quote__text">عنوان باید نتیجه را بگوید، نه موضوع را.</p>
  </blockquote>
  <figcaption class="hq-quote__by">
    <span class="hq-quote__name">اصول برند هارمونیک</span>
    <span class="hq-quote__role">برندبوک</span>
  </figcaption>
</figure>

عنوان باید نتیجه را بگوید، نه موضوع را.

اصول برند هارمونیک برندبوک
انجام بدهجملهٔ کوتاه، با نام و سمت گوینده.

عنوان باید نتیجه را بگوید، نه موضوع را.

انجام ندهنقل‌قول بی‌نام؛ اعتبار ندارد.