تازه‌ها

هر تغییری که روی توکن‌ها، کامپوننت‌ها یا قواعد اثر بگذارد، این‌جا ثبت می‌شود. تازه‌ترین تغییر بالاتر است.

مستندات — ۸ آبان ۱۴۰۵

• صفحهٔ تازهٔ استفاده در وب‌سایت: قاعده‌ها و روال پیروی سایت‌های هارمونیک از زبان طراحی، وصل کردن فایل‌ها، رنگ‌ها و اندازه‌های نام‌دار برای ویرایشگرها، theme.json برای بلوک‌های گوتنبرگ، نکته‌های صفحه‌سازها و قالب کدنویسی‌شده، و متن شروع کار با Claude. همهٔ مقدارها هنگام ساخت از توکن‌ها خوانده می‌شوند.
• بلوک‌های کد در همهٔ صفحه‌ها چپ‌به‌راست نمایش داده می‌شوند و دیگر از انتهای خط باز نمی‌شوند؛ بلوک‌های متن فارسی راست‌به‌چپ می‌مانند.

نسخهٔ ۰٫۹٫۰ — آبان ۱۴۰۵

• کامپوننت‌های فرم (پیش‌نویس): کلید، جست‌وجو، انتخاب تاریخ شمسی با تقویم و صفحه‌کلید، و بارگذاری فایل با کشیدن و رها کردن. رفتارها در components.js، همراه window.HQJalali برای تبدیل تاریخ و بررسی فرم با data-hq-validate.
• بخش الگوها (پیش‌نویس): صفحهٔ معرفی خدمت، فرم با خلاصهٔ خطا و پیام موفقیت، مقاله، داشبورد و حالت‌های خالی، خطا و بارگذاری؛ کلاس‌های hq-hero، hq-section، hq-cards، hq-empty، hq-skeleton، hq-article و hq-form.
• تصویر و گرافیک به بازبینی رسید: عکاسی، متن روی عکس (hq-cover)، قاب‌ها (hq-frame)، رضایت و متن جایگزین، موج روشن Cyan 20 و نسخه‌های PNG موج از برندبوک، و گالری زمینه‌ها.
• توکن‌های تازه: opacity-overlay (۰٫۷۵، لایهٔ brand-deep زیر متن روی عکس) و opacity-supergraphic (۰٫۵، گرافیک Q).
• نمودارهای مفهومی: ماتریس ۲×۲، درخت مساله، فرایند، خط زمانی و نمودار هسته‌ای، هم‌خوان با قالب‌های P01، P02، P04 و P07.
• ایمیل (پیش‌نویس): امضای کارکنان (HTML و متنی) با جملهٔ وعده، ایمیل اطلاع‌رسانی و خبرنامه؛ رنگ‌ها و اندازه‌ها هنگام ساخت از توکن‌ها خوانده می‌شوند.

نسخهٔ ۰٫۸٫۰ — آبان ۱۴۰۵

• بخش حرکت کامل شد و از پیش‌نویس به بازبینی رسید: اصول، دو حالت کاربردی و بیانی، جهت در راست‌به‌چپ، کاهش حرکت، حرکت در اسلاید و ویدیو و نمونهٔ کد.
• توکن‌های تازه: motion-duration-* (۷۰ تا ۷۰۰ میلی‌ثانیه، بر پایهٔ IBM Carbon)، motion-duration-beat (یک ضرب در ۱۰۵ ضرب در دقیقه) و motion-easing-* (standard، entrance، exit، expressive، smooth، overshoot).
• حرکت لوگو «نقطه، خط، Q»: نقطه خط دور Q می‌شود، خط Q را پر می‌کند و نام از پشت Q آشکار می‌شود؛ ۶ ضرب، ۳٫۴ ثانیه.
• حرکت موج: ورود رشته‌به‌رشته و حلقهٔ بی‌درز ۱۲ ثانیه‌ای.
• صدای برند: امضای صوتی ارکستر کوچک روی همان ضرب‌ها (نسخهٔ اولیه؛ نسخهٔ نهایی را آهنگ‌ساز می‌سازد).
• فایل‌های ویدیویی (MP4، زمینهٔ تیره و روشن) و صدا (WAV) در صفحهٔ حرکت؛ فرمان npm run motion آن‌ها را از همان موتور نمونه‌های سایت می‌سازد.

نسخهٔ ۰٫۷٫۳ — آبان ۱۴۰۵

• صفحهٔ تازهٔ «منابع › فونت‌ها»: دانلود راوی (فارسی، هشت وزن، TTF و WOFF2، هر وزن جدا هم) و IBM Plex Sans، Serif و Mono (انگلیسی، همهٔ وزن‌ها با ایتالیک، TTF)، هر کدام در zip خودش و هر دو در یک zip، با راهنمای نصب و نمونهٔ fonts.css برای وب.

نسخهٔ ۰٫۷٫۲ — آبان ۱۴۰۵

• فونت راوی: هارمونیک مجوز بدون قید و شرط استفاده از راوی را دارد. هر هشت وزن (TTF و WOFF2) همراه IBM Plex در فایل zip صفحهٔ دانلودها منتشر شد، و skill «harmoniq-slides» حالا خود راوی را دارد و دیگر به Vazirmatn نیاز ندارد.

نسخهٔ ۰٫۷٫۱ — آبان ۱۴۰۵

• skill «harmoniq-slides» برای Claude: هر اکانتی، حتی بیرون از سازمان، با نصب آن اسلاید را از روی همان ۶۵ قالب و قواعد زبان طراحی می‌سازد. راهنمای نصب در صفحهٔ تازهٔ «منابع › استفاده در Claude».
• فایل‌های مخصوص دستیارهای هوش مصنوعی در /dist/ai/: راهنمای کامل اسلاید در یک فایل Markdown، HTML هر قالب و version.json؛ همه با هر build از توکن‌ها و صفحه‌های سایت ساخته می‌شوند (npm run ai).
• زمینه‌ها و آیکن‌های قالب‌های اسلاید برندبوک به brand-assets/graphics/slides/ اضافه شدند.

نسخهٔ ۰٫۷٫۰ — آبان ۱۴۰۵

• بخش تازهٔ «نمودارها» از فصل نمودار برندبوک: اصول (یک پرسش، آناتومی، انتخاب نمودار، رنگ، نوشتار و عدد، محور، برجسته‌سازی، نمودارهای ممنوع، جدول‌ها و چک‌لیست) و ۲۷ نوع نمودار در پنج صفحه، هر کدام با نمونهٔ زنده، کاربرد، قواعد ساخت، اشتباه رایج و جایگزین. نمودارها با ECharts 6.0.0 و رنگ توکن‌ها کشیده می‌شوند و با حالت تیره عوض می‌شوند. صفحهٔ «مصورسازی داده» در این بخش ادغام شد و نشانی قبلی به آن منتقل می‌شود.
• توکن: chart-2 از Yellow 60 به Yellow 50، طبق ترتیب دسته‌ای فصل نمودار (Cyan 50، Yellow 50، Blue 60، Teal 50، Purple 60). سقف بخش‌های نمودار دایره‌ای و دونات از پنج به چهار رسید.
• کامپوننت تازهٔ فهرست (hq-list): نقطه‌ای، خط‌تیره‌ای، شماره‌دار، مرحله‌ای، آیکن‌دار، تیک‌دار، توضیحی و خطی.
• «راهنمای هارمونیکی نوشتن» جای صفحهٔ قواعد نگارش را گرفت: ساختار متن، تیتر هر کانال، جمله، واژه‌های جایگزین، املا، نیم‌فاصله، نشانه‌گذاری، عدد و تاریخ، لحن هر کانال و چک‌لیست پیش از انتشار.
• صفحهٔ اسلاید: گالری قالب‌ها به صورت اسلایدشو با فیلتر دسته‌ها؛ فهرست قالب‌ها و گالری از یک منبع (slides.ts) ساخته می‌شوند.
• صفحهٔ لوگو: همهٔ حالت‌های لوگو و نماد روی زمینهٔ درستشان، آیکن برنامه و favicon در اندازهٔ واقعی، حریم، اندازهٔ کمینه و نمونه‌های نادرست.
• آیکن‌های جهت‌دار: فهرست قرینه‌شونده و ثابت تایید شد.

نسخهٔ ۰٫۶٫۱ — آبان ۱۴۰۵

• قالب اسلاید در Claude Slides: عرشهٔ «قالب اسلاید هارمونیک» با همهٔ ۶۵ قالب کتابخانهٔ برندبوک (D، L، M، G، Q، N، C، H، P) و دو اسلاید راهنما، ساخته‌شده روی طراحی‌سیستم HarmoniQ. صفحهٔ «قالب‌ها › اسلاید» حالا فهرست کامل قالب‌ها و جدول «کدام قالب برای چه محتوایی» را دارد.
• طراحی‌سیستم HarmoniQ در Claude با توکن‌های همین مخزن هم‌گام شد: ۱۲ توکن رنگ تازه، grid-doc-*، grid-web-* و canvas-*؛ مقدارهای قبلی تغییری نکردند. فرمان npm run design-system -- --base <tokens.json> همین ادغام را تکرار می‌کند.
• موج برندبوک (brand-assets/graphics/wave.svg، نسخهٔ Cyan 80) به دارایی‌ها و صفحهٔ دانلودها اضافه شد و در صفحهٔ تصویر و گرافیک نمونهٔ زنده دارد.
• شمارهٔ فهرست‌های شماره‌دار در متن سایت با رقم فارسی نمایش داده می‌شود.

نسخهٔ ۰٫۶٫۰ — آبان ۱۴۰۵

• فرمان npm run design-system: بستهٔ آمادهٔ Claude Design (توکن‌ها با همان قالب پروژهٔ برندبوک، CSS و فونت‌ها، لوگوها و پیش‌نمایش سند A4) در پوشهٔ export/ و فایل zip. چون فونت راوی مجوزدار است، این بسته هرگز در public/dist منتشر نمی‌شود.

• بخش تازهٔ «قالب‌ها» با سه صفحه: اسلاید (جمع‌بندی قواعد موجود)، سند A4 و شبکه‌های اجتماعی.

• سند A4: کلاس‌های hq-doc* در components.css برای سربرگ، ردیف عنوان و مشخصات، بندهای شماره‌دار، فهرست، امضا و پابرگ؛ قالب از نمونهٔ قرارداد استخراج شد و هر جا با زبان طراحی فرق داشت، زبان طراحی برنده شد. قالب سند و مقدار حاشیه‌ها تایید شد؛ صفحهٔ شبکه‌های اجتماعی پیش‌نویس می‌ماند.

• توکن‌های تازه: grid-doc-* (اندازهٔ A4 و حاشیه‌های پیشنهادی) و canvas-* (بوم اینستاگرام و لینکدین، مشخصات پلتفرم).

نسخهٔ ۰٫۵٫۰ — آبان ۱۴۰۵

• کامپوننت‌های موج دوم: جدول (با توپ هاروی، ردیف جمع و ستون برجسته)، زبانه، منو و ناوبری، مودال، مسیر صفحه و صفحه‌بندی. جدول طبق قواعد برندبوک است؛ بقیه پیش‌نویس‌اند چون برندبوک دربارهٔ آن‌ها هنوز قاعده‌ای ندارد.
• صفحهٔ مستندات برای کارت، نشان شماره، آمار، نقل‌قول و نشان باید و نباید.
• components.js تازه: رفتار اختیاری و بدون وابستگی برای زبانه، منوی بازشو و مودال.
• کلاس hq-icon--mirror و فهرست پیشنهادی آیکن‌های جهت‌دار در چیدمان راست‌به‌چپ.
• صفحهٔ دانلودها: فهرست خودکار لوگو، نماد و آیکن برنامه از پوشهٔ brand-assets/ با SVG، PDF و PNG؛ فایل‌ها همان خروجی برندبوک‌اند.
• نسخه‌های ثابت: توکن‌ها و کامپوننت‌ها در /dist/<نسخه>/ منتشر می‌شوند و عوض نمی‌شوند؛ فرمان npm run release آن‌ها را ثابت می‌کند. نسخهٔ ۰٫۵٫۰ اولین نسخهٔ ثابت است.
• نشان نقل‌قول از آیکن quotes کتابخانهٔ آیکن گرفته می‌شود، نه نویسهٔ متنی.
• تغییر کوچک در CSS موجود: رنگ‌های خام سفید در نقل‌قول و نشان باید و نباید با توکن‌های text-on-inverse و white عوض شد.

نسخهٔ ۰٫۴٫۰ — آبان ۱۴۰۵

• کتابخانهٔ آیکن: همهٔ آیکن‌های IBM Carbon (نسخهٔ 11.91.0) با جست‌وجو، دسته‌بندی و دانلود SVG به رنگ‌های آبی تاکید، فیروزه‌ای برند و مشکی. رنگ، اندازه و دسته در ستونی کناری که هنگام مرور ثابت می‌ماند.
• صفحهٔ آیکن‌ها: قواعد رنگ، اندازه و استفاده در کد.
• توکن تازه: black (سیاه خالص، فقط برای چاپ تک‌رنگ).

نسخهٔ ۰٫۳٫۰ — آبان ۱۴۰۵

• کامپوننت‌های موج اول: لینک، فیلد متنی (متن کوتاه، متن بلند، فهرست انتخابی)، چک‌باکس و رادیو، برچسب انتخاب‌شدنی و حذف‌شدنی، اعلان.
• لینک‌ها زیرخط ندارند؛ به جای آن SemiBold هستند. این قاعده برای لینک‌های متن سایت هم اعمال شد.
• توکن‌های تازه: border-control، field، info-subtle و warning-subtle.
• آیکن‌های نمونه‌ها از مجموعهٔ IBM Carbon.

نسخهٔ ۰٫۲٫۰ — آبان ۱۴۰۵

• گرید وب: ۴، ۸ و ۱۲ ستون با نقطه‌های شکست IBM Carbon، و ظرف صفحه با بیشینهٔ پهنای Carbon.
• کامپوننت دکمه با چهار گونه و سه اندازه، با گوشهٔ radius-sm.
• توکن‌های تازه: accent-hover، accent-active، disabled، on-disabled، negative-hover، on-negative، size-control-* و grid-web-*.

نسخهٔ ۰٫۱٫۰ — آبان ۱۴۰۵

• راه‌اندازی سایت زبان طراحی.
• انتقال توکن‌های رنگ، نویسه‌نگاری، فاصله‌گذاری، گوشه و گرید اسلاید از برندبوک.
• صفحه‌های فلسفه و اصول، رنگ، نویسه‌نگاری، فاصله‌گذاری، لوگو، لحن، نگارش و معماری برند.
• اولین صفحهٔ کامپوننت: فراخوان (Callout).