Apple
നീല നിറത്തിലുള്ള ഒറ്റ സ്വിച്ചുള്ള വെളുത്ത മുറി.
ആപ്പിളിന്റെ രൂപകൽപ്പന ഒരു സംയമന മാതൃകയാണ്: ഏതാണ്ട് വെളുത്ത നിറത്തിലുള്ള ക്യാൻവാസ്, വിശാലമായ വെളുത്ത ഇടം, ഓരോ പ്രവൃത്തിയും മനഃപൂർവ്വം അനുഭവപ്പെടുത്തുന്ന ഒറ്റ, ഊർജ്ജസ്വലമായ നീല ആക്സന്റ്. പ്രധാന ശ്രദ്ധാകേന്ദ്രം ടൈപ്പോഗ്രാഫിയിലാണ് - SF Pro, വലുപ്പം കൂടുന്നതിനനുസരിച്ച് കുറയുന്ന നെഗറ്റീവ് അക്ഷര വിടവ്, അമിതമായി ഭാരമില്ലാതെ തലക്കെട്ടുകൾക്ക് ഒരു വാസ്തുവിദ്യാ വ്യക്തത നൽകുന്നു. ഉൽപ്പന്നം രൂപകൽപ്പനയാണ്: വലിയ ഉൽപ്പന്ന ഫോട്ടോകളും ജീവിതശൈലി ചിത്രങ്ങളും ആധിപത്യം പുലർത്തുന്നു, അതേസമയം ക്രോം ഘടകങ്ങൾ നേർത്ത ഫ്രെയിമുകളിലേക്കും അർദ്ധസുതാര്യമായ നാവിഗേഷനിലേക്കും സൂക്ഷ്മമായ വരകളിലേക്കും പിൻവാങ്ങുന്നു. പ്രമോഷണൽ മെറ്റീരിയലുകൾക്കായി പൂർണ്ണ വർണ്ണ ബ്ലോക്കുകളുള്ള ഇളം ചാരനിറത്തിലുള്ള പശ്ചാത്തലത്തിൽ വിഭാഗങ്ങൾ മാറിമാറി വരുന്നു, അലങ്കാര ഘടകങ്ങളേക്കാൾ സ്കെയിലിലെ മാറ്റങ്ങളിലൂടെ താളം സൃഷ്ടിക്കുന്നു.
പേജ് ലേഔട്ട് ഒരു പൂർണ്ണ വീതിയുള്ള പേജാണ്, പരമാവധി കണ്ടെയ്നർ വീതിക്ക് ഒരു നിശ്ചിത വലുപ്പമില്ല - അരികിൽ നിന്ന് അരികിലേക്ക് നീളുന്ന വിഭാഗങ്ങളുണ്ട്, ഏകദേശം 980px ൽ ടെക്സ്റ്റ് ബ്ലോക്കുകൾ കേന്ദ്രീകരിച്ചിരിക്കുന്നു. സ്ക്രോളിൽ ദൃശ്യമാകുന്ന ഓരോ ഉൽപ്പന്നത്തിനും ഒരു അധിക സബ്ഫോൾഡറുള്ള ഒരു സിംഗിൾ, ഫിക്സഡ് ഗ്ലോബൽ ബാറാണ് നാവിഗേഷൻ. പ്രധാന ലേഔട്ട് എല്ലായ്പ്പോഴും കേന്ദ്രീകൃതമാണ്: ഒരു വലിയ ഉൽപ്പന്ന നാമം, ഒരു സിംഗിൾ-ലൈൻ ടാഗ്ലൈൻ, രണ്ട് പിൽ ബട്ടണുകൾ, തുടർന്ന് ശേഷിക്കുന്ന വ്യൂപോർട്ട് നിറയ്ക്കുന്ന ഒരു ഉൽപ്പന്ന ചിത്രം. വിഭാഗങ്ങൾ ലംബമായി ഒരു ഉദാരമായ ലംബ താളം (വിഭാഗങ്ങൾക്കിടയിൽ 64px+), ഒന്നിടവിട്ട #f5f5f7, നിറമുള്ള പശ്ചാത്തലങ്ങൾ എന്നിവ ഉപയോഗിച്ച് അടുക്കിയിരിക്കുന്നു. താഴത്തെ പേജ് പൂർണ്ണ വീതിയുള്ള സർവീസ് കാർഡുകളുടെ ഒരു തിരശ്ചീന നിരയാണ് (ആപ്പിൾ ടിവി+, ഫിറ്റ്നസ്+, സംഗീതം, ആർക്കേഡ്), ഓരോന്നിനും ഓവർലേ ടെക്സ്റ്റും ഒരു പിൽ ബട്ടണും ഉള്ള ഒരു ഫോട്ടോ ബ്ലോക്ക്. സൈഡ്ബാറുകളില്ല, മൾട്ടി-കോളം ഉള്ളടക്ക ലേഔട്ടുകളില്ല, അസമമായ കോമ്പോസിഷനുകളില്ല - എല്ലാം കേന്ദ്രീകൃതവും അടുക്കിയതും സമമിതിയുമാണ്.
ഫോട്ടോഗ്രാഫിയാണ് പ്രധാന ദൃശ്യഭാഷ. ഉൽപ്പന്ന ഫോട്ടോകൾ ശുദ്ധമായ വെള്ള അല്ലെങ്കിൽ മൃദുവായ ചാരനിറത്തിലുള്ള പശ്ചാത്തലത്തിലാണ് എടുക്കുന്നത്, യാതൊരു സന്ദർഭവുമില്ലാതെ - ഉപകരണം നക്ഷത്രമാണ്, ഒറ്റപ്പെട്ടതും പ്രകാശപൂരിതവുമാണ്. ജീവിതശൈലി ഫോട്ടോകൾ പൂർണ്ണ വീതിയുള്ള ബാനറുകളിലാണ് പ്രദർശിപ്പിക്കുന്നത്, പലപ്പോഴും കർശനമായി ക്രോപ്പ് ചെയ്ത വസ്തുക്കൾ. വർണ്ണ ഗ്രേഡിയന്റുകൾ (പാസ്റ്റൽ നീല, പിങ്ക്, പച്ച) ഉൽപ്പന്ന വിഭാഗങ്ങളുടെ പശ്ചാത്തലമായി വർത്തിക്കുന്നു, അലങ്കാരമായിട്ടല്ല. ഐക്കണോഗ്രഫി മിനിമലിസ്റ്റും ലൈൻ അധിഷ്ഠിതവുമാണ്, 1-2px കട്ടിയുള്ളതും, ടെക്സ്റ്റിന്റെ അതേ ഗ്രേസ്കെയിലിൽ. ഉൽപ്പന്ന ഫോട്ടോകൾ ഒഴികെ ചിത്രീകരണങ്ങളില്ല, അമൂർത്ത ഗ്രാഫിക്സുകളില്ല, 3D റെൻഡറിംഗുകളില്ല.
പാലറ്റ്
ബ്രാൻഡ്
- Apple Blue
#0071e3— പൂരിപ്പിച്ച ആക്ഷൻ ബട്ടണുകൾ, തിരഞ്ഞെടുത്ത അവസ്ഥകൾ - ഓരോ രൂപവും അർത്ഥവത്തായതാക്കാൻ മിതമായി ഉപയോഗിക്കുന്ന ഒരേയൊരു സംവേദനാത്മക ക്രോമാറ്റിക് നിറം. - Link Blue
#0066cc— ഹൈലൈറ്റ് ചെയ്ത ആക്ഷൻ ബോർഡറുകൾ, എംബഡഡ് ലിങ്കുകൾ - നിറച്ച ടാബ്ലെറ്റ് വളരെ മിന്നുന്ന തരത്തിൽ ആപ്പിൾ ബ്ലൂവിനേക്കാൾ കൂടുതൽ പൂരിത നിറം ഉപയോഗിക്കുന്നു. - Signal Blue
#2997ff— അലങ്കാര ഫ്രെയിമുകൾ, ചിത്ര രൂപരേഖകൾ, ഐക്കൺ ബോർഡറുകൾ - സിസ്റ്റത്തിലെ ഏറ്റവും ഇളം നീല നിറം, ഉപയോക്തൃ ഇടപെടലിനേക്കാൾ അന്തരീക്ഷത്തിന് ഉപയോഗിക്കുന്നു.
നിഷ്പക്ഷം
- Carbon
#1d1d1f— പ്രധാന വാചകം, തലക്കെട്ട് ബോർഡറുകൾ, നാവിഗേഷൻ ലൈനുകൾ, കാർഡ് ബോർഡറുകൾ - പ്രധാന മഷി നിറം ഏതാണ്ട് കറുപ്പാണ്, ചെറിയൊരു ഊഷ്മളതയുമുണ്ട്. - Frost
#f5f5f7— പേജ് ക്യാൻവാസ്, പ്രധാന ടെക്സ്റ്റ് പശ്ചാത്തലം, ഫൂട്ടർ ഉപരിതലം എന്നിവ ആപ്പിളിന്റെ സിഗ്നേച്ചർ ഇളം ചാരനിറമാണ്, ശുദ്ധമായ വെള്ളയേക്കാൾ അല്പം തണുത്തതാണ്. - Ice
#f4f8fb— എക്സ്പ്രസീവ് സർഫസ് ഫില്ലുകൾ, സൂക്ഷ്മമായ നിറങ്ങൾ, ഇരുണ്ട പശ്ചാത്തലത്തിലുള്ള ബട്ടൺ ടെക്സ്റ്റ് - വിഭാഗത്തെ വേറിട്ടു നിർത്താതെ ജീവസുറ്റതാക്കുന്ന സൂക്ഷ്മമായ നീല നിറം. - Smoke
#333333— സെക്കൻഡറി ടെക്സ്റ്റ്, നാവിഗേഷൻ ഫിൽ, ബട്ടൺ ബോർഡറുകൾ - ഇടത്തരം ചാരനിറത്തേക്കാൾ കൂടുതൽ പഞ്ച് ആവശ്യമുള്ള ബോർഡറുകൾക്കും ഐക്കണുകൾക്കുമായി ഒരു വൈവിധ്യമാർന്ന ന്യൂട്രൽ നിറം. - Graphite
#474747— നാവിഗേഷൻ ടെക്സ്റ്റ്, നാവിഗേഷൻ ബോർഡറുകൾ, ലിങ്ക് ബോർഡറുകൾ - മൂലക ശ്രേണിയിൽ കാർബണിനും പുകയ്ക്കും ഇടയിൽ ഒരു ഇന്റർമീഡിയറ്റ് സ്ഥാനം വഹിക്കുന്നു. - Ash
#707070— അടിക്കുറിപ്പ് വാചകം, ലിസ്റ്റ് ബോർഡറുകൾ, നാവിഗേഷൻ ബോർഡറുകൾ, മ്യൂട്ട് ചെയ്ത ബോഡി വാചകം - പ്രകടമായിരിക്കേണ്ടതും എന്നാൽ പ്രകടമല്ലാത്തതുമായ ഉള്ളടക്കത്തിന് ഇടത്തരം ചാരനിറം.
ടൈപ്പോഗ്രാഫി
12 മുതൽ 56px വരെ · 8 ചുവടുകൾ
- SF Pro Display — മാറ്റിസ്ഥാപിക്കൽ: Inter · രൂപരേഖകൾ 400, 600, 700 · തലക്കെട്ടുകളും വലിയ വാചകവും—40px+ വലുപ്പങ്ങൾ ഇടുങ്ങിയ അപ്പേർച്ചറിനും ശക്തമായ നെഗറ്റീവ് ട്രാക്കിംഗിനും ഒരു ഡിസ്പ്ലേ ഫോർമാറ്റ് ഉപയോഗിക്കുന്നു; 700 പരസ്യ ലേഔട്ടുകൾക്കായി നീക്കിവച്ചിരിക്കുന്നു, 400 എഡിറ്റോറിയൽ ഉള്ളടക്കത്തിലെ ഉൽപ്പന്ന നാമങ്ങൾക്കായി നീക്കിവച്ചിരിക്കുന്നു.
- 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 ഒപ്റ്റിമൈസേഷൻ.
സമാനമായ ശൈലികൾ
- Ui — മാറ്റ് പേപ്പറിൽ ക്ലിനിക്കൽ പ്ലാൻ
- ElevenLabs — സൂക്ഷ്മമായ തലക്കെട്ടുകളുള്ള ഊഷ്മളമായ ക്രീം ടോണുകളിൽ ഒരു ഫോട്ടോ ഉപന്യാസം. ബൗഹൗസ് ശൈലിയിലുള്ള ഒരു നോട്ട്ബുക്ക് - മുട്ടത്തോടിന്റെ നിറമുള്ള പേപ്പർ, കറുത്ത മഷി, ഉൽപ്പന്ന പ്രദർശനത്തിനായി പർപ്പിൾ, ഓറഞ്ച് നിറങ്ങളിലുള്ള ഒറ്റ ആക്സന്റ്.
- monopo saigon — എഡിറ്റോറിയൽ നിശബ്ദതയ്ക്ക് പിന്നിൽ ഒരു ദ്രാവകവും തിളക്കമുള്ളതുമായ തിളക്കം - ഉരുകിയ വെളിച്ചത്തിൽ പൊങ്ങിക്കിടക്കുന്ന ഒരു മോണോക്രോം എഡിറ്റോറിയൽ ഗാലറി.
- Awesomic — കൺഫെറ്റിയെ അനുസ്മരിപ്പിക്കുന്ന ഓറഞ്ച് വിരാമചിഹ്നങ്ങളുള്ള എഡിറ്റോറിയൽ സിങ്ക് മെഷ്.
- Monad — ചൂടുള്ള കടലാസിൽ എഡിറ്റോറിയൽ ടെക്നിക്കൽ ജേണൽ
- Dub — ലിങ്കിന്റെ മാറ്റ് റൈസ് പേപ്പർ നിയന്ത്രണ പാനൽ
- Seline Analytics — ചൂടുള്ള കടലാസിൽ ഒരു നിശബ്ദ വിശകലന പട്ടിക
- Ventriloc — ചൂടുള്ള കടലാസിൽ ഡാറ്റയുടെ ഒരു എഡിറ്റോറിയൽ നിരീക്ഷണാലയം - മോണോക്രോം കൃത്യത എടുത്തുകാണിക്കുന്ന ഒരു ഓറഞ്ച് കനൽ.
- Duolingo — വെള്ളക്കടലാസിൽ കളിയായ ക്ലാസ് മാസ്കോട്ട്
- Stripe — ഫ്രോസ്റ്റഡ് ഗ്ലാസിൽ ഇൻഡിഗോ മഷിയിൽ എഴുതിയ ഒരു അക്കൗണ്ട് പുസ്തകം
- Notion — ഉച്ചവെയിലിൽ ഒരു ചൂടുള്ള കടലാസ് നോട്ട്ബുക്ക്
- Hyer Aviation — കോക്ക്പിറ്റിൽ പാർക്കിംഗ് ഏരിയയിൽ സന്ധ്യ. ഫ്യൂസ്ലേജ് വലിപ്പമുള്ള സെരിഫ് ലോഗോയിൽ വിളറിയ പ്രഭാത ആകാശം കാണാം, ഒപ്പം ഒരു ചൂടുള്ള കളിമൺ ആക്സന്റ് മോണോക്രോം നിയന്ത്രണത്തെ തകർക്കുന്നു.