قالب چندمنظوره هیلیوا
نسخه ۱.۰

قالب چندمنظوره پزشکی، دندانپزشکی و کلینیک‌های درمانی هیلیوا (Healiva UI Kit & Clinical Websites)

این مجموعه یک قالب چندمنظوره پزشکی، دندانپزشکی و کلینیک‌های درمانی است که به صورت کاملاً ماژولار،به زبان فارسی و کاملاً راست‌چین (RTL) بر پایه Tailwind CSS و افکت‌های اختصاصی و رعایت استانداردهای سئو، W3C و دسترس‌پذیری (Accessibility & WCAG AA) پیاده‌سازی شده است. ساختار قالب به گونه‌ای طراحی شده که هم قابل استفاده به عنوان یک وب‌سایت آماده و همچنین قابل استفاده به عنوان یک کیت طراحی (UI Kit) برای توسعه سریع پروژه‌های درمانی است.

+۴۰
صفحه وب آماده و کامل
۸ دمو
صفحه اصلی فوق‌تخصصی
+۲۰۰
کامپوننت کدگذاری شده
۱۰۰٪
افکت خالص بدون وابستگی
پیش‌نمایش بصری بندانگشتی دموهای صفحه اصلی همراه با انیمیشن‌های شناور و لایت‌باکس
demo-1.html دندانپزشکی مدرن
دمو ۱ دندانپزشکی
دموی شماره ۱: کلینیک دندانپزشکی
طرح عمومی و چندمنظوره مشاهده
demo-2.html ایمپلنت و جراحی
دمو ۲ ایمپلنت
دموی شماره ۲: مرکز تخصصی ایمپلنت
جراحی فک، کاشت فوری و ۳بعدی مشاهده
demo-7.html زیبایی و لمینت
دمو ۷ دندانپزشکی زیبایی
دموی شماره ۷: کلینیک زیبایی و هالیوودی
اصلاح طرح لبخند و کامپوزیت مشاهده
demo-8.html قلب و عروق
دمو ۸ قلب و عروق
دموی شماره ۸: مرکز تخصصی قلب و عروق
آنژیوپلاستی، اکو ۳بعدی و کات‌لب مشاهده
استانداردها و تکنولوژی‌های به‌کار رفته

تکنولوژی‌های مدرن، کدنویسی تمیز و منطبق بر آخرین استانداردهای وب جهانی

این قالب با رعایت بالاترین استانداردهای W3C، دسترس‌پذیری بین‌المللی WCAG 2.1 AA، سئو فرندلی و ساختار ماژولار Tailwind CSS به صورت صفر تا صد توسعه یافته است.

کدنویسی معتبر W3C

ساختار معتبر HTML5 بدون هیچ‌گونه خطای سینتکسی یا تگ‌های منسوخ، تگ‌های سمانتیک کامل (header, nav, main, section, article, aside, footer).

تایید شده بر اساس W3C Validator

Tailwind CSS ماژولار

سیستم یوتیلیتی قدرتمند با پالت‌های رنگی تعمیم‌پذیر در فایل tailwind.config.js؛ تغییر آسان رنگ کلینیک و برند تنها با تغییر مقادیر hex.

شخصی‌سازی نامحدود رنگ‌ها

FontAwesome 6.5.1

یکپارچگی بیش از ۲۰۰۰ آیکون پزشکی، درمانی، اورژانس و دندانپزشکی در دسته‌بندی‌های سالید، رگولار و برندها با بارگذاری سریع و بهینه.

نسخه پایدار و غنی آیکون‌ها

دسترس‌پذیری (WCAG 2.1 AA)

برچسب‌های کامل aria-label و aria-hidden، اندازه لمسی حداقل ۴۴×۴۴ پیکسل و کنتراست بالای رنگ متون برای افراد کم‌بینا.

تطابق کامل با استاندارد وب برای همه

بهینه‌سازی سئو (SEO Friendly)

تگ‌های عنوان یکتا برای هر صفحه، متاتگ‌های توصیفی OpenGraph و توییتر، سلسله‌مراتب منطقی تیترها (h1 تا h6) و ساختار مناسب برای موتورهای جستجو.

رتبه عالی در Google Lighthouse

موتور افکت اختصاصی CSS

بیش از ۱۰۰ کلاس کاربردی در ۶ دسته‌بندی برای افکت‌های هاور، انیمیشن‌های اسکرول، گرادیان‌های زنده و پارالاکس بدون نیاز به هیچ کتابخانه جاوااسکریپت سنگین.

۱۰۰٪ سبک، روان و مستقل از JS

فونت‌های بهینه‌شده فارسی

پشتیبانی از محبوب‌ترین تایپوگرافی‌های فارسی شامل وزیرمتن (Vazirmatn)، شبنم (Shabnam)، ساحل (Sahel)، صمیم (Samim) و لاله‌زار (Lalezar) با لودینگ سریع.

فونت‌های استاندارد وب فارسی

طراحی و کدگذاری با هوش مصنوعی

تمام کامپوننت‌ها و سکشن‌ها دارای شناسه‌های استاندارد Code_Card_No_X هستند تا ایجنت‌های هوش مصنوعی بتوانند صفحات جدید را در چند ثانیه مونتاژ کنند.

سازگار با ChatGPT, Claude & Gemini
آمار و ارقام جامع محصول

وسعت، تنوع و استانداردهای طراحی در یک نگاه

بزرگ‌ترین و کامل‌ترین بسته طراحی فرانت‌اند حوزه سلامت و پزشکی با بیش از ۴۰ صفحه، ۲۰۰ کامپوننت و ۱۰۰ سکشن آماده.

+۴۰

صفحه وب کاربردی کامل

شامل ۸ دموی صفحه اصلی، ۱۰ صفحه خدمات تخصصی، ۴ صفحه درباره ما، ۷ لایه وبلاگ، رزرو نوبت و صفحات تعاملی

+۲۰۰

کامپوننت کدگذاری شده

۱۳ دسته‌بندی مجزا با کدگذاری اختصاصی، مناسب برای کپی‌پیست و پرامپت‌نویسی سریع با هوش مصنوعی

+۱۰۰

سکشن سفارشی آماده

۱۵ دسته‌بندی مستقل مونتاژ شده از قطعات کامپوننت‌ها برای ساخت سریع هر لندینگ پیج تخصصی

+۱۰۰

افکت خالص CSS

۶ گروه افکت‌های هاور، اسکرول، پس‌زمینه‌های شناور، زوم و متن بدون نیاز به هیچ کتابخانه جانبی

کتابخانه جامع کامپوننت‌ها (۱۳ دسته‌بندی و بیش از ۲۰۰ کامپوننت)

تعداد ۱۳ دسته‌بندی مجزا برای انواع قطعات رابط کاربری کاملاً کدگذاری شده

کارت‌ها (Cards) بیش از ۳۴ مدل

بیش از ۳۴ مدل کارت متنوع شامل کارت پزشک، کارت خدمت، قیمت، ویژگی‌ها، نظرات بیماران و چارت‌های آماری.

عناوین و تیترها (Titles) ۸ تیتر + ۱۶ کلاله

۸ مدل تیتر اصلی به همراه ۱۶ خط و کلاله تزئینی (Flourishes) و تزئینات گرافیکی اختصاصی برای عناوین پزشکی.

جداکننده‌های بخش (Dividers) ده‌ها مدل SVG

ده‌ها مدل جداکننده منحنی، موجی، زیگزاگ، شیب‌دار و گرادیانی (Shape Dividers) با قابلیت کپی مستقیم کد SVG.

دکمه‌ها و اکشن‌ها (Buttons) طرح‌های چندگانه

دکمه‌های شیشه‌ای (Glassmorphism)، درخشان (Glow)، نئومورفیک، آیکون‌دار و دکمه‌های تماس شناور برای موبایل.

فیلدها و ورودی‌ها (Inputs) ورودی‌های مدرن

انواع اینپوت‌های مدرن، انتخابگرها، فیلدهای اعتبارسنجی شده، دراپ‌داون‌های سفارشی و باکس‌های آپلود فایل رادیولوژی.

فرم‌های کامل (Forms) چند مرحله‌ای

فرم‌های چندمرحله‌ای رزرو آنلاین، فرم مشاوره فوری، فرم تماس کامل با نقشه و فرم‌های نظرسنجی مراجعین.

المان‌های تک‌مقاله (Articles) بلوک‌های محتوایی

نقل‌قول‌ها (Blockquotes)، باکس‌های هشدار و راهنمایی بیمار، جداول داده پزشکی و لایت‌باکس‌های تصاویر قبل و بعد.

هیرو سکشن‌ها (Heroes) ۹ مدل هیرو

۹ مدل هیرو برای سربرگ با چیدمان‌های گوناگون شامل هیروی فرم رزرو سریع، ویدیو در هیرو و اسلایدرهای تصویری.

نوبارها و منوها (Navbars) ۸ مدل نوبار

۸ مدل منوی ناوبری مدرن شامل مگامنوهای تخصصی خدمات، منوی شناور فلوتینگ و نوبارهای استیکی واکنش‌گرا.

فوترها (Footers) طرح‌های چندستونه

طرح‌های چندستونه همراه با نقشه کلینیک، ساعات کاری، لیست شعبات و لینک‌های دسترسی سریع به مجوزها.

بنرها و اطلاعیه‌ها (Banners) ۵ مدل بنر

۵ مدل بنر تبلیغاتی، تخفیف‌های فصلی درمان، هشدارهای مهم درمانی و نوارهای اعلان فوری اورژانس.

لیست‌ها و تایم‌لاین‌ها (Lists) گام‌به‌گام

لیست‌های چک‌مارک‌دار امکانات، مراحل گام‌به‌گام درمان (نقشه راه بیمار) و تایم‌لاین‌های افقی و عمودی روند بهبودی.

مودال‌ها و پاپ‌آپ‌ها (Modals) پاپ‌آپ‌های کاربردی

پنجره‌های پاپ‌آپ رزرو سریع نوبت، پیام موفقیت ثبت درخواست، باکس‌های تخفیف و دیالوگ‌های راهنمای نوبت‌دهی.

کتابخانه سکشن‌های سفارشی آماده (۱۵ دسته‌بندی و بیش از ۱۰۰ سکشن)

۱۵ دسته‌بندی مستقل برای مونتاژ سریع صفحات و لندینگ‌های تخصصی با هوش مصنوعی

۱. سکشن‌های درباره ما
۲. پزشکان و تیم درمان
۳. خدمات درمانی
۴. خدمات خارج از شبکه/ویژه
۵. چرا ما / مزایای کلینیک
۶. نقشه راه درمان
۷. تجهیزات و فناوری‌ها
۸. نظرات و رضایت بیماران
۹. پکیج‌ها و تعرفه‌ها
۱۰. گالری و محیط کلینیک
۱۱. فرم‌های رزرو نوبت
۱۲. بنرهای دعوت به اقدام (CTA)
۱۳. سوالات متداول (FAQ)
۱۴. پست‌های بلاگ در خانه
۱۵. راه‌های ارتباطی و تماس
کانسپت‌های آماده صفحه اصلی

۸ دموی تخصصی با هویت بصری مستقل برای انواع کلینیک‌ها

هر دمو بر اساس نیازهای واقعی مراکز مختلف درمانی، جراحی و تخصصی طراحی شده و دارای ساختار هیرو، کارت‌ها و پالت رنگی منحصر‌به‌فرد است.

دمو ۱ دندانپزشکی
دمو ۱
مرکز دندانپزشکی

دمو ۱: مقایسه دوتکه سلامت

دمو ۲ ویترین سه‌بعدی
دمو ۲
ایمپلنت و ارتودنسی

دمو ۲: ویترین ۳بعدی و دسته‌بندی

دمو ۳ سه‌ستونه
دمو ۳
انتخابگر و استیج

دمو ۳: سه‌ستونه و انتخابگر

دمو ۴ ارگانیک
دمو ۴
پرتال ارگانیک

دمو ۴: پرتال جامع ارگانیک

دمو ۵ چشم‌پزشکی
دمو ۵
چشم‌پزشکی دارک

دمو ۵: کلینیک فوق‌تخصصی چشم

دمو ۶ اطفال
دمو ۶
کودکان و نوجوانان

دمو ۶: دندانپزشکی اطفال

دمو ۷ مشاوره و روانشناسی
دمو ۷
مشاوره و روانشناسی

دمو ۷: مشاوره و سلامت ذهن

دمو ۸ قلب و عروق
دمو ۸
تخصصی قلب و عروق

دمو ۸: فوق‌تخصصی قلب و عروق

ساختار صفحات داخلی و کاربردی

بیش از ۳۲ صفحه داخلی با دیزاین کامل، آماده استفاده و اتصال به بک‌اند

تمامی فرم‌ها، گالری‌ها، وبلاگ‌ها و جداول قیمت‌گذاری دارای سناریوهای استاندارد کاربری هستند. با کلیک روی هر صفحه پیش‌نمایش تصویر با کیفیت کامل آن در مدال باز می‌شود:

خدمات و تجهیزات تخصصی
تجهیزات و خدمات
صفحه خدمات و فناوری‌ها چیدمان معرفی تجهیزات پیشرفته
تیم پزشکان
کادر درمانی
تیم پزشکان و متخصصان پروفایل، سوابق و ساعات حضور
درباره ما
درباره کلینیک
درباره ما و تاریخچه مرکز معرفی دستاوردها و افتخارات
وبلاگ سطری
وبلاگ سطری
وبلاگ چیدمان سطری سایدبار جستجو و فیلتر مقالات
وبلاگ کاشی
وبلاگ کاشی‌کاری
وبلاگ شبکه‌ای کاشی کارت‌های تعاملی با تصویر شاخص
پروفایل پزشکان
پروفایل درمانگر
پروفایل اختصاصی پزشک رزومه، مقالات و فرم رزرو
تکنولوژی‌ها
راهنمای درمان
راهنما و فناوری درمان مراحل درمان و جزئیات بالینی
محیط کلینیک
محیط کلینیک
فضای کلینیک و امکانات گالری محیط، اتاق عمل و پذیرش
ابزارهای ساخت و سازنده‌های دکوراتیو

سازنده جداکننده‌های SVG، خطوط دکوراتیو و پس‌زمینه‌های اختصاصی

ابزارهای تعاملی برای خلق و سفارشی‌سازی المان‌های بصری صفحات با قابلیت کپی آنی کد و پیش‌نمایش زنده در ابعاد بزرگ.

سازنده جداکننده‌های بخش
سازنده جداکننده‌های بخش (Divider Maker)
<svg class="fill-current w-full" preserveAspectRatio="none"> جداکننده‌های منحنی، موجی، زیگزاگ، شیب‌دار و گرادیانی

سازنده جداکننده‌های بخش (Divider Maker)

ابزار تولید و شخصی‌سازی ده‌ها مدل شیپ دیوایدر SVG با کد خالص

این ابزار شامل ده‌ها مدل جداکننده منحنی، موج‌های چندلایه، زیگزاگ، برش شیب‌دار، ابرها و فرم‌های ارگانیک SVG به صورت کاملاً بهینه‌شده و واکنش‌گرا است. با استفاده از این سازنده می‌توانید ارتفاع، رنگ، جهت افقی (RTL/LTR) و عمودی جداکننده‌ها را به‌صورت زنده تست کرده و کد آماده HTML/SVG آن را مستقیماً در پروژه‌های خود کپی کنید.

کپی فوری کد SVG
سازگار با Tailwind CSS
کاملاً ریسپانسیو و وکتور
پیش‌نمایش با پالت‌های متنوع
سازنده خطوط دکوراتیو
سازنده خطوط و کلاله‌های دکوراتیو (Line Maker)
Flourishes, Pulse Lines & Medical Icons تزئینات گرافیکی، نبض‌های دکوراتیو و کلاله‌های زیر تیترها

سازنده خطوط و کلاله‌های دکوراتیو (Line Maker)

مجموعه ۱۶ مدل خط و کلاله تزئینی با آیکون‌های پزشکی و پالت‌های گرادیانی

۱۶ مدل خط و کلاله تزئینی شامل پالس نوار قلب، نماد دندانپزشکی، اسلیمی‌های مدرن، خطوط گرادیانی متقارن و خطوط دوتکه طراحی شده‌اند تا به عناوین، سربرگ‌ها و سکشن‌های مهم وب‌سایت شما هویتی متمایز و چشم‌نواز ببخشند. هر کلاله با کلاس‌های Tailwind CSS پیاده‌سازی شده و تغییر رنگ یا اندازه آن با یک کلاس انجام می‌پذیرد.

۱۶ پترن خطی و نبض قلب
سازگار با فونت‌آیکون و SVG
گرادیان‌های هماهنگ با تم
کپی یک‌کلیکه کد HTML
سازنده پس‌زمینه‌های دکوراتیو
سازنده پس‌زمینه‌های دکوراتیو (Background Maker)
radial-gradient & SVG dot matrices پترن‌های تکرارشونده وکتور، نقاط ماتریسی و مش‌گرادیان‌ها

سازنده پس‌زمینه‌های دکوراتیو (Decorative Background Maker)

پترن‌های تزئینی وکتور و مش‌گرادیان‌های لوکس برای خلق عمق بصری

مجموعه کاملی از پترن‌های ماتریس نقاط، خطوط شبکه مهندسی، الگوهای وکتور پزشکی و کدهای CSS خالص برای مش‌گرادیان‌های تیره و روشن. این پس‌زمینه‌ها به هیرو سکشن‌ها، کارت‌ها و بنرهای سایت عمق سه‌بعدی و جلوه‌ای مدرن می‌بخشند و به دلیل وزن اندک، هیچ افت سرعتی در لودینگ وب‌سایت ایجاد نمی‌کنند.

پترن‌های سبک SVG
کدهای CSS خالص مش‌گرادیان
تم‌های دارک و لایت
آماده استفاده برای هیرو و بنرها
پکیج کامل فایل‌های سورس + آپدیت‌های مادام‌العمر رایگان

آماده راه‌اندازی شیک‌ترین وب‌سایت درمانی هستید؟

با خرید این بسته جامع، سورس کامل HTML5/Tailwind تمامی ۴۰+ صفحه، ۸ دموی صفحه اصلی، کتابخانه‌های ۲۰۰+ کامپوننت و فونت‌های استاندارد فارسی در اختیار شما قرار می‌گیرد.