Apple (España)
א קאַטעדראַל פֿון ווײַסן פּלאַץ מיט קוים הערבאַרע קעפּלעך. א ריזיקער, ליכטיקער זאַל, וואו ריזיקע 700-געדיכטקייט שריפֿטן הענגען אין דער לופֿט, צוזאַמענגעהאַלטן נאָר דורך פּאַסטעל פֿאַרבן און אַן איינציקן בלויען פֿאָדעם.
עפּל'ס פּראָדוקט בלאַט שפּראַך איז אַ שטודיע אין טיפּאָגראַפֿישער ברייטהאַרציקייט: ריזיקע SF Pro Display קעפּלעך שוועבן קעגן אַן אָפֿן-ווײַסן הינטערגרונט, אַרומגערינגלט מיט אַ ריזיקן ווײַסן פּלאַץ וואָס מאַכט יעדעס וואָרט פילן באַוואוסטזיניק. די פּאַלעטע איז כּמעט-מאָנאָכראָמאַטיש - טעקסט אין #1d1d1f, קאַנוואַס אָלטערנייטינג צווישן #ffffff און #f5f5f7 - מיט אַן איינציקן בלויען אַקצענט (#0071e3) רעזערווירט אויסשליסלעך פֿאַר אינטעראַקטיווע מאָמענטן. קאָליר איז פאָרשטעלן אין די פּראָדוקט בילדער זיך (פּאַסטעל טאָנעס), קיינמאָל ווי דעקאָראַטיווע UI עלעמענטן. קאָמפּאָנענטן זענען ראַםלאָז: קייַלעכדיק קאַרטלעך מיט אַ 28px ראַדיוס, פּיל-שייפּט קנעפּלעך כּמעט רירן די עקן פון דער בלאַט, אָן קענטיק קאַנטיינערז אָדער דראָפּ שאָטנס. ריטם איז באשאפן דורך אָלטערנייטינג ווײַסע און גרויע סטריפּס, נישט טיילערז אָדער גרענעצן.
סעקציעס פארנעמען די פולע ברייט פון דער בלאט, אויסגעצויגן פון ברעג צו ברעג מיט ברייטהאַרציקע פּאַדינג (אומגעפער 40-100 זייטן). די מאַקסימום אינהאַלט ברייט איז עפעקטיוו צענטרירט אין יעדער פּאַס. דער הויפּט עלעמענט איז אַ צענטרירטער סטאַק: אַן אויגנברעם-פאָרמיגע לייבאַל, אַ פארגרעסערטע קעפּל, אַן איינציקער "רוף-צו-אַקציע" קנעפּל, אַ פּרייז שורה, און דערנאָך אַ פּראָדוקט בילד וואָס פילט דעם דנאָ פון דעם וויופּאָרט. סעקציעס נאָכפאָלגן אַ איבערחזרנדיק מוסטער: אַ לינקס-אויסגעשטעלטע קעפּל אין דעם פּאַס, נאכגעגאנגען דורך אָדער אַ צוויי-קאָלום אויסלייג מיט פּראָדוקט באַשרייַבונגען (טעקסט אויף דער לינקער זייט / בילד אויף דער רעכטער זייט אָדער אָלטערנייטינג), אַ דריי-קאָלום גריד פון קאַרטלעך, אָדער אַ צענטרירט וויזועל וויטרינע. אינהאַלט ריטם איז גאָר קאַנטראָולד דורך אָלטערנייטינג ווייַס און דריי-קאָליר הינטערגרונט מיט ווערטיקאַל גאַפּס פון 100-100 סענטימעטער - קיין טיילערז, קיין קאַרטלעך וואָס טראָגן עלעמענטן. גלאבאלע נאַוויגאַציע איז אַ איין, פאַרפעסטיקט באַר. פּראָדוקט ספּעסיפיקאַציע סעקציעס נוצן פול-ברייט בענדס מיט ברייטהאַרציקע פּאַדינג, וווּ טעקסט איז צענטרירט אין שמאָלע קאָלומס (~560px) קעגן אַ ברייטער וויזועל געגנט.
עפּל'ס וויזועלע שפּראַך איז בפֿרט פּראָדוקט פֿאָטאָגראַפֿיע: נאָענטע בילדער פֿון האַרדווער קעגן אַ ריין ווײַסן אָדער קאָלירטן הינטערגרונט, אָן לייפֿסטייל קאָנטעקסט אָדער אינסצענירטע סצענעס. די הויפּט בילד ווײַזט הענט וואָס האַלטן אַ פּאַסטעל גרין מאַקבאָאָק נעאָ - דער מענטשלעכער עלעמענט איז צווייטיק, דעמאָנסטרירט גרייס און טעקסטור אלא ווי עמאָציע. אין די פּראָדוקט וואַריאַנט סעקציעס, ווערן צוויי דעוויסעס פּרעזענטירט זייַט ביי זייַט קעגן אַ הינטערגרונט פֿון פּאַסיקע טרים קאָלירן (ראָזעווע, גרין, זילבער, הימל בלוי), יעדע קאַרטל אַ פלאַך קאָליר פֿעלד מיטן פּראָדוקט אין צענטער. דעטאַל שאָץ נוצן עקסטרעמע נאָענטע בילדער (דער לאַפּטאַפּ שאַרניר, דער קאַמעראַ מאָדול) קעגן אַ נײַטראַלן הינטערגרונט. עס זענען נישטאָ קיין אילוסטראַציעס, קיין אַבסטראַקטע גראַפיקס, קיין דעקאָראַטיווע בילדער - דער פּראָדוקט אַליין איז דער וויזועלער עלעמענט. יקאָנאָגראַפֿיע איז אומעטום - מאָנאָכראָם ליניע ייקאַנז אין די SF סימבאָלס סטיל, 1.5-2 פּיקסעל דיק, גענומען פֿון די עפּל סיסטעם ייקאַן סעט. די פֿאָטאָגראַפֿיע איז שטענדיק געטאָן אין אַ הויך-קלאַס שטייגער: מונדיר, שאָטן-פֿרײַ לייטינג וואָס רעדוצירט דעם פּראָדוקט צו אַ גראַפֿישער פֿאָרעם אלא ווי אַ דריי-דימענסיאָנאַלן אָביעקט.
פּאַלעטע
בראַנד
- Electric Blue
#0071e3— אָנגעפילטע אַקציע קנעפּלעך זענען דער איינציקער קאָליר אַקצענט אין די UI, געניצט שפּאָרעוודיק פֿאַר רופן צו אַקציע. - Link Blue
#0066cc— אינליין טעקסט לינקס, לינקס מיט פײַלן און שעווראָנען. - Citrus Gradient
#3b3b23— אן אלטערנאטיווע ענדיקונג וואס איז געווארן די פראדוקט'ס כאראקטעריסטישע שטריך איז א טונקעלע באזע וואס פארבלאסן אין געל-גרינע הויכפּונקטן.
נייטראל
- Primary Ink
#1d1d1f— קעפּלעך, גוף-טעקסט, און קנעפּל-עטיקעטן זענען דער דאָמינירנדיקער פאָרגרונט-טאָן אויף אַלע ייבערפלאַכן; דער הינטערגרונט פון דעם הויפּט פּראָדוקט בילד גייט גלאַט איבער פון אַ האַרט #1d1d1f אויבן צו אַ כראָמאַטיש בלוי. - Mid Gray
#707070— צווייטיקער טעקסט, נישט-אקטיוו נאַוויגאַציע צושטאַנד, שטילע באַניצער צובינד עטיקעטן - Deep Gray
#474747— נאַוויגאַציע טעקסט און איקאָנאָגראַפֿיע זענען אין מיטלער שריפֿט. - Hairline
#d6d6d6— דינע גרענעצן צווישן סעקשאַנז און UI עלעמענטן. - Canvas
#f5f5f7— אָלטערנייטינג סעקשאַן הינטערגרונטן - אַ גרוי פּאַס וואָס טיילט די ווייַסע געביטן. - Paper
#ffffff— קאַרטל ייבערפלאַך, הויפּט בלאַט הינטערגרונט, קנעפּל טעקסט אויף אַ טונקל הינטערגרונט.
טיפּאָגראַפיע
פֿון 12 ביז 96 פּיקסעל · 10 טריט
- SF Pro Display — פאַרבייַט: Inter · קאָנטורן 600, 700 · העלד קעפּלעך און אונטערקעפּלעך פֿאַר אַרויסווייַזונג — 700 וואָג ביי 80–96 פּיקסעל מיט נעגאַטיוו אותיות-ספּייסינג פון -1.44 פּיקסעל שאַפֿט עפּל'ס אונטערשריפט "מאַסיוו קעפּל שוועבנדיק אין ווײַס." סאַבסטיטוטן: אינטער, סיסטעם-יו-איי
- SF Pro Display — פאַרבייַט: Inter · קאָנטורן 600 · סעקציע קעפּלעך, קאַרטל טיטלען, אונטערקעפּלעך - אַ 600 שריפֿט מיט אַ ביסל פּאָזיטיוו אותיות-אָפּשטאַנד פילט זיך וואַרעם און פרייַנדלעך ביי מיטל גרייסן, נישט ווי די קורצע קעפּלעך אויבן.
- SF Pro Text — פאַרבייַט: Inter · קאָנטורן 400, 500, 600 · פֿאַר גוף־טעקסט, נאַוויגאַציע, שטיצנדיקע פּאַראַגראַפֿן און קליינע קעפּשאַנז, איז אַ שריפֿט מיט אַן אינדעקס פֿון 400 ביי 17 פּיקסעל דער הויפּט־שרפֿט. נעגאַטיווע אותיות־אָפּשטאַנד דערמעגלעכט אַ מער קורצן הויפּט־טעקסט אויף אינפֿאָרמאַציע־שווערע בלעטער.
אינטערוואַלן און פאָרעם
| צוועק | באַדײַט |
|---|---|
| געדיכטקייט | געדיכט |
| גרונט־שריט | 8-10px |
| קנעפּל ראַדיוס | 980px |
| קאַרטל ראַדיוס | 28px |
| שאָטנס | ניין - גרענעצן אנשטאט שאָטנס |
| צווישן סעקציעס | 100-120px |
| בלאַט ברייט | 1200px |
קינסטלעכע אינטעליגענץ וועט בויען אייער וועבזייטל אין Apple (España) סטיל און עס אויספילן
- פֿילט אָן מיט פּראָדוקטן און אַרטיקלען דורך דעם לינק - Instagram, TikTok, Facebook.
- טראַנספערירן אינהאַלט פֿון אייער אַלטער וועבזייטל — נאָר ספּעציפֿיצירן די אַדרעס.
- מאָדערנער דיזיין אויף דער בעסטער מאָטאָר: React ( Next.js) מיט סערווער רענדערינג און SEO אָפּטימיזאַציע גלייך פֿון דער קעסטל.
- גאָר אויטאָמאַטישע SEO אָפּטימיזאַציע פֿאַר זוכן רעזולטאַטן און נעוראַל נעטוואָרק רעקאָמענדאַציעס.
ענלעכע סטילן
- Airbnb — א שטילע ווייסע גאַלעריע וואַנט מיט אַן איינציקן קאָראַל רויטן בוקמאַרק
- Peak Design — גאַלעריע וואַנט, טיילווייז באַלויכטן
- Ramp — די רעדאקציע פינאַנץ אָפּטיילונג, שוואַרץ-ווײַסע בלעטער מיט אַן איינציקן נעאָן מאַרקער. די פּובליקאַציע'ס פּראַקטיש מאָנאָכראָם ייבערפלאַך, וואו אַן איינציקער העלער לימענע-גרינער שטרייך טראַנספאָרמירט יעדע אינטעראַקציע אין אַ געלט סיגנאַל.
- 099 SUPPLY — א גאַלעריע וואַנט אָנגעפילט מיט שוואַרץ און ווייסע אַבדזשעקץ
- Orderful — אינדוסטריעלע לאָגיסטיק קאָנטראָל דעק - א געדרוקטע לאָגיסטיק דיספּעטשער טשעקליסט, געמאַכט אין שוואַרצער טינט און כירורגישער רויט, יעדע בלאַט דיסקרעט גענוג צו לאָזן איין אָפּעראַטאָר אויסרופן עפּעס וויכטיקס.
- Apple (España) — ווייסע גאַלעריע אויסשטעלונג קעסטל
- teenage engineering — אינדוסטריעלער קאַטאַלאָג אין סטודיאָ לייטינג - דער פּראָדוקט איז דער איינציקער באַדייטנדיקער אָביעקט אויף דער בלאַט, און אַלץ אַנדערש ווערט דיסקוטירט אַרום אים.
- Apple (España) — א גאַלעריע פֿענצטער אין דעם מאָרגן נעפּל
- Lightship — א קינאָמאַטישע דיאָראַמע פֿון דער אָפֿענער גאַס. וואַרעמע קרעם־פֿאַרב גאַלעריע־ווענט באַצירט מיט גרויסע לאַנדשאַפֿט־פֿאָטאָגראַפֿיעס מאָנטירט אין נאָענטע אינטערוואַלן, דין שוואַרצע אותיות קוים קענטיק אויף די ראַמען, און אַן איינציקער העל־אָראַנזשער אַקצענט וואָס ברעכט דעם מאָנאָכראָם ווי אַ פֿײַער אויף אַ וויז.
- Custo — א גאן-מעטאל-קאלירטע גאַלעריע מיט א מאָנאָליטישן שריפט. א שאָורום אין שטילע גרוי-גרינע טאָנעס, וואו אַן איינציקער טונקעלער אָביעקט און 57 פּיקסעל שריפט רעדן פֿאַר זיך.
- Silencio — א ווייסער צימער מיט שוועבענדיקע ארטיפאקטן. א גאַלעריע אויסשטעלונג געמאַכט פון וואַרעם פּאַפּיר, וואו יעדער עלעמענט נעמט זיין אָרט קעגן אַ הינטערגרונט פון נעגאַטיוון באַנד, און די שטילקייט איז אַן אינטענציאָנעלע פּלאַן באַשלוס.
- ORYZO AI — א פאָטאָ עסיי וועגן אַ טונקל צימער. אַן איינציקער אָביעקט שוועבט אין דער וואַרעמער פינצטערניש, קרעם שריפט די איינציקע דעקאָראַציע.