Apple
એક જ વાદળી સ્વીચ સાથેનો સફેદ ઓરડો
એપલની ડિઝાઇન સંયમનું એક મોડેલ છે: લગભગ સફેદ કેનવાસ, પુષ્કળ સફેદ જગ્યા, અને એક જ, ગતિશીલ વાદળી ઉચ્ચારણ જે દરેક ક્રિયાને ઇરાદાપૂર્વકની લાગે છે. પ્રાથમિક ધ્યાન ટાઇપોગ્રાફી પર છે—SF Pro, જેમાં નકારાત્મક અક્ષર અંતર છે જે વધતા કદ સાથે ઘટે છે, હેડલાઇન્સને વધુ પડતા ભારે થયા વિના સ્થાપત્ય સ્પષ્ટતા આપે છે. ઉત્પાદન ડિઝાઇન છે: મોટા ઉત્પાદન ફોટા અને જીવનશૈલી છબીઓ પ્રભુત્વ ધરાવે છે, જ્યારે ક્રોમ તત્વો પાતળા ફ્રેમ્સ, અર્ધપારદર્શક નેવિગેશન અને સૂક્ષ્મ રેખાઓમાં ફરી જાય છે. પ્રમોશનલ સામગ્રી માટે પૂર્ણ-રંગીન બ્લોક્સ સાથે હળવા ગ્રે પૃષ્ઠભૂમિ સામે વિભાગો વૈકલ્પિક રીતે ગોઠવાય છે, સુશોભન તત્વોને બદલે સ્કેલમાં ફેરફાર દ્વારા લય બનાવે છે.
પેજ લેઆઉટ એક પૂર્ણ-પહોળાઈનું પૃષ્ઠ છે જેમાં કોઈ નિશ્ચિત મહત્તમ કન્ટેનર પહોળાઈ નથી—વિભાગો ધારથી ધાર સુધી ફેલાયેલા છે, જેમાં ટેક્સ્ટ બ્લોક્સ આશરે 980px પર કેન્દ્રિત છે. નેવિગેશન એક સિંગલ, ફિક્સ્ડ ગ્લોબલ બાર છે જેમાં સ્ક્રોલ પર દેખાતા દરેક ઉત્પાદન માટે વધારાના સબફોલ્ડર છે. મુખ્ય લેઆઉટ હંમેશા કેન્દ્રિત હોય છે: એક મોટું ઉત્પાદન નામ, એક-લાઇન ટેગલાઇન, બે પિલ બટનો, પછી એક ઉત્પાદન છબી જે બાકીના વ્યૂપોર્ટને ભરે છે. વિભાગો ઉદાર વર્ટિકલ લય (વિભાગો વચ્ચે 64px+), વૈકલ્પિક #f5f5f7 અને રંગીન પૃષ્ઠભૂમિ સાથે ઊભી રીતે સ્ટેક કરવામાં આવે છે. નીચેનું પૃષ્ઠ પૂર્ણ-પહોળાઈના સેવા કાર્ડ્સ (Apple TV+, Fitness+, Music, Arcade) ની એક આડી પંક્તિ છે, દરેક ઓવરલે ટેક્સ્ટ અને પિલ બટન સાથે ફોટો બ્લોક છે. કોઈ સાઇડબાર નથી, કોઈ બહુ-કૉલમ સામગ્રી લેઆઉટ નથી, કોઈ અસમપ્રમાણ રચનાઓ નથી—બધું કેન્દ્રિત, સ્ટેક્ડ અને સપ્રમાણ છે.
ફોટોગ્રાફી મુખ્ય દ્રશ્ય ભાષા છે. ઉત્પાદનના ફોટા શુદ્ધ સફેદ અથવા નરમ રાખોડી પૃષ્ઠભૂમિ સામે લેવામાં આવે છે, કોઈપણ સંદર્ભ વિના - ઉપકરણ એ તારો છે, અલગ અને પ્રકાશિત. જીવનશૈલીના ફોટા પૂર્ણ-પહોળાઈના બેનરોમાં પ્રદર્શિત થાય છે, ઘણીવાર ચુસ્ત રીતે કાપેલા પદાર્થો સાથે. રંગ ગ્રેડિયન્ટ્સ (પેસ્ટલ વાદળી, ગુલાબી, લીલો) ઉત્પાદન વિભાગો માટે પૃષ્ઠભૂમિ તરીકે સેવા આપે છે, સુશોભન તરીકે નહીં. આઇકોનોગ્રાફી ઓછામાં ઓછી અને રેખા-આધારિત છે, 1-2px જાડા, ટેક્સ્ટ જેવા જ ગ્રેસ્કેલમાં. કોઈ ચિત્રો, કોઈ અમૂર્ત ગ્રાફિક્સ, કોઈ 3D રેન્ડરિંગ નથી, સિવાય કે ઉત્પાદનના ફોટા પોતે.
પેલેટ
બ્રાન્ડ
- Apple Blue
#0071e3— ભરેલા એક્શન બટનો, પસંદ કરેલી સ્થિતિઓ - દરેક દેખાવને અર્થપૂર્ણ બનાવવા માટે ભાગ્યે જ ઉપયોગમાં લેવાતો એકમાત્ર ઇન્ટરેક્ટિવ રંગીન રંગ. - Link Blue
#0066cc— હાઇલાઇટ કરેલી એક્શન બોર્ડર્સ, એમ્બેડેડ લિંક્સ - જ્યાં ભરેલું ટેબ્લેટ ખૂબ જ ચમકદાર હશે ત્યાં એપલ બ્લુ કરતાં વધુ સંતૃપ્ત રંગનો ઉપયોગ થાય છે. - Signal Blue
#2997ff— સુશોભન ફ્રેમ્સ, છબી રૂપરેખા, ચિહ્ન બોર્ડર્સ - સિસ્ટમમાં સૌથી હળવો વાદળી રંગ, વપરાશકર્તાની ક્રિયાપ્રતિક્રિયાને બદલે વાતાવરણ માટે વપરાય છે.
તટસ્થ
- Carbon
#1d1d1f— મુખ્ય લખાણ, મથાળાની સરહદો, નેવિગેશન રેખાઓ, કાર્ડની સરહદો - મુખ્ય શાહીનો રંગ લગભગ કાળો છે જેમાં થોડી હૂંફનો સંકેત છે. - Frost
#f5f5f7— પેજ કેનવાસ, મુખ્ય ટેક્સ્ટ બેકગ્રાઉન્ડ અને ફૂટર સપાટી એપલના સિગ્નેચર આછા ગ્રે રંગની છે, જે શુદ્ધ સફેદ કરતાં થોડી ઠંડી છે. - Ice
#f4f8fb— અભિવ્યક્ત સપાટી ભરણ, સૂક્ષ્મ રંગો, ઘેરા પૃષ્ઠભૂમિ પર બટન ટેક્સ્ટ - એક સૂક્ષ્મ વાદળી રંગ જે વિભાગને અલગ પાડ્યા વિના જીવંત બનાવે છે. - Smoke
#333333— ગૌણ ટેક્સ્ટ, નેવિગેશન ફિલ, બટન બોર્ડર્સ - બોર્ડર્સ અને આઇકન્સ માટે એક બહુમુખી તટસ્થ રંગ જેને મધ્યમ ગ્રે કરતાં વધુ પંચની જરૂર હોય છે. - Graphite
#474747— નેવિગેશન ટેક્સ્ટ, નેવિગેશન બોર્ડર્સ, લિંક બોર્ડર્સ - તત્વ પદાનુક્રમમાં કાર્બન અને ધુમાડા વચ્ચે મધ્યવર્તી સ્થાન ધરાવે છે. - Ash
#707070— ફૂટર ટેક્સ્ટ, સૂચિ બોર્ડર્સ, નેવિગેશન બોર્ડર્સ, મ્યૂટ કરેલ બોડી ટેક્સ્ટ - એવી સામગ્રી માટે મધ્યમ ગ્રે રંગ જે હાજર હોવી જરૂરી છે પરંતુ મુખ્ય નથી.
ટાઇપોગ્રાફી
૧૨ થી ૫૬ પિક્સેલ સુધી · ૮ પગલાં
- SF Pro Display — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 400, 600, 700 · હેડલાઇન્સ અને મોટા ટેક્સ્ટ—૪૦ પિક્સેલ+ કદ, સાંકડા છિદ્ર અને મજબૂત નકારાત્મક ટ્રેકિંગ માટે ડિસ્પ્લે ફોર્મેટનો ઉપયોગ કરે છે; ૭૦૦ જાહેરાત લેઆઉટ માટે આરક્ષિત છે, અને ૪૦૦ સંપાદકીય સામગ્રીમાં ઉત્પાદન નામો માટે છે.
- SF Pro Text — રિપ્લેસમેન્ટ: Inter · રૂપરેખા 300, 400, 600 · બોડી ટેક્સ્ટ, નેવિગેશન, બટનો, સબહેડિંગ્સ — વર્કિંગ ફોન્ટ; બોડી ટેક્સ્ટ માટે 400, સબહેડિંગ્સ અને ક્વોલિફાઇડ લેબલ્સ માટે 300, નેવિગેશન એલિમેન્ટ્સ અને બટન ટેક્સ્ટ માટે 600; નકારાત્મક અક્ષર અંતર કદના પ્રમાણસર ઘટે છે (-0.022em થી 12px થી -0.01em થી 44px સુધી).
અંતરાલો અને સ્વરૂપ
| હેતુ | અર્થ |
|---|---|
| ઘનતા | સરેરાશ |
| મૂળભૂત પગલું | 12px |
| બટન ત્રિજ્યા | 980px |
| કાર્ડ ત્રિજ્યા | 8px |
| પડછાયાઓ | પડછાયાને બદલે ના - સરહદો |
| વિભાગો વચ્ચે | 64px |
| પૃષ્ઠ પહોળાઈ | 1440px |
AI તમારી વેબસાઇટ Apple શૈલીમાં બનાવશે અને તેને ભરી દેશે.
- લિંક દ્વારા ઉત્પાદનો અને પોસ્ટ્સ ભરો - Instagram, TikTok, Facebook.
- તમારી જૂની સાઇટ પરથી સામગ્રી ટ્રાન્સફર કરો—ફક્ત સરનામું સ્પષ્ટ કરો.
- શ્રેષ્ઠ એન્જિન પર આધુનિક ડિઝાઇન: સર્વર રેન્ડરિંગ અને SEO ઑપ્ટિમાઇઝેશન સાથે React ( Next.js).
- શોધ પરિણામો અને ન્યુરલ નેટવર્ક ભલામણો માટે સંપૂર્ણપણે સ્વચાલિત SEO ઑપ્ટિમાઇઝેશન.
સમાન શૈલીઓ
- Studio — ગતિશીલ ગેલેરી દિવાલ. દરેક સ્ક્રીન એક શાંત, ગ્રે પ્રદર્શન સપાટીનું પ્રતિનિધિત્વ કરે છે જ્યાં ટાઇપોગ્રાફિક સામગ્રી અને ઓવરલેપિંગ સર્જનાત્મક કાર્યો ધ્યાન માટે સ્પર્ધા કરે છે.
- Mollie — કાશ્મીરી કાઉન્ટર, ઘેરો ખાતાવહી. કાળા લખાણની આસપાસ સંપાદકીય ડિઝાઇન માટે પૂરતી ખાલી જગ્યા છોડો, પછી ગરમ ક્રીમ, એસ્પ્રેસો બ્રાઉન અને વાસ્તવિક ચુકવણી પદ્ધતિઓના સ્પર્શેન્દ્રિય ફોટા વડે ઉત્પાદન સંબંધિત મુદ્દાઓને મજબૂત બનાવો.
- Basis Theory — ડિઝાઇન સ્ટુડિયોમાં ચુકવણી ટર્મિનલ્સ. સફેદ ટેકનિકલ કાગળ, ઓવરલેપિંગ અર્ધપારદર્શક વ્યવહાર સ્તરો, અને એક જ પીરોજ નિયંત્રણ તત્વ દ્રશ્ય દિશા વ્યાખ્યાયિત કરે છે.
- CleanShot X — વાદળી પ્રકાશવાળા ડેસ્કટોપ સાથેનો સ્ટુડિયો. કોમ્પેક્ટ કાળા ટેક્સ્ટની આસપાસ એક શાંત સફેદ જગ્યા બનાવો, પછી સમૃદ્ધ વાદળી નિયંત્રણો અને સ્તરવાળી Mac ઉત્પાદન છબીઓને કેન્દ્ર સ્થાને આવવા દો.
- Modern Treasury — ગ્રાફ પેપર પર ટ્રેઝરી લેજર. એવા પૃષ્ઠો બનાવો જે શાંત, સફેદ ઓપરેટિંગ શીટ જેવા હોય, જ્યાં રોકડ પ્રવાહ બારીક રેખાઓ, લેબલવાળા નોડ્સ અને ચોક્કસ, છુપાયેલા નિયંત્રણો સાથે પ્રદર્શિત થાય.
- Basha-Franklin — સફેદ લિંટેલ નીચે એક ગેલેરી ગ્રીડ. ગરમ #f4ede6 રંગ, સૂક્ષ્મ કાળી રચના અને પ્રિન્ટેડ આર્કિટેક્ચરલ પોર્ટફોલિયો જેવા દેખાતા ફોટોગ્રાફ્સ પર આધારિત અસમપ્રમાણ સ્તંભોનો ઉપયોગ કરો.
- Bajgart Office — એડિટોરિયલ ગેલેરી વોલ. મોટી સફેદ જગ્યાનો ઉપયોગ કરો જ્યાં સૂક્ષ્મ સેરીફ ફોન્ટ્સ અને પોર્ટફોલિયો ટુકડાઓ ક્રોમ-પ્લેટેડ ઇન્ટરફેસ તત્વો કરતાં વધુ દ્રશ્ય વજન ધરાવે છે.
- Heptabase — સૂર્યપ્રકાશિત ડેસ્ક. ગરમ, કાગળ જેવી સપાટીઓ, કોલસાના રંગના નિયંત્રણો અને સંશોધન માટે તરતી બારીઓ સોફ્ટવેર કંટ્રોલ પેનલ કરતાં સંગઠિત કાર્યસ્થળની અનુભૂતિ કરાવે છે.
- Bejamas — પાયજામા—કાળા કાચમાંથી ચૂનો. શાંત, આછા રાખોડી રંગના સંપાદકીય પૃષ્ઠો બનાવો જે મનમોહક કાળા પેનલો દ્વારા વિક્ષેપિત થાય છે જ્યાં પ્રકાશની ઝાંખી લીલી છટાઓ સપાટીને છેદે છે.
- Baba — લાલ સૂર્યપ્રકાશમાં સંભાળ નોંધો. લોકોના ફોટોગ્રાફ્સને ભાવનાત્મક કેન્દ્ર તરીકે ઉપયોગ કરીને, ઘનિષ્ઠ સફેદ, ગુલાબી અને ક્રીમ માહિતી સપાટીઓની આસપાસ પહોળા લાલ વર્ણનાત્મક પટ્ટાઓ બનાવો.
- Grafana Labs — સનરાઇઝ સિગ્નલ સ્ટેશનનો કંટ્રોલ રૂમ. એક શાંત રાખોડી-સફેદ કાર્યસ્થળ વિશાળ, ચાર-રંગી ક્ષિતિજ ઢાળ અને ચોક્કસ વાદળી ઇન્ટરફેસ સિગ્નલો સાથે જોડાયેલું છે.
- Kagi — એક અલગ વાંચન ખંડ. બોલ્ડ ગ્રેફાઇટ ટેક્સ્ટની આસપાસ ખુલ્લી સફેદ જગ્યા બનાવો, સૂક્ષ્મ જાંબલી ઉચ્ચારો અને ગરમ પેસ્ટલ સપાટીઓનો ઉપયોગ કરીને શાંતિ તોડો.