Zellerfeld
کارگاه مجسمهسازی روی مرمر سفید - سطوح یکپارچه پایه، جرقهای از کبالت، زمزمهای از حروف کوچک از کف تا سقف
زلرفلد مانند گالریای از مجسمهسازان دیجیتال روی سنگ مرمر سفید به نظر میرسد - بازاری برای کفشهای چاپ سهبعدی، جایی که سطوح تکرنگ، فضای سفید فراوان و حروف بزرگ و کوچک به هر محصول اجازه میدهد مانند یک نمایشگاه موزه عمل کند. رابط کاربری بسیار محدود است: یک بوم نقاشی بیرنگ با یک رنگ کبالت الکتریکی (#۰۰۰aff) که برای لحظات ضروری - آیکونها، ناوبری فعال "فروشگاه" و وضعیت فعلی اسلاید - رزرو شده است. کارتها به جای سفید خالص، در پسزمینهای خاکستری مرواریدی گرم شناور هستند و به شبکه حالتی گچی و لمسی میدهند. فونت همچنان یک فونت sans-serif سفارشی (Roobert) با فاصله کم بین حروف است و Space Mono فقط برای قیمتگذاری، فهرست محصولات و فرادادههای فنی استفاده میشود. در نتیجه، صفحه محصول بیشتر شبیه یک سایت مطبوعاتی طراحی است تا یک صندوق خردهفروشی - اشیاء عکسبرداری میشوند، نه فروخته شوند.
این صفحه تمام عرض صفحه را پوشش میدهد و دارای یک نوار محتوای ۱۴۴۰ پیکسلی است. عنصر اصلی یک بنر عکس تمام صفحه با یک پوشش رابط کاربری شناور است. بخشهای محصول از یک شبکه ۴ ستونی استفاده میکنند که در تبلتها به ۲ ستون و در دستگاههای تلفن همراه به ۱ ستون تبدیل میشود. ریتم بخش به این صورت است: توضیحات بزرگ محصول → شبکه رتبهبندی سرمقاله → شبکه انتشار جدید → پنل اطلاعات تماس مطبوعاتی. هر بخش محصول محتوای خود را در مرکز نوار قرار میدهد و از ۸۰ پیکسل فضای عمودی بین بخشها استفاده میکند. ناوبری یک نوار بالای ثابت در یک ردیف با یک نوار تبلیغاتی نازک در بالای آن است. کارتهای محصول با یک شبکه دقیق تراز شدهاند - ناحیه تصویر همیشه روی سیلوئت کفش با فاصله ۴۰ پیکسلی از بالا/پایین در داخل کارت متمرکز است و خوشه فراداده با یک لوگوی برند ۴۰x۴۰ در گوشه پایین سمت چپ لنگر انداخته شده است.
عکاسی از محصول عنصر بصری غالب است - هر کفش روی یک سطح سفید یا گچی خالص با زاویه سهچهارم عکس گرفته شده است و کل کارت را بدون هیچ زمینه، مدل یا محیطی پر میکند. عنصر اصلی، یک عکس سبک زندگی تمامعیار است: عکسهای برشخورده از پاها و کفشها روی شن یا بتن، همیشه در مقیاس انسانی، و هرگز کیفیت کاملاً استودیویی ندارد. اصل «سوژه عنصر اصلی است» اعمال میشود - کفشها ۴۰٪ از فضای قابل مشاهده قاب را اشغال میکنند، حتی در عنصر اصلی ویرایش. هیچ عنصر گرافیکی تزئینی، الگوهای انتزاعی یا تصویرسازی استفاده نشده است. آیکونها خطی هستند، با رنگ مشکی حاشیهگذاری شدهاند، هرگز پر نشدهاند، هرگز رنگی نشدهاند.
پالت
برند
- Electric Cobalt
#000aff— آیکونهای جدید، نوار ناوبری فعال، نشانگر اسلاید فعلی، لحظات فعالسازی - تنها نشانه رنگی در سیستم، که به طور محدود استفاده شده تا به عنوان فعالسازی و نه تزئینی تلقی شود.
خنثی
- Pale Iris
#e5e7ff— یک رنگ جدید برای نشانها، یک هایلایت ملایم و یک سطح رنگی برای گزینههای برچسبگذاری - یک سایه کبالت ملایم که بدون ایجاد اختلال در پالت تکرنگ، به رنگ اشاره میکند. - Ink Black
#111111— متن بدنه، حاشیههای پیشفرض، طرح کلی آیکونها، جداکنندههای نازک - رنگ ساختاری غالب برای سرتیترها، فهرستها و لینکها. - Pure White
#ffffff— حالتهای خنثی فرم، متن آیکون و بازخورد رابط کاربری محتاطانه باید در جایی که رنگ ظریف باقی میماند، استفاده شوند. از استفاده از آن به عنوان رنگ اصلی برای دکمههای فراخوان عمل خودداری کنید. - Plaster
#ecedee— سطح ثانویه برای کارتهای محصول، پسزمینه نوار ناوبری، سطح صاف و برجسته بالای بوم. - Slate
#a1a4aa— سایه قاب کارت، رنگ دکمه خنثی و قاب دکمه مات، خاکستری هستند که لبههای کارت را بدون تیرهتر کردن آنها، برجسته میکنند. - Fog
#d7d7d7— قاب کارت نور، خطوط جداکننده، رنگآمیزی سطح غیرفعال.
تایپوگرافی
از ۱۳ تا ۱۲۸ پیکسل · ۷ مرحله
- Roobert — جایگزینی: Inter · طرح کلی 400, 500, 600, 700 · فونت اصلی برند برای همه چیز از متن اصلی گرفته تا تیترها استفاده میشود. فاصله خطوط در همه اندازهها ثابت است و به حروف کوچک لوگو اجازه میدهد تا حجم متراکم و مجسمهوار داشته باشند. وزن فونت بسته به متن افزایش مییابد: ۴۰۰ برای متن اصلی و رابط کاربری، ۵۰۰ برای تیترهای برجسته، ۶۰۰ برای نام محصولات و ۷۰۰ برای عناوین بزرگ.
- Space Mono — جایگزینی: JetBrains Mono · طرح کلی 400, 600 · فرادادههای فنی - قیمتها (۱۸۹.۰۰ یورو)، مقادیر عددی برای ۱۰ رتبه برتر، نمادهای شاخص و نام فروشگاهها - در جایی اضافه میشوند که صفحه باید به عنوان یک مشخصات فنی و نه یک متن تبلیغاتی تلقی شود.
- Arial — جایگزینی: Inter · طرح کلی 400 · با حروف Arial - در دادههای استخراجشده یافت میشود اما توسط هوش مصنوعی توصیف نشده است.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | میانگین |
| گام اساسی | 16px |
| شعاع دکمه | 10px |
| شعاع کارت | 10px |
| سایهها | حداقل |
| بین بخشها | 80px |
| عرض صفحه | 1440px |
هوش مصنوعی وبسایت شما را به سبک Zellerfeld میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Airbnb — یک دیوار گالری سفید و آرام با یک بوکمارک قرمز مرجانی
- Apple (España) — ویترین گالری سفید
- Silencio — یک اتاق سفید با آثار شناور. یک نمایشگاه گالری ساخته شده از کاغذ گرم، که در آن هر عنصر جای خود را در برابر پسزمینهای از حجم منفی اشغال میکند و سکوت یک تصمیم طراحی عمدی است.
- Oakâme — کارگاهی آفتابگیر در پروانس، تراشیده شده از سنگ گرم
- Nike — یک گالری تک رنگ از دستاوردهای ورزشی - دیوارهای سفید، محصول به عنوان یک اثر هنری، کروم در پسزمینه حل شده است
- Arc — گالری سفید صنعتی بر فراز آبهای نیمهشب
- Rivian — یک مونولیت الکتریکی روی دیوار بتنی گالری. ریویان هر وسیله نقلیه را به عنوان مجسمهای در برابر فضای سفید وسیعی ارائه میدهد، با تایپوگرافی آنقدر بزرگ که به یک عنصر معماری تبدیل میشود، و یک زرد گرم واحد که فضای تک رنگ را میشکند، مانند نور خورشید بر روی یک سطح مات.
- Analogue — ویترین گالری مشکی - کالاها در فضای خالی معلق هستند
- ddna — ویترین موزهای گرم روی پارچه کتان نچسب
- UY Studio — گالری سنگی صومعه، فضایی آرام با دیوارهای بتنی است که در آن بطریهای عطر روی پایههای سفید قرار گرفتهاند و توسط یک لامپ ۴۰۰ واتی و چهار لامپ خاکستری گرم روشن میشوند.
- Basic.Space — گالری کیوریتوریال روی سنگ مرمر سفید
- COS — یک گالری شیک با دیوارهای سفید