Shop
א שוועבנדיקע האַנדל קאָנסטעלאַציע אויף ווייסן מאַרמאָר
דער אָנליין קראָם אַרבעט אויף אַ "ווייסער קאַנוואַס" מאָדעל, מיט פּראָדוקטן וואָס ווערן געוויזן ווי גרויסע, שטאַרק געבויגענע בילד קאַרטלעך אַנשטאָט גרידס פון טאַמניילז. די גאנצע צובינד איז גאָר גלאַט: 20-28 פּיקסעל ראַדייען איבעראל, פּיל-פאָרמיגע קאָנטראָלס, און אַ קאָמפּאַקט 16 פּיקסעל GT סטאַנדאַרד גוף מיט ענגער נעגאַטיוו טראַקינג וואָס מאַכט טעקסט שאַרף און דרייסט. דער סיסטעם'ס איינציקער דרייסטער אַקצענט איז אַ לעבעדיקער לילאַ (#5433eb), וואָס דערשיינט אין לאָגאָ, די קייַלעכדיקע זוכ רעזולטאַטן פעלד, און ווי אַ טינטעד שאָטן אויף דעם זעלבן קנעפּל. די רעשט פון דער פּאַליטרע איז וואַרעם-נייטראַל: ווייסע ייבערפלאַכן, אַ סאַטאַל קיל גרוי קאַנוואַס, סאַטאַלע גרענעצן, און כּמעט-שוואַרץ טעקסט. די געדיכטקייט בלייבט קאָמפּאַקט מיט 12 פּיקסעל גאַטערז, אָבער די העלד און קאַטעגאָריע סטרייפּס אָטעמען דאַנק אַ ברייטהאַרציקע ווערטיקאַלע ריטם פון 64-80 פּיקסעל, וואָס מאַכט די האַנדל דערפאַרונג פילן מער ווי בראַוזינג ווי אַ קאַטאַלאָג.
די מאַקסימום ברייט איז 1200 פּיקסעל, צענטרירט אויף אַ טראַנסלוסאַנט #f2f4f5 קאַנוואַס, מיט אַ פּערסיסטענט 64 פּיקסעל-ברייט זייַטבאַר אויף דער לינקער זייט וואָס כּולל בלויז נאַוויגאַציע ייקאַנז. דער הויפּט עלעמענט איז אַ פול-ברייט פּאַס, מיט פּראָדוקט קאַרדס פּאַזישאַנד העכער אַ צענטרירט לילאַ "קראָם" לאָגאָ, און אַ פּיל-שייפּט זוכן באַר גלייך אונטער אים. קאַטעגאָריע פּילז זענען אָרגאַניזירט אין אַ איין צענטרירט שורה אונטער דער זוכן באַר. אינהאַלט סעקציעס (פרויען, מענער, שיינקייט, היים, בעיבי און קינדער) נאָכפאָלגן ווי באַשטימטע סטריפּס, יעדער כּולל אַ 4-קאָלום גריד מיט פּראָדוקט בילדער אָדער אַ 2-קאָלום "הויפּט עלעמענט און גריד" קאָמפּאָזיציע. דער ווערטיקאַלער ריטם איז ברייטהאַרציק: 64-80 פּיקסעל צווישן הויפּט סעקציעס. דער פֿוסער איז אַ טונקל פּאַס אין די דנאָ פון דער בלאַט מיט קאָלום-שייפּט לינק גרופּעס. קאַרוסעל פייַלן אויף דער רעכטער זייט פון די האָריזאָנטאַל פּראָדוקט פּאַנאַלז ווייַזן סקראָללאַבאַל אינהאַלט אָן פּאַדזשאַניישאַן פונקטן.
פאָטאָגראַפֿיע איז דער דאָמינירנדיקער וויזועלער עלעמענט: פֿול-עקראַן פּראָדוקט בילדער קעגן אַ ווייסן הינטערגרונט, באַשניטן 1:1, און לייפסטייל בילדער מיט וואַרעמע ערדישע טאָנעס (בייזש, טעראַקאָטאַ, זאַלביי, העלפֿאַנדביין). פּראָדוקט בילדער האָבן זייער אייגענעם קאָליר - די באַניצער צובינד בלייבט אַכראָמאַטיש, וואָס לאָזט די פּראָדוקט שאָטנס צושטעלן וויזועלע פֿאַרשיידנקייט. בראַנד לאָגאָס דערשייַנען ווי אָוווערליי טעקסט אויף טונקעלע אָדער ליכטיקע הויפּט בילדער, אַנשטאָט ווי יחידישע ייקאַנז. אין דער הויפּט קאָמפּאָזיציע, פּראָדוקט קאַרטלעך זענען פּאַזישאַנד ווי אַ שוועבנדיק, אַ ביסל אָוווערלאַפּינג קאָנסטעלאַציע העכער דעם וואָרטמאַרק. ייקאַנז זענען מינימאַליסטיש און מאָנאָכראָם (שוואַרצע אַוטליינז), מיט דער אויסנאַם פון קאַטעגאָריע ייקאַנז, וואָס נוצן אַ איין בראַנד קאָליר. עס זענען קיין אילוסטראַציעס, 3D יפעקץ אָדער גראַדיענטן אין פּראָדוקט בילדער.
פּאַלעטע
בראַנד
- Shop Violet
#5433eb— דער שיקן קנעפּל, די פּונקטירטע טעקסט צייכן, און די בראַנד לאָגאָ זענען די איינציקע אַקצענטן וואָס הויכפּונקטן די אַקציע און אינדיווידואַליטעט אויף דעם ווייסן הינטערגרונט. - Violet Wash
#c0b5f3— א דורכזיכטיגער האַלאָ הינטער דעם לילאַ שיק קנעפּל וואָס האַלט זיין גלאַנץ אָן צו ענדערן קאָליר.
נייטראל
- Canvas Mist
#f2f4f5— בלאַט הינטערגרונט און צוגעלייגטע ייבערפלאַך באַהאַנדלונג הינטער אויפגעהויבענע קאַרטלעך. - Pure White
#ffffff— די הויפּט ייבערפלאַך פֿאַר קאַרטלעך, אַרייַנשרייַב פעלדער, שוועבנדיקע צייכנס און פּיל-פאָרמיקע קנעפּלעך. - Ink Black
#000000— הויפּט טעקסט, קעפּלעך, בילדלען, נאַוויגאַציע סימבאָלן און פּראָדוקט קאַרטלעך אין טונקל מאָדע. - Faint Border
#ebebeb— דינע צעטיילונג ליניעס אויף קארטלעך, אינפוט פעלד קאנטורן, און פיל-פארמיקע קנעפל ראמען. - Muted Gray
#787574— צווייטיקער טעקסט, נאַוויגאַציע לאַבעלס, ייקאַן אַוטליינז ווען נישט אַקטיוו - Cool Stone
#cccccc— פּלעטהאָולדערס, דיסעיבאַלד שטאַטן, און ינאַקטיווע ייקאַן הינטערגרונטן
טיפּאָגראַפיע
פֿון 11 ביז 16 פּיקסעל · 4 טריט
- GT Standard — פאַרבייַט: Inter · קאָנטורן 400 · דער הויפּט שריפֿט אין אַלע גרייסן—פֿאַר ביידע גוף־טעקסט און קעפּלעך. GTStandard-MRegular ביי 16px/-0.031em איז דער הויפּט שריפֿט פֿאַר גוף־טעקסט, קנעפּלעך און עטיקעטן. GTStandard-MSemibold ביי 20px/-0.05em ווערט גענוצט פֿאַר עטלעכע גרויסע קעפּלעך; GTStandard-MMedium ביי 11–12px ווערט גענוצט פֿאַר מיקראָקעפּטיאָנס. יעדע שריפֿט וואַריאַנט ווערט געוויזן מיט אַן אָפּטישן וואָג פֿון 400—שרפֿט כייעראַרכיע ווערט דערגרייכט דורך סאַטאַל גראַדיענטן און דיכטע נעגאַטיווע אותיות־אָפּשטאַנד, אַנשטאָט פֿעטן קאָנטראַסט. דאָס איז אַ כאַראַקטעריסטישער סטיל: Shop שרײַט נישט מיט פֿעטע שריפֿטן, נאָר פֿאָרעמט דעם טעקסט דורך אותיות־אָפּשטאַנד.
- Shopify Sans — פאַרבייַט: Inter · קאָנטורן 400, 700 · רעזערווירט פֿאַר סיסטעם-לעוועל מעסעדזשעס ווי אַפּ לאָודינג באַנערס און קוקי צושטימונג טעקסט.
אינטערוואַלן און פאָרעם
| צוועק | באַדײַט |
|---|---|
| געדיכטקייט | דורכשניטלעך |
| גרונט־שריט | 12px |
| קנעפּל ראַדיוס | 9999px |
| קאַרטל ראַדיוס | 28px |
| שאָטנס | ווייכע שאָטנס |
| צווישן סעקציעס | 64px |
| בלאַט ברייט | 1200px |
קינסטלעכע אינטעליגענץ וועט בויען אייער וועבזייטל אין Shop סטיל און עס אויספילן
- פֿילט אָן מיט פּראָדוקטן און אַרטיקלען דורך דעם לינק - Instagram, TikTok, Facebook.
- טראַנספערירן אינהאַלט פֿון אייער אַלטער וועבזייטל — נאָר ספּעציפֿיצירן די אַדרעס.
- מאָדערנער דיזיין אויף דער בעסטער מאָטאָר: React ( Next.js) מיט סערווער רענדערינג און SEO אָפּטימיזאַציע גלייך פֿון דער קעסטל.
- גאָר אויטאָמאַטישע SEO אָפּטימיזאַציע פֿאַר זוכן רעזולטאַטן און נעוראַל נעטוואָרק רעקאָמענדאַציעס.
ענלעכע סטילן
- Cursor — א באַקוועמע פּאַרמעט וואַרשטאַט, באַלויכטן דורך געברוימענדיקע קוילן
- Slush — אויפבלאָזבאַרע וועלט פון סטיקערז אויף פּאַסטעל פּאַפּיר
- MindMarket — א באַקוועמע מעשה־בוך אויף קרעם־פּאַפּיר - אַ פרייַנדלעכע רעדאַקציע־לייַוונט, וואו גרויסע "אינטער"־קעפּלעך און אויסגעשניטענע פּאַפּירענע כאַראַקטערן עקזיסטירן צוזאַמען אויף אַ זון־באַדונקטער, ווייכער ייבערפֿלאַך ווי אַ סטיקער.
- Airbnb — א שטילע ווייסע גאַלעריע וואַנט מיט אַן איינציקן קאָראַל רויטן בוקמאַרק
- Superr — א ווארעמע שול-היט אין דעם ווייכן נאכמיטאג-ליכט. א קרעם-קאלירטע בלאט, אן אראנדזשע מארקער אן א דעקל, און א שטאפל לאמינירטע נאמען-סטיקערס ווארטן צו ווערן אפגעשיילט.
- Apple (España) — די מוזיי גאַלעריע, אין ווייכן טאָגליכט, איז אַן איינציקער, פֿאַרכאַפּנדיקער, וואָגלאָזער ווײַסער פּלאַץ, מיט יעדער אויסשטעלונג באַלויכטן דורך אַ שפּאָטלייט קעגן אַ לייכט פֿאַרבטער וואַנט.
- Lamborghini — שוואַרצע קאַראָסעריע קאָליר אין שאָורום, אונטער די ספּאָטלייץ - איין געל מאַשין
- Amplemarket — אַ זון-באַדונקטער אַרבעטספּלאַץ באַדעקט מיט קאָנפעטי
- Getharvest — א טיש אין גאָלדענער שעה – אַ וואַרעמע קרעם־ליכט, ווײַסע פּאָסטקאַרטלעך הענגען אויף דער לײַװנט, און אַן אײנציקע העל־אָראַנזשע פֿלאַם
- Agence Foudre — די דעקל בלאט פון זשורנאַל איז אַ ווייכע ראָזעווע קאָליר וואָס דערמאָנט פון ליפּנשטיפט.
- Drive Capital — רעטראָ וועג-רייזע פּאָסטער אויף וואַרעם פּאַפּיר
- Apple (España) — ווייסע גאַלעריע אויסשטעלונג קעסטל