معماری ماژولار
هستهی مشترک برای فونت، اجزا و رفتار؛ هر دمو فقط توکنها و محتوای خودش را دارد. افزودن دمو یعنی کپی یک پوشه.
یک هسته، پانزده حرفه،
پانزده پورتفولیوی متفاوت.
باورسا یک قالب چندمنظورهی راستبهچپ است که پانزده دموی کاملاً مستقل را روی یک هستهی مشترک میسازد. هر دمو پالت، تایپوگرافی، چیدمان و عکسهای خودش را دارد؛ تغییر یکی هیچ اثری روی بقیه ندارد.
تمام عکسها واقعی و با لایسنس تجاری Unsplash بدون تصویر تولیدشده با هوش مصنوعی.
چیزهایی که پشت این پانزده دمو گذاشته شده
معماریای که اضافهکردن دموی شانزدهم را به کپی یک پوشه تبدیل میکند.
پانزده پالت مجزا
هر حرفه رنگ، تایپوگرافی و چیدمان اختصاصی دارد نه صرفاً تعویض یک رنگ روی یک قالب.
تاریک و روشن
سوییچ تم با ذخیرهسازی در localStorage و اسکریپت ضدپرش، بدون پرش رنگ هنگام بارگذاری.
ریسپانسیو واقعی
از ۳۲۰ تا ۲۵۶۰ پیکسل آزمایش شده؛ بدون اسکرول افقی، بدون shrink-to-fit، با منوی کشویی و تلهی فوکوس.
راستبهچپ اصولی
فقط ویژگیهای منطقی CSS؛ هیچ left/right فیزیکی در استایلها نیست. فونتهای دانا و رخ بهصورت محلی.
بدون وابستگی
جاوااسکریپت خالص و ماژولار مبتنی بر data-attribute؛ بدون jQuery، بدون بیلد اجباری.
پانزده دمو برای پانزده حرفه
روی هر تصویر بزنید تا پیشنمایش کامل دسکتاپ، موبایل و حالت مقابل باز شود.
چه چیزی تحویل میگیرید
ساختار پوشهها و قرارداد توکنها؛ همان چیزی که شخصیسازی را کوتاه میکند.
-
core/هستهی مشترک بدون کد اختصاصی هیچ دمویی -
assets/fonts/دانا · رخ · Plus Jakarta (متغیر) -
assets/icons/sprite.svgاسپرایت آیکون منبع حقیقت -
css/reset.cssریست پایه و راستبهچپ -
css/core.cssقرارداد توکنها، چیدمان، تایپوگرافی -
css/components.cssدکمه · کارت · فرم · اسلایدر · آکاردئون -
js/core.jsرفتار مشترک مبتنی بر data-attribute -
demos/01-web-developer/یکی از ده پوشهی همساختار -
index.htmlمحتوای همین دمو -
css/theme.cssفقط توکنها و استایل همین دمو -
js/demo.jsرفتار اختصاصی (اختیاری) -
img/عکسهای واقعی و لوگوهای همین دمو -
showcase/demo.htmlهمین صفحهی پیشنمایش -
docs/راهنمای سبک و اعتبار تصاویر
:root {
--rp-primary: #3ddc84;
--rp-primary-strong: #2bc46f;
--rp-accent: #22d3ee;
--rp-bg: #070a12;
--rp-surface: #10141f;
--rp-text: #f4f7fb;
--rp-muted: #8b95a8;
--rp-border: #1e2534;
--rp-radius: 16px;
--rp-container: 1200px;
}
پورتفولیوی حرفهایتان، همین امروز.
پس از خرید، کل پکیج در اختیار شماست: هستهی مشترک، پانزده دمو، ۱۸۰ عکس واقعی، مستندات فارسی و راهنمای گامبهگام افزودن دموی جدید.
دریافت پکیج- استفاده در یک پروژه (تکدامنه) با لایسنس استاندارد
- ویرایش و شخصیسازی نامحدود کد و محتوا
- حذف کامل حق امتیاز از فوتر، بدون محدودیت
- همهی عکسها با لایسنس Unsplash تجاری و بدون نیاز به ذکر نام
- فایلهای سازمانیافته با کامنت انگلیسی و مستندات فارسی
- فروش مجدد بهصورت قالب آماده، بدون مجوز Extended
