Apple (España)
पांढऱ्या जागेचे एक भव्य मंदिर, जिथे मूकपणे ऐकू येणारे मथळे आहेत. एक विशाल, तेजस्वी सभागृह, जिथे केवळ फिकट रंग आणि एका निळ्या धाग्याने एकत्र बांधलेले, प्रचंड ७००-डेन्सिटीचे फॉन्ट हवेत तरंगत आहेत.
ॲपलच्या प्रॉडक्ट पेजची भाषा ही टायपोग्राफिक उदारतेचा एक उत्तम नमुना आहे: फिकट पांढऱ्या पार्श्वभूमीवर तरंगणारे मोठे SF Pro Display हेडलाइन्स, ज्यांच्या सभोवतालची विशाल पांढरी जागा प्रत्येक शब्दाला हेतुपुरस्सर ठेवल्यासारखे भासवते. रंगसंगती जवळजवळ एकरंगी आहे—#1d1d1f रंगातील मजकूर, #ffffff आणि #f5f5f7 रंगांमध्ये आलटून पालटून येणारा कॅनव्हास—केवळ इंटरॅक्टिव्ह क्षणांसाठी राखून ठेवलेला एकच निळा अॅक्सेंट (#0071e3). रंग स्वतः प्रॉडक्टच्या इमेजेसमध्ये (पेस्टल टोनमध्ये) वापरलेला आहे, तो कधीही सजावटीचे UI घटक म्हणून वापरला जात नाही. घटक फ्रेमलेस आहेत: २८px त्रिज्येचे गोलाकार कार्ड्स, पेजच्या कडांना जवळजवळ स्पर्श करणारी गोळीच्या आकाराची बटणे, ज्यात कोणतेही दृश्यमान कंटेनर किंवा ड्रॉप शॅडो नाहीत. लय विभाजक किंवा बॉर्डरने नव्हे, तर एकाआड एक येणाऱ्या पांढऱ्या आणि राखाडी पट्ट्यांनी तयार केली आहे.
विभाग पृष्ठाची संपूर्ण रुंदी व्यापतात, भरपूर पॅडिंगसह (अंदाजे ४०-१०० बाजू) काठापासून काठापर्यंत पसरलेले असतात. प्रत्येक पट्टीमध्ये मजकुराची कमाल रुंदी प्रभावीपणे मध्यभागी असते. मुख्य घटक हा मध्यभागी असलेला एक स्टॅक आहे: भुवईच्या आकाराचे लेबल, एक मोठी हेडलाइन, एकच कॉल-टू-ॲक्शन बटण, किंमतीची ओळ आणि त्यानंतर व्ह्यूपोर्टचा तळ व्यापणारी उत्पादनाची प्रतिमा. विभाग एका पुनरावृत्ती होणाऱ्या पॅटर्नचे अनुसरण करतात: पट्टीमध्ये डावीकडे संरेखित केलेली हेडलाइन, त्यानंतर एकतर उत्पादनाच्या वर्णनांसह दोन-स्तंभीय मांडणी (डावीकडे मजकूर/उजवीकडे प्रतिमा किंवा एकाआड एक), कार्ड्सची तीन-स्तंभीय ग्रिड किंवा मध्यभागी असलेले व्हिज्युअल शोकेस. मजकुराची लय पूर्णपणे १००-१०० सेमीच्या उभ्या अंतरासह एकाआड एक पांढऱ्या आणि तीन-रंगी पार्श्वभूमीद्वारे नियंत्रित केली जाते—कोणतेही विभाजक नाहीत, घटक असलेले कोणतेही कार्ड नाहीत. ग्लोबल नॅव्हिगेशन ही एकच, स्थिर पट्टी आहे. उत्पादन तपशील विभागांमध्ये भरपूर पॅडिंगसह पूर्ण-रुंदीच्या पट्ट्या वापरल्या जातात, जिथे मजकूर एका विस्तृत व्हिज्युअल क्षेत्राच्या पार्श्वभूमीवर अरुंद स्तंभांमध्ये (~५६०px) मध्यभागी असतो.
ॲपलची दृश्य भाषा प्रामुख्याने उत्पादन छायाचित्रण आहे: पूर्णपणे पांढऱ्या किंवा रंगीत पार्श्वभूमीवर घेतलेले हार्डवेअरचे क्लोज-अप, ज्यात जीवनशैलीचा संदर्भ किंवा रचलेली दृश्ये नसतात. मुख्य प्रतिमेत फिकट हिरव्या रंगाचा मॅकबुक निओ हातात धरलेला दिसतो—मानवी घटक दुय्यम आहे, जो भावनांऐवजी आकार आणि पोत दर्शवतो. उत्पादनाच्या प्रकारांच्या विभागात, जुळणाऱ्या रंगांच्या (गुलाबी, हिरवा, चंदेरी, आकाशी निळा) पार्श्वभूमीवर दोन उपकरणे शेजारी-शेजारी सादर केली जातात, प्रत्येक कार्ड एक सपाट रंगीत क्षेत्र असून उत्पादन मध्यभागी असते. तपशिलाच्या शॉट्समध्ये तटस्थ पार्श्वभूमीवर अत्यंत क्लोज-अप (लॅपटॉपचा बिजागर, कॅमेरा मॉड्यूल) वापरले जातात. यात कोणतीही चित्रे, अमूर्त ग्राफिक्स किंवा सजावटीच्या प्रतिमा नाहीत—उत्पादन स्वतःच एक दृश्य घटक आहे. आयकॉनोग्राफी सर्वत्र आहे—ॲपल सिस्टम आयकॉन सेटमधून घेतलेले, एसएफ सिम्बॉल्स शैलीतील १.५-२ पिक्सेल जाडीचे एकरंगी रेखीय आयकॉन्स. छायाचित्रण नेहमी हाय-की पद्धतीने केले जाते: एकसमान, सावली-विरहित प्रकाशयोजना जी उत्पादनाला त्रिमितीय वस्तूऐवजी ग्राफिक स्वरूपात आणते.
पॅलेट
ब्रँड
- Electric Blue
#0071e3— भरलेले ॲक्शन बटन्स हे UI मधील एकमेव रंगीत वैशिष्ट्य आहे, जे कृती करण्याच्या आवाहनांसाठी क्वचितच वापरले जाते. - Link Blue
#0066cc— इनलाइन टेक्स्ट लिंक्स, बाण आणि शेवरॉन असलेले लिंक्स. - Citrus Gradient
#3b3b23— एक पर्यायी फिनिश जे या उत्पादनाचे खास वैशिष्ट्य बनले आहे, ते म्हणजे गडद बेस जो हळूहळू पिवळसर-हिरव्या हायलाइट्समध्ये विलीन होतो.
तटस्थ
- Primary Ink
#1d1d1f— सर्व पृष्ठभागांवर मथळे, मुख्य मजकूर आणि बटणांवरील नावे हा प्रमुख अग्रभागी असलेला रंग आहे; मुख्य उत्पादन प्रतिमेची पार्श्वभूमी वरच्या बाजूला असलेल्या #1d1d1f या एकसंध रंगापासून ते रंगीत निळ्या रंगापर्यंत सहजतेने बदलते. - Mid Gray
#707070— दुय्यम मजकूर, निष्क्रिय नेव्हिगेशन स्थिती, म्यूट केलेले UI लेबल्स - Deep Gray
#474747— नेव्हिगेशन मजकूर आणि चिन्हे मध्यम फॉन्टमध्ये आहेत. - Hairline
#d6d6d6— विभाग आणि UI घटकांमधील पातळ सीमा. - Canvas
#f5f5f7— एकाआड एक विभागांची पार्श्वभूमी - पांढऱ्या भागांना वेगळी करणारी एक राखाडी पट्टी. - Paper
#ffffff— कार्डचा पृष्ठभाग, मुख्य पृष्ठाची पार्श्वभूमी, गडद पार्श्वभूमीवर बटणावरील मजकूर.
टायपोग्राफी
१२ ते ९६ पिक्सेल · १० पायऱ्या
- SF Pro Display — बदली: Inter · रूपरेषा 600, 700 · प्रदर्शनासाठी हिरो शीर्षके आणि उपशीर्षके — ७०० वेट, ८०-९६px फॉन्ट आणि -१.४४px चे निगेटिव्ह लेटर स्पेसिंग, ॲपलची खास ओळख असलेले "पांढऱ्या रंगात तरंगणारे भव्य शीर्षक" तयार करते. पर्याय: इंटर, सिस्टम-यूआय
- SF Pro Display — बदली: Inter · रूपरेषा 600 · विभाग शीर्षके, कार्ड शीर्षके, उपशीर्षके - वरील लहान शीर्षकांच्या विपरीत, किंचित जास्त अक्षर-अंतर असलेला ६०० फॉन्ट मध्यम आकारात उबदार आणि मैत्रीपूर्ण वाटतो.
- SF Pro Text — बदली: Inter · रूपरेषा 400, 500, 600 · मुख्य मजकूर, नेव्हिगेशन, पूरक परिच्छेद आणि लहान कॅप्शनसाठी, १७px वर ४०० इंडेक्स असलेला फॉन्ट हा मुख्य फॉन्ट आहे. निगेटिव्ह लेटर स्पेसिंगमुळे जास्त माहिती असलेल्या पानांवरील मुख्य मजकूर अधिक संक्षिप्त ठेवता येतो.
अंतर आणि स्वरूप
| उद्देश | अर्थ |
|---|---|
| घनता | दाट |
| मूलभूत पायरी | 8-10px |
| बटण त्रिज्या | 980px |
| कार्ड त्रिज्या | 28px |
| सावल्या | सावल्यांऐवजी सीमा नाहीत |
| विभागांच्या दरम्यान | 100-120px |
| पृष्ठाची रुंदी | 1200px |
एआय तुमची वेबसाईट Apple (España) स्टाईलमध्ये तयार करेल आणि ती भरेल.
- लिंकद्वारे उत्पादने आणि पोस्ट्स भरा - Instagram, TikTok, Facebook.
- तुमच्या जुन्या साइटवरून सामग्री हस्तांतरित करा—फक्त पत्ता नमूद करा.
- सर्वोत्तम इंजिनवर आधुनिक डिझाइन: React ( Next.js) ज्यामध्ये सर्व्हर रेंडरिंग आणि एसईओ ऑप्टिमायझेशन अंगभूत आहेत.
- शोध परिणामांसाठी पूर्णपणे स्वयंचलित एसईओ ऑप्टिमायझेशन आणि न्यूरल नेटवर्क शिफारसी.
समान शैली
- Airbnb — एका शांत पांढऱ्या गॅलरीच्या भिंतीवर एकच प्रवाळ लाल रंगाचे बुकमार्क.
- Peak Design — गॅलरीची भिंत, अंशतः प्रकाशित
- Ramp — संपादकीय वित्त विभाग, एकाच निऑन मार्करने रंगवलेली कृष्णधवल पाने. प्रकाशनाचा जवळजवळ एकरंगी पृष्ठभाग, जिथे एकच चमकदार लिंबू-हिरव्या रंगाची रेषा प्रत्येक संवादाला एका आर्थिक संकेतात रूपांतरित करते.
- 099 SUPPLY — काळ्या आणि पांढऱ्या वस्तूंनी भरलेली गॅलरीची भिंत
- Orderful — औद्योगिक लॉजिस्टिक्स कंट्रोल डेक - काळ्या शाईने आणि सर्जिकल लाल रंगात छापलेली लॉजिस्टिक्स डिस्पॅचरची चेकलिस्ट, जिचे प्रत्येक पान इतके सुटसुटीत आहे की एका ऑपरेटरला एखादी महत्त्वाची गोष्ट मोठ्याने ओरडून सांगता येईल.
- Apple (España) — पांढरी गॅलरी डिस्प्ले केस
- teenage engineering — स्टुडिओ लायटिंगमधील औद्योगिक कॅटलॉग - पानावर उत्पादन ही एकमेव महत्त्वाची वस्तू असते आणि बाकी सर्व चर्चा त्याच्याभोवतीच केली जाते.
- Apple (España) — सकाळच्या धुक्यातील गॅलरीची खिडकी
- Lightship — मोकळ्या रस्त्याचे एक चित्रपटीय दृश्य. उबदार क्रीम रंगाच्या गॅलरीच्या भिंतींवर अगदी जवळ लावलेली मोठी निसर्गचित्रे, चौकटींवरील जेमतेम दिसणारी बारीक काळी अक्षरे, आणि कुरणातील होळीप्रमाणे एक तेजस्वी नारंगी रंगाचा ठसा त्या एकरंगी वातावरणात व्यत्यय आणत होता.
- Custo — गनमेटल रंगाची गॅलरी, ज्यात एकसंध फॉन्ट वापरला आहे. सौम्य राखाडी-हिरव्या रंगांच्या छटा असलेले एक शोरूम, जिथे एकच गडद वस्तू आणि ५७ पिक्सेलचा फॉन्ट स्वतःच सर्व काही सांगून जातात.
- Silencio — तरंगत्या कलाकृतींनी सजलेली एक पांढरी खोली. उबदार कागदापासून बनवलेले एक कलादालन, जिथे प्रत्येक घटक एका नकारात्मक आकाराच्या पार्श्वभूमीवर आपले स्थान घेतो आणि तिथली शांतता हा एक हेतुपुरस्सर घेतलेला डिझाइनचा निर्णय आहे.
- ORYZO AI — डार्करूमबद्दलचा एक छायाचित्र-निबंध. उबदार अंधारात तरंगणारी एक एकाकी वस्तू, ज्यावर क्रीम रंगाचे फॉन्ट हेच एकमेव सजावटीचे साहित्य आहे.