قالب استودیوی معماری فاصله

<h1>قالب استودیوی معماری فاصله</h1> <p>سایت معرفی استودیوی طراحی معماری و داخلی با زبان فارسی و رویکرد editorial-architectural.</p> <h2>چه کسانی مناسب است؟</h2> <ul> <li>استودیوهای معماری و طراحی داخلی</li> <li>دفترهای مهندسی و مشاور ساختمان</li> <li>شرکت‌های بازسازی و دکوراسیون</li> <li>طراحان منظر و فضای بیرونی</li> <li>گالری‌ها و فضاهای فرهنگی مرتبط با معماری</li> <li>هر کسب‌وکاری که می‌خواهد پروژه‌های خود را با فرمت case study حرفه‌ای ارائه دهد</li> </ul> <h2>بخش‌های سایت</h2> <h3>هیرو (صفحه اول)</h3> <p>طراحی الهام‌گرفته از شیت نقشه‌های معماری. شامل عنوان بزرگ استودیو، شعار یک‌خطی، کلاژ سه‌تصویری (تصویر اصلی برند + دو تصویر فرعی)، ویدیوی معرفی با دکمه پخش، آمار سریع، مختصات شبکه‌ای، شمال‌نما، نوار مقیاس و عنوان‌بلاک پایین صفحه.</p> <h3>درباره ما</h3> <p>معرفی استودیو با تصویر و متن. شامل چهار کار ارزشی با توضیح کوتاه (تحقیق‌محور، زمینه‌نگر، مصالح واقعی، همکاری نزدیک).</p> <h3>پروژه‌ها</h3> <p>لیست پروژه‌ها با طرح editorial. هر پروژه شامل تصویر کاور، عنوان، دسته‌بندی، مکان و سال است. با کلیک روی هر پروژه به صفحه اختصاصی case study هدایت می‌شود.</p> <h3>صفحه Case Study پروژه</h3> <p>هر پروژه صفحه مستقل با بخش‌های زیر:</p> <ul> <li>تصویر کاور تمام‌عرض با اطلاعات پروژه (مکان، مساحت، سال، دسته‌بندی)</li> <li>توضیحات کامل پروژه شامل چالش و راه‌حل</li> <li>پلان طبقه تعاملی — با بردن موس روی هر اتاق، نام و توضیحات آن نمایش داده می‌شود</li> <li>گالری قبل و بعد — اسلایدر قابل کشیدن برای مقایسه تصاویر</li> <li>خط زمانی پروژه — مراحل از تحلیل سایت تا تحویل</li> <li>لیست مصالح استفاده‌شده</li> <li>اعتبارات تیم پروژه</li> </ul> <h3>خدمات</h3> <p>لیست عمودی قابل بازشدن. هر خدمت شامل آیکون، عنوان، توضیح و برچسب‌های تخصصی است. شامل: طراحی معماری، طراحی داخلی، نمای ساختمان، بازسازی، طراحی منظر، مشاوره طراحی.</p> <h3>تیم</h3> <p>گرید پرتره سیاه‌وسفید. با بردن موس روی هر عکس، تصویر رنگی می‌شود و نقش فرد نمایش داده می‌شود.</p> <h3>فرم تماس</h3> <p>فرم ارتباطی با قابلیت آپلود فایل (نقشه، ایده، مودبورد). شامل نام، ایمیل، تلفن، نوع پروژه و پیام. اطلاعات فرم در دیتابیس ذخیره می‌شود.</p> <h3>فوتر</h3> <p>شامل نام استودیو، لینک‌های داخلی، لینک‌های شبکه‌های اجتماعی و اطلاعات تماس.</p> <h2>ویژگی‌های فنی</h2> <ul> <li>پشتیبانی کامل زبان فارسی و چینش راست‌به‌چپ</li> <li>فونت وزیرمتن برای متن و عناوین</li> <li>طراحی واکنش‌گرا (موبایل، تبلت، دسکتاپ)</li> <li>دیتابیس برای ذخیره فرم‌های تماس</li> <li>فرم تماس با آپلود فایل</li> <li>صفحات case study با پلان تعاملی SVG</li> <li>گالری قبل و بعد با اسلایدر کششی</li> <li>انیمیشن‌های ظاهرشدن تدریجی هنگام اسکرول</li> <li>پنل مدیریت تصاویر از طریق فضای ذخیره‌سازی</li> <li>بهینه‌سازی سئو شامل sitemap و robots.txt</li> <li>بارگذاری سریع با خروجی استاتیک</li> </ul> <h2>محتوای نمونه</h2> <p>قالب شامل سه پروژه نمونه با اطلاعات کامل است:</p> <ul> <li>رزیدنس کرج — مسکونی ۲۴۰ مترمربع</li> <li>دفتر مرکزی نوآوران — اداری ۵۸۰ مترمربع</li> <li>گالری هنر اصفهان — فرهنگی ۱۲۰ مترمربع</li> </ul> <p>چهار عضو تیم با نقش‌ها و بیوگرافی نمونه، شش خدمت با توضیحات، و فرم تماس فعال.</p> <h2>پالت رنگی</h2> <ul> <li>سفیدِ کرمی (زمینه اصلی)</li> <li>خاکستری بتن (سطوح ثانویه و حاشیه‌ها)</li> <li>مشکی (متن و عناصر اصلی)</li> <li>زنگاری (رنگ تاکیدی — استفاده محدود)</li> </ul> <h2>نحوه استفاده</h2> <p>بعد از نصب، کافیست متن‌ها، تصاویر و اطلاعات پروژه‌ها را با محتوای واقعی خود جایگزین کنید. ساختار فایل‌ها ساده و خواناست. تصاویر از طریق فضای ذخیره‌سازی آپلود می‌شوند. برای افزودن پروژه جدید، اطلاعات را در فایل مربوطه اضافه کنید.</p>

1 استفاده