Notion
Hlý pappírsminnisbók í hádegissólinni
Viðmót Notion lítur út eins og ástsæl pappírsminnisbók í dagsbirtu: hlýr, rjómalöguð strigi (#f6f5f4) sem finnst áþreifanlegur frekar en dauðhreinsaður, rausnarleg sans-serif leturgerð gefur textanum ritstjórnarlegt vægi og litir notaðir sem strjál greinarmerki - ferskjulitaðir "pillur" undirstrika sagnir, einn blár litur undirstrikar aðalatriðið og snúningslegur hópur af áherslulitum (kórall, gulbrúnn, himinn, miðnætti) litar bakgrunn kortanna eins og límmiða. Kortin eru raðað á striga með þunnum jöðrum og hornum - engir skuggar, ekkert króm - eins og línuðu hlutar Moleskine minnisbókar. Hreyfimyndirnar eru leiknar og vorlegar, með mjúkum umskiptum við 200ms og vorlegum persónuhreyfimyndum sem færa viðmótinu líf án þess að vera skrautlegar.
Miðjað er hámarksbreidd takmörkuð við um það bil 1440px. Aðalþátturinn er miðjaður stafli: röð af táknum → stór tveggja lína fyrirsögn með innfelldri litaðri pillu → undirfyrirsögn → röð með tveimur aðgerðahvatningarhnappum → stór uppdráttur af vöruviðmóti. Fyrir neðan aðalþáttinn skiptast hlutar á milli rista af hvítum spjöldum og litríkum áhersluspjöldum. Merkisveggurinn er miðjað einlínu rist af samstarfsmerkjum í gráum litum. Eiginleikablokkirnar nota tveggja dálka skipulag (texti vinstra megin, litaður spjald hægra megin), sem skiptast frá vinstri til hægri á milli hluta. Hlutinn „Spyrjið aðstoðarmenn ykkar eftir þörfum“ notar 2x2 spjaldarit, þar sem efsta spjaldið tekur alla breiddina og neðsta röðin er skipt í tvo jafna dálka. Bilin milli hluta eru rúmgóð (~80px), sem skapar rólega lóðrétta takta. Leiðsögnin er föst 64px há efsta stika með miðjuðum leiðsögnareiningum og hægrijafnuðum aðgerðahnöppum.
Myndskreytingar eru í fyrirrúmi, án ljósmynda. Myndmálið byggist á flötum, myndskreyttum táknum (ávöl brúnir í 2px lituðum hringjum), abstrakt skreytingarþáttum (handteiknuðum krullum, glitri, örvum, blómaformum) og uppdrætti af notendaviðmóti vörunnar. Táknin birtast í aðalglugganum sem lárétt röð af sjö prófílmyndum og eru dreifð um síðuna sem skemmtileg greinarmerki. Skjámyndir af vörunni eru einu „alvöru“ sjónrænu þættirnir: þeir sýna raunverulegt Notion viðmót (Kanban-spjöld, skjalasýn, spjöld með gervigreind) með fullu setti af þáttum og raunverulegum gögnum. Uppdrætti vörunnar í aðalglugganum er stór, miðjaður og varpar einum skugga sem aðskilur hana frá striganum. Það eru engar lífsstílsmyndir, engar lagermyndir, engar abstrakt 3D-myndir.
Litatöflu
Vörumerki
- Notion Blue
#0075de— Aðgerðarhnapparnir, sem eru aðalþátturinn í aðgerðahvatningahnappinum (CTA), eru áherslumerki í virku flakki og eru eina litasamsetningin í næstum einlita kerfi sem er nógu mettuð til að skynjast sem rofi.
Hlutlaus
- Paper Warmth
#f6f5f4— Síðuskjárinn, bakgrunnur aðalgluggans og bakgrunnur hlutans eru allir í hlýjum, örlítið beige litum sem gefa kerfinu áþreifanlega, hliðræna tilfinningu. - Pure White
#ffffff— Kortyfirborð, upphækkaðir plötur, bakgrunnur með merki, andstæður texti á dökkum kortum. - Ink Black
#000000— Aðaltexti, flakktenglar, fyrirsagnir - notað með mismunandi gegnsæi (100%, 95%, 90%, 60%, 40%, 20%) til að byggja upp stigveldi án þess að bæta við nýjum litum. - Charcoal
#111111— Valkostur fyrir dökkan texta fyrir þau svæði í notendaviðmótinu þar sem svartur texti myndi líta of harður út. - Stone
#757575— Aukatexti í flakkleiðsögn, hljóðlaus aukatexti, merkimiðar fyrir óvirka hnappa - 60% blekstafróf - Graphite
#615d59— Aðaltextinn er í hlýjum tón - brúnleitum gráum, sem harmónar við hlýjan bakgrunninn.
Leturfræði
frá 12 til 96px · 10 skref
- NotionInter — skipti: Inter · útlínur 400, 500, 600, 700 · Aðal letrið án serifs er rúmfræðilegt, mannlegt letur með fíngerðum blæbrigðum, notað í stærðum 400 fyrir megintexta, 500 fyrir leiðsögn/notendaviðmót og 600-700 fyrir fyrirsagnir. Leturkvarðinn notar árásargjarnt neikvætt bil á milli stafa í stærri stærðum (-4,6px við 96px, -2px við 72px), sem gerir fyrirsögnina þéttari og öruggari, frekar en léttari.
- Lyon Text — skipti: Source Serif Pro · útlínur 400 · Leturgerðin, sem er frátekin fyrir einstaka hluta aðaltextans og innganga, er notuð sparlega (fjórum sinnum) til að gefa leturgerðinni bókmenntalegt vægi, svipað og tilvitnun í tímaritaútliti. Hún virkar sem kerfisbundin áhersluatriði frekar en samsíða stigveldi.
Millibil og form
| Tilgangur | Merking |
|---|---|
| Þéttleiki | meðaltal |
| Grunnskref | 8px |
| Hnapparadíus | 8px |
| Radíus korts | 12px |
| Skuggar | engin landamæri í stað skugga |
| Milli hluta | 80px |
| Síðubreidd | 1440px |
Gervigreind mun smíða vefsíðuna þína í stíl við Notion og fylla hana út
- Fyllið út vörur og færslur í gegnum tengilinn - Instagram, TikTok, Facebook.
- Flyttu efni af gömlu síðunni þinni — tilgreindu bara vefslóðina.
- Nútímaleg hönnun á bestu vélinni: React ( Next.js) með netþjónsútgáfu og SEO-bestun beint úr kassanum.
- Fullkomlega sjálfvirk SEO hagræðing fyrir leitarniðurstöður og tillögur að tauganetum.
Líkir stílar
- ElevenLabs — Ljósmyndaritgerð í hlýjum rjómalitum tónum með látlausum fyrirsögnum. Minnisbók í Bauhaus-stíl — eggjaskurnslitað pappír, svart blek og ein fjólublá og appelsínugult útlit til að sýna vörurnar.
- Awesomic — Ritstjórnarlegt sinknet með appelsínugulum greinarmerkjum sem minna á konfettí
- Monad — ritstjórnartæknilegt tímarit á hlýju pergamenti
- Dub — Stjórnborð Links fyrir matt hrísgrjónapappír
- Seline Analytics — Rólegt greiningarborð á hlýju pappír
- Anthropic — Vísindalegt tímarit á hlýju vellum — rólegt fílabeinslitað yfirborð, merktar fyrirsagnir í ritstjórnargreinum og ein leirhreim sem birtist aðeins þegar aðgerða er þörf.
- Calendly — Dökkblátt blek á köldum marmara
- Augen Pro — Hvíta framsetning Apple er með klínískum, þyngdarlausum, rafbláum lit sem eina áhersluna í einlita rými.
- Antimetal — Ritstjórnargrein á rjómalituðum pappír — rólegur morgunn í vísindatímariti, þar sem hófsemi gefur til kynna sjálfstraust og stafrófsröðun vinnur þungt verk.
- Perk — Rafmagnslime á volgu bökunarpappír
- Ditto — Sólskinsverkstæði sem býr til sýnishorn af villtum blómum. Hlýir kremlitaðir fletir, skærgulur grunnlitur, djúp dökkblár blek, lífræn litaform blómstra á bak við verkið.
- Officevibe — Ritstjórnartímarit á hlýjum, rjómalituðum pappír. Ímyndaðu þér hugsi ritgerð um mannauðsstjórnun, kynnta sem vöru — skrautlegt letur með serif-skrift sem hvíslar í gegnum nútímalegt blátt viðmót.