Wise
Myshk i thellë me një tension guri gëlqeror. Shkëndija guri gëlqeror në dyshemenë pothuajse të zezë të pyllit, dhe figura masive këndore sinjalizojnë çdo lëvizje.
Shkronja Wise flet me një zë të sigurt dhe paksa të lartë: një jeshile e thellë pyjore (#163300) zë pjesën më të madhe të sipërfaqes - tekst, navigim, seksione të errëta, ikona - ndërsa një jeshile e vetme e ndritshme limoni (#9fe870) shërben si pikësim funksional në thirrjet për veprim, skedat aktive dhe elementët kryesorë. Shkronja është pothuajse agresive: Wise Sans me një peshë rreshti prej 900, e mbushur dendur, dallohet me shkronja të mëdha (100px+) në ekranin kryesor. Pjesa tjetër e sistemit mbetet diskrete në një kanavacë të bardhë të zbehtë me sipërfaqe gri të buta (#e8ebe6). Komponentët janë në formë pilule si parazgjedhje - butona, segmente navigimi, miniatura të kutive të kontrollit, maska imazhi - me rreze të vogla (10px) të rezervuara për kartat dhe fushat e hyrjes. Gradientët e ngjyrave janë të rrallë; në vend të kësaj, kombinimi i salamandrës dhe jeshiles pyjore ndryshon pa probleme ndërsa seksionet errësohen, duke krijuar një ritëm pa dekorim të tepërt.
Një kontejner me gjerësi maksimale 1200px, i përqendruar, me një seksion të sipërm dhe një të errët që përfshin të gjithë gjerësinë e faqes. Paraqitja e kokës paraqet një titull masiv të përqendruar në një sfond të bardhë, me një ilustrim të madh (glob) që shtrihet përtej skajit të poshtëm të dritares së shikimit. Ritmi i seksionit alternon midis të bardhës, jeshiles së çelët dhe një seksioni të errët në "bojë pylli", duke krijuar një ritëm natyral ngjyrash. Paraqitja e përmbajtjes është kryesisht e përqendruar: blloqe teksti dhe imazhesh në dy kolona në krye, ose rreshta me elementë parësorë në tre kolona në seksionet dytësore. Një rrjetë me pesë kolona me flamuj përdoret për të shfaqur listën e vendeve. Navigimi është një shirit i vetëm i fiksuar në krye me një buton të segmentuar. Kodi QR mbetet i fiksuar në këndin e poshtëm të djathtë në të gjitha pozicionet e lëvizjes.
Ilustrimet 3D që përshkruajnë një glob me monedha ari krijojnë botën vizuale të markës - të prekshme, paksa surreale, të ekzekutuara me gradiente të buta dhe ndriçim të ngrohtë. Fotografia është minimaliste; kur përdoret, është e theksuar dhe e rastësishme. Flamujt kombëtarë paraqiten si miniatura rrethore në një rrjetë me pesë kolona - i vetmi sistem "ikonik" është identiteti kombëtar. Asnjë element grafik abstrakt, asnjë shabllon standard. Globi dhe monedhat janë një motiv i përsëritur i maskotës, duke sinjalizuar shtrirjen globale përmes një objekti të vetëm, të ngrohtë dhe optimist, në vend të një montazhi.
Paletë
Markë
- Forest Ink
#163300— Stili dominues i errët i markës - teksti i navigimit, sfondet e errëta të seksioneve, teksti i trupit në sipërfaqe të çelëta, konturet e ikonave dhe elementët e mbushur të navigimit - është ajo që përcakton forcën e saj: kudo që kërkohet peshë ose autoritet, ju zgjidhni Forest Ink. - Lime Voltage
#9fe870— E gjelbra përdoret si një theks dytësor për detajet dekorative dhe për të nxjerrë në pah pyetjet e kërkimit që përdoren më pak. Nuk duhet të përdoret si ngjyra kryesore për thirrjet për veprim. - Spruce
#054d28— Një jeshile e errët dytësore përdoret për sipërfaqet e kartonit, ikonografinë e vogël dhe për t'i shtuar thellësi zonave të errëta ku boja Forest Ink është shumë e ngopur.
Neutral
- Linen Mist
#e2f6d5— Një nuancë e gjelbër e çelët për theksime të buta në sipërfaqe, sfonde të ngjyrosura kartash dhe gjendje qëndrimi pezull në shiritat e navigimit. Një nuancë delikate e gjelbër karakteristike për elementë diskretë të dizajnit të kontejnerëve. - Signal Blue
#0b4c72— Ngjyra blu shërben si një theks shtesë për detajet dekorative dhe për të theksuar frekuencat e ulëta. - Alarm Red
#cb272f— E kuqja shërben si një theks mbështetës për detajet dekorative dhe për të nxjerrë në pah ngjyrat e pazakonta. Përdoreni atë si një theks mbështetës, jo si një ngjyrë statusi. - Charcoal
#454745— Kopja e trupit, teksti i trupit, ndërfaqja e pasur e përdoruesit - një e zezë paksa e ngrohtë që ndihet më e butë se një #000 e pastër në një sfond të bardhë. - Obsidian
#0e0f0c— Tituj, tituj me kontrast të lartë, elementë të zinj të pastër në navigim dhe në menynë kryesore. E zezë me një nuancë paksa të gjelbër, jo gri neutrale. - Pebble
#868685— Tekst dytësor i zbutur, tekst vendmbajtës, skica ikonash dhe kufij fushash hyrëse. Gri mesatare, që tërhiqet në distancë.
Tipografi
nga 12 në 105px · 10 hapa
- Inter — zëvendësim: Inter (native Google Fonts) · skica 400,500,600,700 · Teksti i trupit, ndërfaqja e përdoruesit, mbishkrimet dhe nëntitujt në të gjithë produktin. Një font me peshë 700 përdoret për titujt e nivelit të mesëm (36–45px), 500–600 për nëntitujt dhe mbishkrimet, dhe 400 për tekstin e trupit dhe mbishkrimet. Inter ofron një pamje më delikate, ndërsa Wise Sans ofron një pamje më të guximshme.
- Wise Sans — zëvendësim: Inter Black (900) with -0.04em tracking · skica 900 · Titujt janë karta dalluese e një marke. Një font super i dendur 900 me gjatësi 89–105px dhe hapësirë të vogël midis shkronjave e transformon çdo titull në një reklamë të theksuar. Ato përdoren me kursim: si tekst i trupit, për titujt e seksioneve dhe për pikat kryesore të fushatës.
- monospace — zëvendësim: Inter · skica 400 · monospaced - gjendet në të dhënat e nxjerra, por nuk përshkruhet nga IA.
Intervalet dhe forma
| Qëllimi | Kuptimi |
|---|---|
| Dendësia | i dendur |
| Hapi bazë | 8-12px |
| Rrezja e butonit | 9999px |
| Rrezja e kartës | 10px |
| Hijet | pa kufij në vend të hijeve |
| Midis seksioneve | 64-80px |
| Gjerësia e faqes | 1200px |
IA do ta ndërtojë faqen tuaj të internetit në stilin Wise dhe do ta mbushë atë
- Plotësoni me produkte dhe postime përmes linkut - Instagram, TikTok, Facebook.
- Transferoni përmbajtje nga faqja juaj e vjetër—thjesht specifikoni adresën.
- Dizajn modern në motorin më të mirë: React ( Next.js) me renderim të serverit dhe optimizim SEO që në fillim.
- Optimizim plotësisht i automatizuar i SEO-s për rezultatet e kërkimit dhe rekomandimet e rrjeteve nervore.
Stile të ngjashme
- Integrated Biosciences — laboratori i biolumineshencës në mesnatë
- Huly — Dritat Veriore në Observatorin e Mesnatës - protagonisti është një rreze vertikale vjollce që zbehet në koral, dhe çdo seksion i qetë poshtë saj huazon të njëjtën histori dyngjyrëshe të treguar me një ton më të zbutur.
- Dia Browser — Një hapësirë galerie në dhomë të errët përzihet me një gazetë editoriale. Skena e errët zbulon një faqe gazete të ndriçuar nga dielli, secila pjesë e shënuar nga një titull i vetëm me serif.
- Mintlify — Një kopsht me re mbi një tavolinë qelqi. Qielli i vizatuar me dorë dhe dokumentari janë të vendosur së bashku - i vetmi vend ku ngjyra dhe koncepti përplasen përpara se faqja të zbehet në të bardhën monastike.
- Gleap — Një hapësirë pune e dekoruar me tone të ngrohta krem me thekse grafiti—një studio ku pikat e bojës së zezë mat duket se notojnë mbi arkitekturën e lirit.
- ClickUp — Një panel kontrolli i fuqishëm mbi mermer të bardhë. Faqja është një broshurë produkti për një mjet produktiviteti, kështu që gjuha vizuale është huazuar nga vetë produkti: lista të dendura, tregues statusi, grupe avatarësh dhe deklarata tipografike të theksuara që duken si një specifikim produkti në ekran.
- monday — Punëtori e bardhë me afishe pastel
- Portal — Editoriali i Twilight Serif - Një publikim premium në një revistë të pavarur, i dizajnuar në stilin iOS
- Slack — Skena është me ngjyrë patëllxhani me reflektorë të bardhë. Një nuancë e thellë kumbulle dominon zonat e errëta, ndërsa kanavaca e zbehtë e bardhë lejon që titujt e mëdhenj avangardë të marrin frymë lirisht.
- Base44 — Fletore e ndriçuar nga dielli me shënues gëlqereje
- Letters — Një takim në mëngjes në një klinikë të hapur—një tavolinë sterile e bardhë nën një tavan të butë blu, e mbushur me instrumente kirurgjikale blu
- Duolingo — Kënd lojërash i gjelbër me vija të trasha shënjuese.