Notion
א ווארעמע פאפירענע נאטיץ-בוך אין דער מיטאג זון
נאָטיאָן'ס אינטערפֿייס קוקט אויס ווי אַ באַליבט פּאַפּירענע נאָטיץ־בוך אין ברייטן טאָג: אַ וואַרעמע, קרעמעדיגע קאַנוואַס (#f6f5f4) וואָס פֿילט זיך טאַקטיל אַנשטאָט סטעריל, ברייטהאַרציקע סאַנס־סעריף טיפּאָגראַפֿיע וואָס גיט רעדאַקציאָנעלע וואָג צום פּראָדוקט־קאָפּי, און קאָליר געניצט ווי שפּאָרעוודיקע פּונקטואַציע — פערשק־"פּילן" הויכפּונקטן ווערבן, אַן איינציקע בלויע פֿאַרב פֿאַראַנקערט די הויפּט־אַקציע, און אַ ראָטירנדיקע אַרעי פֿון אַקצענט־פֿאַרבן (קאָראַל, אַמבער, הימל, האַלבנאַכט) קאָלירן די קאַרטל־הינטערגרונטן ווי סטיקערס. קאַרטלעך זענען אויסגעשטעלט אויף אַ קאַנוואַס מיט דינע גרענעצן און ווינקלען — קיין שאָטנס, קיין קראָום — ווי די לינירטע סעקציעס פֿון אַ מאָלעסקין נאָטיץ־בוך. די אַנימאַציע איז שפּילעריש און פֿריערדיג, מיט גלאַטע איבערגאַנגען ביי 200ms און פֿריערדיקע כאַראַקטער־אַנימאַציעס וואָס ברענגען לעבן צום אינטערפֿייס אָן זיין דעקאָראַטיוו.
צענטרירט, די מאַקסימום ברייט איז באַגרענעצט צו בעערעך 1440 פּיקסעל. דער הויפּט עלעמענט איז אַ צענטרירטער סטאַק: אַ ריי סימבאָלן → אַ גרויס צוויי-ליניע קעפּל מיט אַן עמבעדעד קאָלירט פּיל → אַ אונטערקעפּל → אַ ריי מיט צוויי רוף-צו-אַקשאַן קנעפּלעך → אַ גרויס פּראָדוקט UI מאַקאַפּ. אונטער דעם הויפּט עלעמענט, אָלטערנירן סעקציעס צווישן גרידס פון ווייַסע קאַרטלעך און פול-קאָליר אַקצענט פּאַנאַלז. די לאָגאָ וואַנט איז אַ צענטרירטע איין-רייע גריד פון פּאַרטנער לאָגאָס אין גרוי-סקייל. די פֿעיִטשער בלאַקס נוצן אַ צוויי-קאָלום אויסלייג (טעקסט אויף די לינקס, קאָלירט פּאַנעל אויף די רעכט), אָלטערנירן לינקס צו רעכטס צווישן סעקציעס. די "פרעגט דיין אַסיסטאַנץ אויף פאָדערונג" סעקציע נוצט אַ 2x2 קאַרטל גריד, וווּ די אויבערשטע קאַרטל נעמט די פולע ברייט, און די אונטערשטע ריי איז צעטיילט אין צוויי גלייַך קאָלאָנעס. די רינען צווישן סעקציעס זענען ברייטהאַרציק (~80 פּיקסעל), שאַפֿנדיק אַ רויק ווערטיקאַל ריטם. די נאַוויגאַציע איז אַ פאַרפעסטיקט 64 פּיקסעל הויך אויבערשטער באַר מיט צענטרירטע נאַוויגאַציע עלעמענטן און רעכט-אַליינד אַקשאַן קנעפּלעך.
אילוסטראציעס זענען פון העכסטער וויכטיקייט, אָן קיין פאָטאָס. די וויזועלע שפּראַך איז געבויט אויף פלאַכע, אילוסטרירטע סימבאָלן (קייַלעכדיקע עקן אין 2 פּיקסעל קאָלירטע קרייזן), אַבסטראַקטע דעקאָראַטיווע עלעמענטן (האַנט-געצייכנטע קוויגלען, גליטער, פייַלן, בלומען פֿאָרמען), און מאַקאַפּס פון די פּראָדוקט'ס באַניצער צובינד. די סימבאָלן דערשייַנען אין די הויפּט פֿענצטער ווי אַ האָריזאָנטאַלע ריי פון זיבן אַוואַטאַרס און זענען צעוואָרפן איבער די בלאַט ווי שפּילערישע פּונקטואַציע. פּראָדוקט סקרעענשאָץ זענען די איינציקע "עכטע" וויזועלע עלעמענטן: זיי ווייַזן די פאַקטישע Notion צובינד (קאַנבאַן ברעטער, דאָקומענט קוקן, AI אַגענט פּאַנאַלז) מיט אַ פולשטענדיק סכום פון עלעמענטן און עכטע דאַטן. דער פּראָדוקט מאַקאַפּ אין די הויפּט פֿענצטער איז גרויס, צענטרירט, און וואַרפט אַן איינציקן שאָטן וואָס טיילט עס פון די קאַנוואַס. עס זענען קיין לייפסטייל פאָטאָס, קיין סטאַק בילדער, קיין אַבסטראַקטע 3D רענדערז.
פּאַלעטע
בראַנד
- Notion Blue
#0075de— דער הויפּט עלעמענט וואָס פֿילט אויס דעם "קאָל-צו-אַקשאַן" (CTA) קנעפּל, אַן אַקצענט אין דער אַקטיווער נאַוויגאַציע, אָנגעפֿילטע אַקציע קנעפּלעך זענען די איינציקע קאָליר סכעמע אין אַ כּמעט מאָנאָכראָם סיסטעם וואָס איז גענוג סאַטשערייטאַד צו ווערן באַטראַכט ווי אַ סוויטש.
נייטראל
- Paper Warmth
#f6f5f4— דער בלאַט קאַנוואַס, הויפּט פֿענצטער הינטערגרונט, און סעקציע הינטערגרונט זענען אַלע וואַרעם, אַ ביסל בייזש פארבן וואָס געבן דעם סיסטעם אַ טאַקטיל, אַנאַלאָג געפיל. - Pure White
#ffffff— קאַרטל ייבערפלאַכן, אויפגעהויבענע פּאַנעלן, לאָגאָ הינטערגרונט, קאָנטראַסטירנדיק טעקסט אויף טונקעלע קאַרטלעך. - Ink Black
#000000— הויפּט טעקסט, נאַוויגאַציע לינקס, קעפּלעך - גענוצט מיט פֿאַרשידענע טראַנספּאַרענץ (100%, 95%, 90%, 60%, 40%, 20%) צו בויען כייעראַרכיע אָן צו לייגן נייע קאָלירן. - Charcoal
#111111— א טונקעלע טעקסט אָפּציע פֿאַר יענע UI געביטן וואו ריין שוואַרץ וואָלט אויסגעזען צו האַרב. - Stone
#757575— צווייטיקע נאַוויגאַציע טעקסט, שטילער הילף טעקסט, דיאַקטיווירטע קנעפּל עטיקעטן - 60% טינט אַלפאַ - Graphite
#615d59— דער הויפּט טעקסט האט אַ וואַרעמען טאָן - ברוינלעך גרוי, וואָס האַרמאָניזירט זיך מיטן וואַרעמען הינטערגרונט.
טיפּאָגראַפיע
פֿון 12 ביז 96 פּיקסעל · 10 טריט
- NotionInter — פאַרבייַט: Inter · קאָנטורן 400, 500, 600, 700 · די הויפּט סאַנס-סעריף שריפֿט איז אַ געאָמעטרישער הומאַניסט מיט סאַטאַלע נואַנסן, גענוצט אין גרייסן 400 פֿאַר גוף טעקסט, 500 פֿאַר נאַוויגאַציע/באַניצער צובינד, און 600-700 פֿאַר קעפּלעך. די שריפֿט וואָג ניצט אַגרעסיוו נעגאַטיוו אותיות ספּייסינג אין גרעסערע גרייסן (-4.6 פּקס ביי 96 פּקס, -2 פּקס ביי 72 פּקס), וואָס מאַכט די קעפּלעך פילן מער קאָמפּאַקט און זיכער, אלא ווי לופטיק.
- Lyon Text — פאַרבייַט: Source Serif Pro · קאָנטורן 400 · דער רעדאקציע־סעריף שריפט, רעזערווירט פאר יחידישע סעקציעס פון הויפט טעקסט און סעקציעס־איינפיר, ווערט גענוצט שפּאָרעוודיק (פיר מאָל) צו געבן דעם שריפט ליטעראַרישן וואָג, ענלעך צו אַ ציטאַט אין אַ זשורנאַל־אויסלייג. עס פונקציאָנירט ווי אַ סיסטעמישע אַקצענט אלא ווי אַ פּאַראַלעלע כייעראַרכיע.
אינטערוואַלן און פאָרעם
| צוועק | באַדײַט |
|---|---|
| געדיכטקייט | דורכשניטלעך |
| גרונט־שריט | 8px |
| קנעפּל ראַדיוס | 8px |
| קאַרטל ראַדיוס | 12px |
| שאָטנס | ניין - גרענעצן אנשטאט שאָטנס |
| צווישן סעקציעס | 80px |
| בלאַט ברייט | 1440px |
קינסטלעכע אינטעליגענץ וועט בויען אייער וועבזייטל אין Notion סטיל און עס אויספילן
- פֿילט אָן מיט פּראָדוקטן און אַרטיקלען דורך דעם לינק - Instagram, TikTok, Facebook.
- טראַנספערירן אינהאַלט פֿון אייער אַלטער וועבזייטל — נאָר ספּעציפֿיצירן די אַדרעס.
- מאָדערנער דיזיין אויף דער בעסטער מאָטאָר: React ( Next.js) מיט סערווער רענדערינג און SEO אָפּטימיזאַציע גלייך פֿון דער קעסטל.
- גאָר אויטאָמאַטישע SEO אָפּטימיזאַציע פֿאַר זוכן רעזולטאַטן און נעוראַל נעטוואָרק רעקאָמענדאַציעס.
ענלעכע סטילן
- ElevenLabs — א פאָטאָ עסיי אין וואַרעמע קרעם טאָנעס מיט סאַטאַלע קעפּלעך. א באַוהאַוס-סטיל נאָטיץ-בוך - אייערשאָל-קאָלירטע פּאַפּיר, שוואַרצע טינט, און אַן איינציקער לילאַ און אָראַנדזשע אַקצענט פֿאַר פּראָדוקט אויסשטעלונג.
- Awesomic — רעדאקציאָנעלע צינק מעש מיט מאַראַנץ פּונקטואַציע מאַרקס וואָס דערמאָנען פון קאָנפעטי
- Monad — רעדאקציע טעכנישער זשורנאַל אויף וואַרעם פּערגאַמענט
- Dub — לינק'ס מאַט רייז פּאַפּיר קאָנטראָל פּאַנעל
- Seline Analytics — א שטילע אנאליטישע טיש אויף ווארעמע פאפיר
- Anthropic — א וויסנשאפטלעכע פעלד-זשורנאל אויף ווארעמען וועלום—רואיגע העלפֿאַנדביין-פלאַכן, סעריפֿירטע רעדאקציע-קעפּלעך, און אן איינציקער ליים-אַקצענט וואָס דערשיינט נאָר ווען אַקציע איז נויטיק.
- Calendly — טונקל בלויע טינט אויף קאלטן מירמלשטיין
- Augen Pro — עפּל'ס ווייסע פרעזענטאציע פֿאָרשטעלט אַ קלינישן, וואָגלאָזן, עלעקטרישן בלוי ווי דער איינציקער אַקצענט אין אַ מאָנאָכראָם פּלאַץ.
- Antimetal — אן רעדאקציע־כראָניק אויף קרעם־פּאַפּיר — אַ שטילער מאָרגן אין אַ וויסנשאַפֿטלעכער זשורנאַל, וואו צוריקהאַלטונג גיט בטחון און סעריף טוען די שווערע אַרבעט.
- Perk — עלעקטרישע ליים אויף ווארעמע פּאַרמעט פּאַפּיר
- Ditto — א זון-באלויכטענער וואַרקשאָפּ וואָס שאַפֿט מוסטערן פֿון ווילדע בלומען. וואַרעמע קרעם-פֿלעכן, אַ לעבעדיקע געלע באַזע-קאָליר, טיפֿע נאַווי-בלוי טינטן, אָרגאַנישע קאָליר-פֿאָרמען וואָס בליען הינטערן ווערק.
- Officevibe — אן רעדאקציע־זשורנאל אויף ווארעמען קרעם־קאלירטן פאפיר. שטעלט זיך פאר א טראכטפולן עסיי וועגן מענטשלעכע רעסורסן־פארוואלטונג, פרעזענטירט אלס א פראדוקט—א קורסיווער סעריף־שריפט וואס מורמלט דורך א מאדערנעם בלויען אינטערפייס.