Apple (España)
ભાગ્યે જ સાંભળી શકાય તેવી હેડલાઇન્સ સાથે સફેદ જગ્યાનું એક કેથેડ્રલ. એક વિશાળ, તેજસ્વી હોલ જ્યાં 700-ઘનતાના વિશાળ ફોન્ટ્સ હવામાં લટકતા હોય છે, જે ફક્ત પેસ્ટલ રંગો અને એક જ વાદળી દોરા દ્વારા એકસાથે જોડાયેલા હોય છે.
એપલની પ્રોડક્ટ પેજ ભાષા ટાઇપોગ્રાફિક ઉદારતાનો અભ્યાસ છે: વિશાળ SF પ્રો ડિસ્પ્લે હેડલાઇન્સ ઓફ-વ્હાઇટ પૃષ્ઠભૂમિ સામે ફરતી હોય છે, જે વિશાળ સફેદ જગ્યાથી ઘેરાયેલી હોય છે જે દરેક શબ્દને ઇરાદાપૂર્વકનો અનુભવ કરાવે છે. પેલેટ લગભગ મોનોક્રોમેટિક છે—#1d1d1f માં ટેક્સ્ટ, #ffffff અને #f5f5f7 વચ્ચે વૈકલ્પિક કેનવાસ—એક વાદળી ઉચ્ચાર (#0071e3) સાથે ફક્ત ઇન્ટરેક્ટિવ ક્ષણો માટે આરક્ષિત. રંગ ઉત્પાદન છબીઓમાં જ હાજર છે (પેસ્ટલ ટોન), ક્યારેય સુશોભન UI તત્વો તરીકે નહીં. ઘટકો ફ્રેમલેસ છે: 28px ત્રિજ્યાવાળા ગોળાકાર કાર્ડ, ગોળી આકારના બટનો લગભગ પૃષ્ઠની ધારને સ્પર્શતા, કોઈ દૃશ્યમાન કન્ટેનર અથવા ડ્રોપ શેડો વિના. લય સફેદ અને રાખોડી પટ્ટાઓને વૈકલ્પિક કરીને બનાવવામાં આવે છે, વિભાજક અથવા સરહદો નહીં.
વિભાગો પૃષ્ઠની સંપૂર્ણ પહોળાઈ ધરાવે છે, ઉદાર પેડિંગ (લગભગ 40-100 બાજુઓ) સાથે ધારથી ધાર સુધી ફેલાયેલા છે. મહત્તમ સામગ્રી પહોળાઈ દરેક સ્ટ્રીપની અંદર અસરકારક રીતે કેન્દ્રિત છે. મુખ્ય તત્વ એક કેન્દ્રિત સ્ટેક છે: ભમર આકારનું લેબલ, એક મોટું હેડલાઇન, એક કોલ-ટુ-એક્શન બટન, કિંમત પંક્તિ, અને પછી વ્યુપોર્ટના તળિયે ભરતી ઉત્પાદન છબી. વિભાગો પુનરાવર્તિત પેટર્નને અનુસરે છે: સ્ટ્રીપની અંદર ડાબી બાજુ ગોઠવાયેલ હેડલાઇન, ત્યારબાદ ઉત્પાદન વર્ણનો સાથે બે-કૉલમ લેઆઉટ (ડાબી બાજુ ટેક્સ્ટ/જમણી બાજુ છબી અથવા વૈકલ્પિક), કાર્ડ્સનો ત્રણ-કૉલમ ગ્રીડ, અથવા કેન્દ્રિત દ્રશ્ય પ્રદર્શન. સામગ્રી લય સંપૂર્ણપણે 100-100 સે.મી.ના ઊભી ગાબડા સાથે વૈકલ્પિક સફેદ અને ત્રણ-રંગીન પૃષ્ઠભૂમિ દ્વારા નિયંત્રિત થાય છે—કોઈ વિભાજક નથી, તત્વો વહન કરતા કાર્ડ નથી. વૈશ્વિક નેવિગેશન એક સિંગલ, નિશ્ચિત બાર છે. ઉત્પાદન સ્પષ્ટીકરણ વિભાગો ઉદાર પેડિંગ સાથે પૂર્ણ-પહોળાઈના બેન્ડનો ઉપયોગ કરે છે, જ્યાં ટેક્સ્ટ વિશાળ દ્રશ્ય ક્ષેત્રની સામે સાંકડા કૉલમ (~560px) માં કેન્દ્રિત હોય છે.
એપલની દ્રશ્ય ભાષા મુખ્યત્વે ઉત્પાદન ફોટોગ્રાફી છે: શુદ્ધ સફેદ અથવા રંગીન પૃષ્ઠભૂમિ સામે હાર્ડવેરના ક્લોઝ-અપ્સ, જીવનશૈલી સંદર્ભ અથવા સ્ટેજ્ડ દ્રશ્યો વિના. મુખ્ય છબીમાં પેસ્ટલ લીલા મેકબુક નીઓ પકડેલા હાથ બતાવે છે - માનવ તત્વ ગૌણ છે, જે ભાવનાને બદલે સ્કેલ અને ટેક્સચર દર્શાવે છે. ઉત્પાદન વેરિઅન્ટ વિભાગોમાં, બે ઉપકરણો મેચિંગ ટ્રીમ રંગો (ગુલાબી, લીલો, ચાંદી, આકાશ વાદળી) ની પૃષ્ઠભૂમિ સામે બાજુમાં રજૂ કરવામાં આવે છે, દરેક કાર્ડ કેન્દ્રમાં ઉત્પાદન સાથે સપાટ રંગ ક્ષેત્ર છે. વિગતવાર શોટ્સ તટસ્થ પૃષ્ઠભૂમિ સામે અત્યંત ક્લોઝ-અપ્સ (લેપટોપ હિન્જ, કેમેરા મોડ્યુલ) નો ઉપયોગ કરે છે. કોઈ ચિત્રો નથી, કોઈ અમૂર્ત ગ્રાફિક્સ નથી, કોઈ સુશોભન છબીઓ નથી - ઉત્પાદન પોતે દ્રશ્ય તત્વ છે. આઇકોનોગ્રાફી દરેક જગ્યાએ છે - SF સિમ્બોલ્સ શૈલીમાં મોનોક્રોમ લાઇન આઇકોન્સ, 1.5-2px જાડા, એપલ સિસ્ટમ આઇકોન સેટમાંથી લેવામાં આવ્યા છે. ફોટોગ્રાફી હંમેશા ઉચ્ચ-કી રીતે કરવામાં આવે છે: સમાન, પડછાયા-મુક્ત લાઇટિંગ જે ઉત્પાદનને ત્રિ-પરિમાણીય પદાર્થને બદલે ગ્રાફિક સ્વરૂપમાં ઘટાડે છે.
પેલેટ
બ્રાન્ડ
- 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 · ડિસ્પ્લે માટે હીરો હેડિંગ અને સબહેડિંગ — 80–96px પર 700 વજન -1.44px ના નકારાત્મક અક્ષર અંતર સાથે એપલના સિગ્નેચર "સફેદ રંગમાં તરતી વિશાળ હેડલાઇન" બનાવે છે. અવેજી: ઇન્ટર, સિસ્ટમ-યુઆઈ
- SF Pro Display — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 600 · વિભાગના શીર્ષકો, કાર્ડ શીર્ષકો, ઉપશીર્ષકો - ઉપરના ટૂંકા શીર્ષકોથી વિપરીત, સહેજ હકારાત્મક અક્ષર અંતર સાથે 600 ફોન્ટ મધ્યમ કદમાં ગરમ અને મૈત્રીપૂર્ણ લાગે છે.
- SF Pro Text — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 500, 600 · બોડી ટેક્સ્ટ, નેવિગેશન, સપોર્ટિંગ ફકરા અને નાના કૅપ્શન્સ માટે, 17px પર 400 ની ઇન્ડેક્સ ધરાવતો ફોન્ટ પ્રાથમિક ફોન્ટ છે. નકારાત્મક અક્ષર અંતર માહિતી-ભારે પૃષ્ઠો પર વધુ સંક્ષિપ્ત મુખ્ય ટેક્સ્ટ માટે પરવાનગી આપે છે.
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | ગાઢ |
| મૂળભૂત પગલું | 8-10px |
| બટન ત્રિજ્યા | 980px |
| કાર્ડ ત્રિજ્યા | 28px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 100-120px |
| પૃષ્ઠ પહોળાઈ | 1200px |
AI તમારી વેબસાઇટ Apple (España) શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Airbnb — એક જ કોરલ લાલ બુકમાર્ક સાથે શાંત સફેદ ગેલેરી દિવાલ
- Peak Design — ગેલેરી દિવાલ, આંશિક રીતે પ્રકાશિત
- Ramp — સંપાદકીય નાણાં વિભાગ, એક જ નિયોન માર્કરવાળા કાળા અને સફેદ પાના. પ્રકાશનની વ્યવહારીક રીતે મોનોક્રોમ સપાટી, જ્યાં એક જ તેજસ્વી ચૂના-લીલો સ્ટ્રોક દરેક ક્રિયાપ્રતિક્રિયાને નાણાકીય સંકેતમાં પરિવર્તિત કરે છે.
- 099 SUPPLY — કાળા અને સફેદ વસ્તુઓથી ભરેલી ગેલેરી દિવાલ
- Orderful — ઔદ્યોગિક લોજિસ્ટિક્સ કંટ્રોલ ડેક - કાળી શાહી અને સર્જિકલ લાલ રંગમાં લખેલી પ્રિન્ટેડ લોજિસ્ટિક્સ ડિસ્પેચર ચેકલિસ્ટ, દરેક પાનું એટલું ગુપ્ત છે કે એક ઓપરેટર કંઈક મહત્વપૂર્ણ વાત કહી શકે.
- Apple (España) — સફેદ ગેલેરી ડિસ્પ્લે કેસ
- teenage engineering — સ્ટુડિયો લાઇટિંગમાં ઔદ્યોગિક કેટલોગ - ઉત્પાદન એ પૃષ્ઠ પર એકમાત્ર મહત્વપૂર્ણ વસ્તુ છે, અને બાકીની બધી બાબતો તેની આસપાસ ચર્ચા કરવામાં આવે છે.
- Apple (España) — સવારના ધુમ્મસમાં ગેલેરીની બારી
- Lightship — ખુલ્લા રસ્તાનો સિનેમેટિક ડાયોરામા. ગરમ ક્રીમ ગેલેરીની દિવાલો, જે મોટા લેન્ડસ્કેપ ફોટોગ્રાફ્સથી શણગારેલી છે, ફ્રેમ પર ભાગ્યે જ દેખાતી પાતળી કાળી શૈલી, અને એક તેજસ્વી નારંગી રંગ જે ઘાસના મેદાનમાં અગ્નિની જેમ મોનોક્રોમને તોડી નાખે છે.
- Custo — મોનોલિથિક ફોન્ટ સાથે ગનમેટલ રંગની ગેલેરી. મ્યૂટ ગ્રે-લીલા ટોનમાં શોરૂમ, જ્યાં એક જ ઘેરી વસ્તુ અને 57px ફોન્ટ પોતાના માટે બોલે છે.
- Silencio — તરતી કલાકૃતિઓ સાથેનો સફેદ ઓરડો. ગરમ કાગળથી બનેલું ગેલેરી પ્રદર્શન, જ્યાં દરેક તત્વ નકારાત્મક વોલ્યુમની પૃષ્ઠભૂમિ સામે તેનું સ્થાન ધરાવે છે, અને મૌન એ ઇરાદાપૂર્વકનો ડિઝાઇન નિર્ણય છે.
- ORYZO AI — અંધારાવાળા ઓરડા વિશેનો ફોટો નિબંધ. ગરમ અંધારામાં ફરતી એક એકાંત વસ્તુ, ક્રીમ ફોન્ટ એકમાત્ર શણગાર છે.