Superlist
א נאכטצייטיקע ארבעטס-פלאץ מיט קאראל גליען—א שטילע איינגעלאנג-אפפלאך, וואו אן איינציקער ווארעמער אראנדזשעער פונק סיגנאליזירט יעדע אקציע.
סופּערליסט ניצט אַ פּראָדוקטיוויטי שפּראַך אין מיטערנאַכט לילאַ טאָנעס: טיף איינגעלאַנג, וואַרעם קאָראַל ווי דער איינציקער ערשטיקער קאָליר, און גרויסע סאַנס-סעריף קעפּלעך וואָס כאַפּן די גאנצע אַטמאָספער. די צובינד רופט אַרויס דאָס געפיל פון שפּעט-נאַכט פאָקוסירטער אַרבעט - שטיל, שיכטן און זיכער, מיט קאָליר געניצט בלויז ווי פונקציאָנעלע פּונקטואַציע אויף רופן צו אַקציע, אַקטיווע שטאַטן און שליסל פונקטן. ייבערפלאַכן זענען שיכטן אין סאַטאַל טונקעלע טאָנעס מיט אַ לילאַ אונטערטאָן (#181824 → #26253b), אַוווידינג ריין שוואַרץ צו ענשור אַז די טיפקייַט פילז וואַרעם אלא ווי סטערילע. קאָמפּאָנענטן האָבן ברייטהאַרציק קייַלעכדיק שאַפּעס (20px קאַרדס, פּיל קנעפּלעך), ווייך שאָטנס און "אָטעמען" דורך באַקוועם 10-16px גאַפּס אלא ווי ענגע גרידס. די כעדליין ס קול איז אַלץ: אַ 600-פונקט וואָג ביי 70-88px מיט ענגע אותיות ספּייסינג פון -0.02em באהאנדלט דעם טעקסט ווי טיפּאָגראַפיק אלא ווי UI - עס איז נעענטער צו רעדאַקציע קאָפּיע ווי SaaS.
טונקעלע סעקציעס שפּאַנען די גאַנצע ברייט פֿון דער בלאַט, מיט צענטרירטע, מאַקסימום-ברייטע אינהאַלט קאַנטיינערס. די הויפּט סעקציע איז ווערטיקאַל צענטרירט און כּולל אַ קעפּל, סובטעקסט, און אַ רוף צו אַקציע (CTA), נאכגעפֿאָלגט פֿון אַ גרויסן פּראָדוקט סקרעענשאָט וואָס איבערלאַפּט די קומענדיקע סעקציע. ווײַטערדיקע סעקציעס אָלטערנירן צווישן צענטרירטע טעקסט בלאָקס און קאַרטל גרידס. די רעצענזיעס סעקציע ניצט אַ דריי-זייַל גריד מיט רעצענזיע קאַרטלעך און 16 רינען. נאַוויגאַציע איז אַן איינציקע אויבערשטע באַר מיט אַ לאָגאָ אויף דער לינקער זײַט, צענטרירטע לינקס, און לאָגין אַקציעס אויף דער רעכטער זײַט - קיין פֿיקסירטע זײַטבאַר אָדער מעגאַ-מעניו. די רינען צווישן סעקציעס זענען ברייטהאַרציק (16 רינען), שאַפֿנדיק אַ ברייטן, רעדאַקציאָנעלן ריטם אַנשטאָט אַ געדיכטן פּראָדוקט גריד.
דער וויזועלער פלאץ ווערט דאמינירט דורך פראדוקט סקרינשאטס—א גרויסער ראם מיט קיילעכדיגע ווינקלען, וואס ווייזט דעם אמת'ן אפליקאציע אינטערפייס, פילט אויס די הויפט און צווייט-ראנגיקע סעקציעס. פאטאס זענען מינימאל, גענוצט נאר אלס באניצער אוואטארן אדער פאראויסקוקן פון אין-אפליקאציע מעדיע (למשל, דאס קאנצערט בילד אין רעכטן פאנעל פון דעם פראדוקט מאקאפ). לאגאס אויף דער טראסט באר זענען פלאכע, שטילע ווייסע טעקסט סימבאלן. עס זענען נישטא קיין דעקאראטיווע אילוסטראציעס, נישטא קיין אבסטראקטע גראפיקס, נישטא קיין 3D רענדערס. די וויזועלע סטראטעגיע איז צו ווייזן דעם פראדוקט אין גרויסן פארנעם, לאזן די טיפאגראפיע טון די עמאציאנעלע ארבעט, און נוצן קאראל אלס דער איינציגער אקצענט קאליר.
פּאַלעטע
בראַנד
- Coral Ember
#ff4a36— אָראַנדזש ווערט גענוצט ווי אַ צווייטיקער אַקצענט פֿאַר דעקאָראַטיווע דעטאַלן און צו הויכפּונקטן זעלטענע סימנים. עס זאָל נישט ווערן גענוצט ווי דער הויפּט קאָליר פֿאַר רופן צו אַקציע.
נייטראל
- Aubergine Canvas
#181824— דער בלאַט הינטערגרונט, די הויפּט קאַנוואַס, איז אַ וואַרעם, טונקל קאָליר וואָס פאַרבייַט ריין שוואַרץ, מאַכנדיג די באַניצער צובינד דערשייַנען שיכטן אַנשטאָט פלאַך. - Elevated Plum
#26253b— קאַרטל ייבערפלאַכן, אינפוט פעלדער, נאַוויגאַציע קאַנטיינערז - איין שריט גרינגער ווי קאַנוואַס צו שאַפֿן טיפקייט אָן אַ קענטיק גרענעץ. - Pure White
#ffffff— הויפּט קעפּלעך, קנעפּל טעקסט, און ייקאַן אַוטליינז - מאַקסימום קאָנטראַסט אויף אַ טונקל קאַנוואַס. - Fog Text
#696f81— דער הויפּט טעקסט, צווייטיקע קעפּלעך, און שטילע גרענעצן האָבן אַלע אַ 7:1 קאָנטראַסט פאַרהעלטעניש פֿאַר באַקוועם לייענען קעגן אַן אייַלבערנ-קאָלירט הינטערגרונט. - Ash Text
#8e8da0— א נייטראלע קאליר ווערט געשטיצט פאר צווייטיקע UI עלעמענטן, טיילערס, און שטילע לייבלס. עס זאל נישט ווערן גענוצט אלס דער הויפט קאליר פאר רופן צו אקציע. - Mist Highlight
#a3a3a7— סאַטאַלע גרענעצן, טיילערס, און נישט-אַקטיווע נאַוויגאַציע עלעמענטן שאַפֿן אַ סאַטאַלן נייטראַלן טאָן וואָס שטייט נאָך אַרויס קעגן דעם לייַוונט.
טיפּאָגראַפיע
פֿון 12 ביז 88 פּיקסעל · 9 טריט
- sans-serif — פאַרבייַט: Inter · קאָנטורן 400 · סאַנס-סעריף - געפֿונען אין די עקסטראַקטירטע דאַטן אָבער נישט באַשריבן דורך די קינסטלעכע אינטעליגענץ.
- Haffer XH SemiBold — פאַרבייַט: Inter Tight · קאָנטורן 400, 600 · דער הויפּט שריפט פֿאַר אַרויסווייַזונג און קעפּלעך. עס ווערט גענוצט מיט אַ גרייס פון 70–88 פּיקסעל פֿאַר העלד קעפּלעך מיט אַ אותיות-אָפּשטאַנד פון -0.02 עם און אַ וואָג פון 600. די שמאָלע אותיות-אָפּשטאַנד און גרויסע אותיות-הייך געבן די קעפּלעך אַן רעדאַקציאָנעלן וואָג, מאַכנדיג דעם טונקעלן אינטערפֿייס אויסזען מער ווי אַ זשורנאַל-דעקל ווי אַ דאַשבאָרד. פאַרבייַטן מיט Inter Tight אָדער General Sans אין אַ פעטן וואָג.
- Jersey 10 — פאַרבייַט: Anybody · קאָנטורן 400 · א גרויסע, דעקאָראַטיווע שריפט פֿאַר אַקצענט נומערן און הויכפּונקטן. געניצט שפּאָרעוודיק ביי זייער גרויסע גרייסן צו שאַפֿן טיפּאָגראַפישע אַקצענטן. קען זיין ריפּלייסט מיט Anybody אדער Cabinet Grandesk.
אינטערוואַלן און פאָרעם
| צוועק | באַדײַט |
|---|---|
| געדיכטקייט | דורכשניטלעך |
| גרונט־שריט | 10-16px |
| קנעפּל ראַדיוס | 100px |
| קאַרטל ראַדיוס | 20px |
| שאָטנס | ווייכע שאָטנס |
| צווישן סעקציעס | 80px |
| בלאַט ברייט | 1200px |
קינסטלעכע אינטעליגענץ וועט בויען אייער וועבזייטל אין Superlist סטיל און עס אויספילן
- פֿילט אָן מיט פּראָדוקטן און אַרטיקלען דורך דעם לינק - Instagram, TikTok, Facebook.
- טראַנספערירן אינהאַלט פֿון אייער אַלטער וועבזייטל — נאָר ספּעציפֿיצירן די אַדרעס.
- מאָדערנער דיזיין אויף דער בעסטער מאָטאָר: React ( Next.js) מיט סערווער רענדערינג און SEO אָפּטימיזאַציע גלייך פֿון דער קעסטל.
- גאָר אויטאָמאַטישע SEO אָפּטימיזאַציע פֿאַר זוכן רעזולטאַטן און נעוראַל נעטוואָרק רעקאָמענדאַציעס.
ענלעכע סטילן
- DNA — מיטערנאכט אבזערוואטאריע ווי געזען דורך א טיילכעל לינזע
- Abetterlou — שפּאַרקס אויף זאָטל לעדער - אַ וואַרעם קרעמעדיקער שריפֿט וואָס גלאַנצט קעגן אַ טיפֿן קאַווע-שוואַרצן הינטערגרונט, מיט אַמבער-גאָלד קנעפּלעך וואָס פילן זיך ווי הייס מעטאַל איינגעדריקט אין בלאַט.
- Galileo-ft — א טיף-ספעיס קאמאנד דעק מיט עלעקטרישע בלויע סיגנאלן
- Decide AI — אָבסערוואַטאָריע ביי מיטערנאַכט - מינץ סיגנאַל
- Redis Agency — די רעדאקציע־וואַרשטאַט, אָפֿן נאָך די שעהען, איז אַ פּעך־שוואַרצער אָרט, וואו אַלע בראַנדינג־אַרבעט ווערט געטאָן דורך סעריף־שריפֿטן און אַן איינציקער רויטער רעטעך.
- Spellbook — א מיטערנאכטיקער געריכט-זאל באלויכטן מיט קאראל טינט—א טונקעלע רעדאקציאנעלע אויבערפלאך וואו דער איינציגער קלאנג איז דער ווארעמער אראנדזשע פעדער-שטרייך
- Linear — מיטערנאכט פּרעציזיע אינסטרומענט
- Origin Financial — א מיטערנאכט גאַלעריע פון שטילער פּראַכט. א שטיל, כּמעט טונקל צימער, וואו גרויסע סעריף אותיות און עטלעכע באַלויכטענע קאָלירטע פּאַנעלן שאַפֿן דאָס געפיל אַז פינאַנץ איז אַ קערפֿול אויסגעקליבענע קונסטווערק.
- Hyperstudio — דער דיזיין איז איינגעקראַצט אין אָבסידיאַן. טעקסט און פיינע ליניעס ראַמען אַ ווייסע פּלאַץ פון ריין שוואַרץ, מיט מאַנטשמאָל גאָלדענע קאָמפּאַס מאַרקס וואָס ווײַזן דעם וועג.
- Air — סקולפּטור "מיטערנאכט הימל דורך גלאז"
- Raycast — מיטערנאכט קאמאנד צענטער, קאראל נעאן
- dope.security — מיטערנאכט טערמינאַל מיט לילאַ בעאַקאָנס