
Glossier
دھوپ کا فوٹو شوٹ - سفید کاغذ، سیاہ سیاہی، ایک روشن پیلا لہجہ
ایک ڈیجیٹل بیوٹی میگزین کی طرح چمکدار کام کرتا ہے: سفید اور سیاہ کا تقریباً ایک مونوکروم کینوس، جس میں ایک واحد، متحرک پیلے لہجے کا وقفہ ہوتا ہے جو برانڈ کے لوگو اور واحد کال ٹو ایکشن کے طور پر دگنا ہوتا ہے۔ نظام ادارتی طور پر روکا ہوا ہے — بڑے سائز کی Apercu سرخیاں، متن کی کافی جگہ، پورے صفحے کی طرز زندگی کی فوٹو گرافی جس میں زیادہ تر جذباتی وزن ہے — اور عمل میں مفید: فلیٹ پروڈکٹ کارڈ، پتلی سرحدیں، اور زیبائش کی مکمل کمی۔ پیلا ثانوی برانڈ کا رنگ نہیں ہے۔ یہ وہ برانڈ ہے، جسے تھوڑا سا استعمال کیا جاتا ہے، تاکہ ہر ظاہری شکل کیمرے کے فلیش کی طرح محسوس ہو۔ باقی سب کچھ پس منظر میں دھندلا ہونے کے لیے ہے: نیوٹرلز ہلکے بلش انڈر ٹون کے ساتھ گرم بھوری رنگ کے ہوتے ہیں، بارڈرز لطیف ہوتے ہیں، اور قسم گھنی اور گاڑھی ہوتی ہے۔ نتیجہ ایک سٹور فرنٹ ہے جو پراعتماد، معمولی اور غیر سمجھوتہ جدید محسوس ہوتا ہے۔
اس صفحہ میں عمودی طور پر ترتیب شدہ فل سکرین حصوں کی ایک سیریز ہے، ہر ایک کو اسٹینڈ ایڈیٹوریل اسپریڈ کے طور پر ڈیزائن کیا گیا ہے۔ مرکزی حصہ ایک مکمل چوڑائی والی تصویر ہے جس میں تیرتا ہوا سفید اوورلے (اوپر بائیں) اور ایک بڑے پیمانے پر پیلے رنگ کا لوگو ہے جو صفحہ کے پورے نچلے حصے پر قابض ہے۔ مرکزی حصے کے نیچے، مکمل اسکرین امیجز اور انفرادی کارڈز کے گرڈ کے درمیان متبادل حصے۔ زمرہ جات (سکن کیئر/میک اپ) کی تقسیم دو کالموں میں تصاویر کے مساوی تناسب کے ساتھ (50/50) کسی مرئی بارڈر کے بغیر ہوتی ہے — تصاویر کو جوڑنے والی صرف ایک لائن انہیں الگ کرتی ہے۔ پروڈکٹ کیٹلاگ #f7f7f7 کینوس پر مربع کارڈز کا چار کالم گرڈ استعمال کرتا ہے۔ نیویگیشن ایک کم سے کم ٹاپ بار ہے جس کے اوپر ثانوی اشتہار کی پٹی ہے۔ حصوں کے درمیان خلا کافی بڑا ہے (64px)، لیکن سیکشنز کے درمیان ٹرانزیشن ہموار ہیں — بغیر ڈیوائیڈرز یا متبادل پس منظر کے رنگوں کے، سوائے گرم فوٹر کے۔ مجموعی تال یہ ہے: تصویر، متن، تصویر، گرڈ، تصویر - جیسے فیشن میگزین کے ذریعے پلٹنا۔
فوٹوگرافی غالب بصری زبان ہے۔ دیکھنے کا پورا علاقہ طرز زندگی کی تصاویر اور پورٹریٹ سے بھرا ہوا ہے—گرم سنہری گھنٹے کی روشنی، جلد کے نرم قریبی اپس، سورج کی چمک کے پس منظر میں مصنوعات کی بوتلیں پکڑے ہاتھ۔ تصویروں میں رنگ پیلیٹ گرم اور غیر سیر شدہ ہے: آڑو آسمان، ٹیراکوٹا جلد کے رنگ، گہرے سمندر کے بلیوز۔ سفید ٹیکسٹ کارڈز یا پیلے لوگو کے علاوہ تصاویر ہمیشہ پورے صفحہ کی سطح پر، گول کونوں، فریموں، یا اوورلیز کے بغیر۔ کیٹلاگ کارڈز پر پروڈکٹ کی تصاویر فلیٹ، حتیٰ کہ روشنی کے ساتھ خالص سفید ہموار پس منظر میں لی جاتی ہیں۔ تصویر سے متن کا تناسب تقریباً 70/30 ہے—تصاویر جذبات، متن، فنکشن کو ظاہر کرتی ہیں۔ کوئی عکاسی نہیں، کوئی خلاصہ گرافکس نہیں، کوئی 3D رینڈرنگ نہیں۔
پیلیٹ
برانڈ
- Glossier Yellow
#fff116— پیلے رنگ کو آرائشی تفصیلات کے لیے ثانوی لہجے کے طور پر استعمال کیا جاتا ہے اور کم کثرت سے استعمال ہونے والے تلاش کے سوالات کو نمایاں کرنے کے لیے۔ اسے کال ٹو ایکشن کے لیے بنیادی رنگ کے طور پر استعمال نہیں کیا جانا چاہیے۔
غیر جانبدار
- Ink
#000000— باڈی ٹیکسٹ، نیویگیشن لنکس، پرائمری ٹیکسٹ، فوٹر ٹیکسٹ، آئیکن آؤٹ لائنز، پتلی بارڈرز؛ غالب ٹائپوگرافک اور ساختی رنگ۔ - Paper
#ffffff— پروڈکٹ کارڈ کی سطحیں، بھرنے والے علاقوں، اٹھائے ہوئے پینل؛ اسٹیک میں سب سے روشن سطح کی سطح۔ - Fog
#f7f7f7— صفحہ کینوس، سیکشن کے پس منظر، صفحہ پر تصاویر کے درمیان ٹرانزیشن؛ بنیادی سطح جس پر پوری ویب سائٹ واقع ہے۔ - Blush
#faf2f4— فوٹر کا پس منظر، نرم گرم سیکشن ڈیوائیڈرز؛ ٹھیک ٹھیک گلابی سفید رنگت صفحات کے نچلے حصے میں گرمی کا اضافہ کرتی ہے۔ - Mist
#f0f0f0— غیر متزلزل پس منظر بنانے اور حصوں کو الگ کرنے کے لئے ایک ہلکی مدد کرنے والی سطح۔ اسے کال ٹو ایکشن کے لیے بنیادی رنگ کے طور پر استعمال نہیں کیا جانا چاہیے۔ - Ash
#e8e8e8— ان پٹ فیلڈ بارڈرز، آئیکن بیک گراؤنڈز، پتلی الگ کرنے والی لائنز؛ کارڈز اور فارم عناصر کے لیے ساختی سرحدی رنگ۔
نوع ٹائپ
12 سے 32px تک · 5 مراحل
- Apercu — متبادل: Inter · خاکہ 400, 500, 700 · بنیادی ٹائپ فیس پورے یوزر انٹرفیس میں استعمال کیا جاتا ہے — 16px/400 پر باڈی کاپی، 12–14px/500 پر نیویگیشن اور کیپشنز، 20px/500 پر ذیلی سرخیاں، اور 32px/700 پر ادارتی سرخیاں۔ Apercu کا جیومیٹرک، ہیومنسٹ ڈیزائن برانڈ کو ایک گاڑھا، جدید انداز دیتا ہے۔ صفر کے قریب حروف کا فاصلہ (0.002–0.003em) ٹائپ فیس کو ہوا دار یا دوستانہ بنانے کے بجائے کمپیکٹ اور میگزین جیسا بناتا ہے۔ 700 وزن اداریوں میں ڈسپلے عناصر کے لیے مخصوص ہے، UI عناصر کے لیے نہیں۔
- Apercu Mono — متبادل: JetBrains Mono or IBM Plex Mono · خاکہ 400 · آرڈر میٹا ڈیٹا، ٹریکنگ نمبرز، اور کوڈ کے آگے لیبلز کے لیے مائیکرو یوٹیلٹیرین ٹائپوگرافی؛ مونو اسپیسڈ ورژن متناسب جسمانی قسم کے خلاف تکنیکی ساخت بناتا ہے۔
- GTStandard-M — متبادل: Inter · خاکہ 400 · GTSstandard-M - نکالے گئے ڈیٹا میں پایا جاتا ہے لیکن AI نے بیان نہیں کیا ہے۔
وقفے اور شکل
| مقصد | مطلب |
|---|---|
| کثافت | اوسط |
| بنیادی قدم | 8px |
| بٹن کا رداس | 0px |
| کارڈ کا رداس | 0px |
| سائے | نہیں - سائے کی بجائے سرحدیں |
| حصوں کے درمیان | 64px |
| صفحہ کی چوڑائی | 1440px |
AI آپ کی ویب سائٹ کو Glossier کے انداز میں بنائے گا اور اسے بھرے گا۔
- لنک کے ذریعے پروڈکٹس اور پوسٹس بھریں - Instagram, TikTok, Facebook.
- اپنی پرانی سائٹ سے مواد منتقل کریں—بس پتہ کی وضاحت کریں۔
- بہترین انجن پر جدید ڈیزائن: سرور رینڈرنگ اور SEO آپٹیمائزیشن کے ساتھ React ( Next.js) باکس سے باہر۔
- تلاش کے نتائج اور نیورل نیٹ ورک کی سفارشات کے لیے مکمل طور پر خودکار SEO کی اصلاح۔
ملتے جلتے انداز
- Lightship — کھلی سڑک کا ایک سنیما ڈائیوراما۔ گرم کریم گیلری کی دیواریں بڑی زمین کی تزئین کی تصویروں سے مزین ہیں جو قریب کے وقفوں پر نصب ہیں، پتلی سیاہ قسم جو فریموں پر بمشکل نظر آتی ہے، اور ایک ہی روشن نارنجی لہجہ جس میں مونوکروم کو گھاس کے میدان میں الاؤ کی طرح توڑا جاتا ہے۔
- Faire ES — گرم کریم کا تھوک کیٹلاگ
- Adanola — سفید کاغذ پر ادارتی نظر کی کتاب۔ ایک فیشن شوٹ جہاں صاف سفید سطحوں پر ٹائپوگرافی اور فوٹو گرافی سانس لیتی ہے، ٹائپ فیس کے لیے کالی سیاہی اور ایک لطیف دستخط والے sans-serif فونٹ (Favorit) کے ساتھ، جو برانڈ کے مجموعی انداز کی عکاسی کرتا ہے۔
- Oura Ring — ایک آرام دہ دلیا بنانے والی ورکشاپ، نرم دن کی روشنی میں نہائی
- Stykka — سفید روشنی میں ایک اسکینڈینیوین ورکشاپ - ایک پرسکون، دستکاری سے بنایا ہوا شوروم جہاں صرف آواز ہی فوٹو گرافی ہے
- DJI — ایک الیکٹرک بلیو ہائی لائٹ کے ساتھ ایرو اسپیس بلیک کینوس
- Altitude Beverages — مونوکروم میگزین پھیل گیا۔ تصور کریں کہ فیشن میگزین تمام رنگوں سے چھین کر پھیلا ہوا ہے سوائے اسٹیل تصاویر کے — متن اور سفید جگہ پوری کہانی بیان کرتی ہے۔
- AATHER — ایک کھلی ہتھیلی، ایک ہی شعلہ - خاموشی میں موجود ایک پرسکون عیش و آرام
- Cowboy — برف کی سفید چینی مٹی کے برتن کی ترتیب میں بیلجیئم کی سائیکل گیلری۔ ایک شو روم جہاں دھندلا سطحیں، ادارتی مواد میں استعمال ہونے والے بڑے فونٹس، اور سجاوٹ کی مجازی عدم موجودگی سائیکل اور اس کے مواد کو اپنی طرف کھینچتی ہے۔
- Refero — سفید سنگ مرمر پر ادارتی ترتیب - ایک ٹائپوگرافر کے ذریعہ تخلیق کردہ پروڈکٹ کا صفحہ، جہاں سیرف کی سرخی برانڈ کا کالنگ کارڈ ہے، اور باقی سب کچھ بلا روک ٹوک ہے۔
- Face Formula — اسکینڈینیوین ایڈیٹوریل پورٹریٹ۔ ایک پرسکون، میگزین کی طرز کا پھیلاؤ، جہاں ماڈل کی نگاہیں اور سرخی، ایک کنڈینسڈ سیرف فونٹ میں لکھی گئی، ایک ٹھنڈے، دھندلے پس منظر کے خلاف اپنے لیے بولتی ہے۔
- Shupatto — سفید سنگ مرمر پر میوزیم ڈسپلے کیس