Palmer
یک گالری سرامیکی در نور ملایم روز - تعامل با دیوار صورت میگیرد و اشیاء هنری هستند
پالمر با ظروف غذاخوری مانند یک قطعه موزهای روی یک بوم گرم و خامهای (#f5f6ee) رفتار میکند. رابط کاربری محو میشود - بدون سایه، بدون کروم، بدون تزئینات غنی - بنابراین سرامیکهای لعابکاری شده با دست به تنها رنگ اتاق تبدیل میشوند. تایپوگرافی مینیمالیستی است: فونت TWK Lausanne تقریباً تکرنگ (300-500) با فاصله حروف منفی تهاجمی است که حروف را به هم نزدیک میکند، از جمله یک لایه نمایش بزرگ 120 پیکسلی که بیشتر به عنوان یک بیانیه سرمقاله عمل میکند تا یک نشانگر رابط کاربری. عناصر تعاملی به حاشیههای نازک و دکمههای قرصی شکل که در لبههای صفحه نمایش قرار گرفتهاند، کاهش یافتهاند تا مرکز را کاملاً واضح نگه دارند. همه چیز در زیر تا از همان منطق گالری پیروی میکند: متن کوچک، خطوط نازک، فاصله زیاد بین اشیاء.
یک رابط کاربری تمام صفحه بدون محدودیت حداکثر عرض. عنصر اصلی، عناصر پراکنده در سراسر صفحه نمایش است: قطعات جداگانهای که در مکانهای با دقت انتخاب شده مرتب شدهاند، نه در یک شبکه. عناصر ناوبری به گوشهها منتقل شدهاند (علامت کلمه در بالا سمت چپ، دکمه تغییر وضعیت در مرکز بالا، پنل کنترل در مرکز پایین)، و ناحیه مرکزی را کاملاً برای تصاویر باقی میگذارند. این یک رابط کاربری تک صفحهای است - عناصر پراکنده عنصر اصلی هستند و تمام عناصر رابط کاربری ثانویه (منو، فیلتر، زوم) تحت شرایط خاص نمایش داده میشوند. ریتم بخشها حداقلی است: یک صفحه، یک ترکیب پراکنده، متن حداقلی. هیچ نوار متناوب سنتی وجود ندارد.
عکاسی منحصراً بر محصولات تصویری تمرکز دارد - عکسهایی از قطعات سرامیکی مجزا (بشقاب، کاسه) از بالا یا با زاویه ¾ در برابر پسزمینهای شفاف یا کرم. هیچ زمینهای، هیچ عقربهای، هیچ چیدمان میز وجود ندارد. هر قطعه با سایهای جزئی برش داده شده است تا حس تماس با سطح را ایجاد کند. تصاویر تنها منبع رنگ در وبسایت هستند: آبیهای لعابدار، سبز زیتونی، سفیدهای لکهدار و قهوهای کهربایی. تراکم بالا، اما قابل تنفس است - قطعات با فضای خالی عمدی بین آنها پراکنده شدهاند، بیشتر شبیه یک رویکرد نمایشگاهی تا یک رویکرد کاتالوگی.
پالت
خنثی
- Gallery Cream
#f5f6ee— سطح بوم و پایه، سایهای گرم و کرمی دارد که برای سرامیکهای لعابدار، نسبت به سفید خالص، مناسبتر است. - Ink
#222222— متن اصلی، حاشیههای نازک، طرح کلی کارت، طرح کلی آیکونها - کل چارچوب ساختاری تقریباً با این رنگ مشکی انجام شده است. - Bone
#ffffff— تصاویر پس زمینه محصول، گاهی اوقات با یک سطح معکوس که قرار است کارت در مقابل یک بوم کرم رنگ قرار گیرد. - Fog
#a1a19c— حاشیههای ثانویهی کمرنگ و متن با اولویت پایین - زمانی استفاده میشود که جوهر برای جداکنندهی ساختاری خیلی ضخیم باشد. - Lampblack
#000000— این رنگ برای عناصر کمیاب پر شده (پس زمینه ناوبری فعال، لنگرهای وزنی) رزرو شده است و به مقدار کم استفاده میشود تا اطمینان حاصل شود که جوهر رنگ اصلی متن باقی میماند.
تایپوگرافی
از ۱۱ تا ۱۲۰ پیکسل · ۴ مرحله
- TWK Lausanne — جایگزینی: Inter Tight or Neue Haas Grotesk Display Pro at matching weights · طرح کلی 300, 400, 500, 600, 700 · یک فونت واحد که برای همه چیز از میکروتگها گرفته تا تایپوگرافی سرمقاله مناسب است. وزن ۳۰۰ برای عنوانها و عناوین بزرگتر (یک فونت نازک سوئیسی بدون سریف که به حروف سرامیکی اجازه میدهد غالب باشند)، ۴۰۰-۵۰۰ برای متن بدنه و رابط کاربری و ۶۰۰-۷۰۰ برای حالتهای فعال و برچسبهای فیلتر استفاده میشود. یکی از ویژگیهای متمایز، فاصله کم حروف است (-۰.۰۴em در عنوانها، -۰.۰۲em در متن بدنه): کاراکترها نزدیک به هم قرار گرفتهاند و حتی به عنوانهای ۱۱ پیکسلی، حس تراکم و تفکر میدهند، نه سادگی کاراکترهای استاندارد.
فواصل و فرم
| هدف | معنی |
|---|---|
| تراکم | میانگین |
| گام اساسی | 12px |
| شعاع دکمه | 8px |
| شعاع کارت | 12px |
| سایهها | بدون حاشیه به جای سایه |
| بین بخشها | 80px |
هوش مصنوعی وبسایت شما را به سبک Palmer میسازد و آن را پر میکند
- از طریق لینک - Instagram ، TikTok ، Facebook - محصولات و پستها را پر کنید.
- محتوا را از سایت قدیمی خود منتقل کنید—فقط آدرس را مشخص کنید.
- طراحی مدرن روی بهترین موتور: React ( Next.js) با رندر سرور و بهینهسازی سئو از پیش آماده.
- بهینهسازی سئو کاملاً خودکار برای نتایج جستجو و توصیههای شبکه عصبی.
سبکهای مشابه
- Peak Design — دیوار گالری، تا حدی روشن
- Arsenijs Fabrica — زیبایی ذاتی محتوای سرمقاله زیر نورهای گالری آشکار میشود. دیوارهای سفید و شفاف گالری، یک نور چشمکزن گرم که به رنگ نارنجی در پسزمینه تکرنگ میتپد، حروف چاپی به نازکی شیشه و فضای سفید فراوان.
- 21 TSI — یک فضای خالی سرخ، یک سیلوئت واحد - یک سرمقاله مد روز که در آن رابط کاربری در فضا حل میشود
- Aevi Wellness — سبک داروسازی اسکاندیناوی، فونتی بیوزن. یک لهجه خاکستری-آبی ملایم، طرح کلی بیرنگ و بیروح مطالب سرمقاله را میشکند، جایی که عکسهای محصول روی کارتهایی با حاشیه نازک در برابر یک پسزمینه سفید گرم قرار گرفتهاند.
- PLATFORM — گالری مکعب سفید زیر ذرهبین
- Assembly Coffee London — زغالها در یک برشتهکاری تاریک. یک بوم تقریباً سیاه با عکسهای گرم و کمنور از محصولات و حروف سرف کجراه - حس یک منوی قهوهی مخصوص که در یک روزنامهی چاپ نیمهشب چاپ شده است.
- ARTWORLD — تیتر مجله مد روی پارچه کتانی سفید
- Structured — گالری رنسانس روی کاغذ شبیه پلاستیسین
- Airbnb — یک دیوار گالری سفید و آرام با یک بوکمارک قرمز مرجانی
- VISIONNAIRE — یک گالری سرمقاله لباسهای خیابانی روی یک پسزمینه سفید و واضح. این برند مانند یک کتاب راهنمای چاپ شده رفتار میکند: یک بوم سفید صاف، جوهر مشکی واضح و یک پنل کرم گرم که به عنوان بلوک رنگی برای نمایش یک محصول یا لوگو استفاده میشود.
- Letter — یک گالری خصوصی با آثار باستانی درخشان از انبار. یک فضای نمایشگاهی با دیوارهای سیاه که تیترهای سریف بالای مجسمههای کرومی روی دیوارهای رنگی گالری شناور هستند.
- Ramp — بخش مالی تحریریه، صفحات سیاه و سفید با یک ماژیک نئونی. سطح تقریباً تک رنگ نشریه، جایی که یک خط سبز لیمویی روشن، هر تعاملی را به یک سیگنال پولی تبدیل میکند.