Wise
Dziļas sūnas ar kaļķakmens spriedzi. Kaļķakmens dzirksteles uz gandrīz melnā meža zemsedzes, un masīvas, stūrainas figūras signalizē par katru kustību.
Wise burtveidols runā ar pārliecinātu, nedaudz skaļu balsi: tumši meža zaļa krāsa (#163300) aizņem lielāko daļu virsmas laukuma — tekstu, navigāciju, tumšās sadaļas, ikonas —, savukārt viena spilgti laima zaļa krāsa (#9fe870) kalpo kā funkcionāla pieturzīme aicinājumiem uz darbību, aktīvajām cilnēm un galvenajiem elementiem. Burtveidols ir gandrīz agresīvs: Wise Sans ar līnijas biezumu 900, blīvi izvietots, sākuma ekrānā izceļas ar lieliem burtiem (100 pikseļi+). Pārējā sistēma paliek diskrēta uz gandrīz balta audekla ar mīkstām pelēkām virsmām (#e8ebe6). Komponenti pēc noklusējuma ir tabletes formas — pogas, navigācijas segmenti, izvēles rūtiņu sīktēli, attēlu maskas — ar nelieliem rādiusiem (10 pikseļi), kas rezervēti kartītēm un ievades laukiem. Krāsu gradienti ir reti; tā vietā salamandras un meža zaļās krāsas kombinācija vienmērīgi mainās, sadaļām kļūstot tumšākām, radot ritmu bez pārmērīgas dekorācijas.
Centrēts konteiners ar maksimālo platumu 1200 pikseļi, ar augšējo un tumšo daļu, kas aptver visu lapas platumu. Galvenes izkārtojumā ir attēlots milzīgs, centrēts virsraksts uz balta fona ar lielu ilustrāciju (globusu), kas sniedzas ārpus skata loga apakšējās malas. Sadaļu ritms mainās starp baltu, gaiši zaļu un tumšu daļu "meža tintes" krāsā, radot dabisku krāsu ritmu. Satura izkārtojums galvenokārt ir centrēts: teksta un attēlu bloki divās kolonnās augšpusē vai rindas ar primārajiem elementiem trīs kolonnās sekundārajās sadaļās. Valstu saraksta attēlošanai tiek izmantots piecu kolonnu režģis ar karodziņiem. Navigācija ir viena, fiksēta augšējā josla ar segmentētu pārslēgšanas slēdzi. QR kods paliek fiksēts apakšējā labajā stūrī visās ritināšanas pozīcijās.
Zīmola vizuālo pasauli veido 3D ilustrācijas, kurās attēlots zemeslodes attēls ar zelta monētām — taustāma, nedaudz sirreāla, veidota ar maigiem gradientiem un siltu apgaismojumu. Fotogrāfija ir minimālistiska; ja tiek izmantota, tā ir spilgta un ikdienišķa. Valstu karogi ir attēloti kā apļveida sīktēli piecu kolonnu režģī — vienīgā "ikoniskā" sistēma ir nacionālā identitāte. Nav abstraktu grafisko elementu, nav standarta veidņu. Zemeslode un monētas ir atkārtots talismana motīvs, kas signalizē par globālu tvērumu caur vienu, siltu, optimistisku objektu, nevis montāžu.
Palete
Zīmols
- Forest Ink
#163300— Zīmola dominējošais tumšais stils — navigācijas teksts, tumši sadaļu foni, pamatteksts uz gaišām virsmām, ikonu kontūras un aizpildīti navigācijas elementi — nosaka tā stipro pusi: visur, kur nepieciešams svars vai autoritāte, izvēlieties Forest Ink. - Lime Voltage
#9fe870— Zaļā krāsa tiek izmantota kā sekundārs akcents dekoratīvām detaļām un retāk izmantotu meklēšanas vaicājumu izcelšanai. To nevajadzētu izmantot kā galveno krāsu aicinājumiem uz darbību. - Spruce
#054d28— Otrreizēja tumši zaļa krāsa tiek izmantota karšu virsmām, nelielai ikonogrāfijai un dziļuma piešķiršanai tumšām vietām, kur Forest Ink ir pārāk piesātināta.
Neitrāls
- Linen Mist
#e2f6d5— Gaiši zaļa nokrāsa maigiem izcēlumiem uz virsmām, tonētiem karšu foniem un navigācijas joslu novietojumam virs tām. Uzmanīgs, raksturīgs zaļš tonis diskrētiem konteineru dizaina elementiem. - Signal Blue
#0b4c72— Zilā krāsa kalpo kā papildu akcents dekoratīvām detaļām un zemo frekvenču uzsvēršanai. - Alarm Red
#cb272f— Sarkana krāsa kalpo kā atbalsta akcents dekoratīvām detaļām un izceļ neparastas krāsas. Izmantojiet to kā atbalsta akcentu, nevis kā statusa krāsu. - Charcoal
#454745— Pamatteksts, pamatteksts, bagātīga lietotāja saskarne — nedaudz silta melna krāsa, kas šķiet maigāka nekā tīrs #000 uz balta fona. - Obsidian
#0e0f0c— Virsraksti, augsta kontrasta virsraksti, tīri melni elementi navigācijā un galvenajā izvēlnē. Melna ar nedaudz zaļganu nokrāsu, nevis neitrāli pelēka. - Pebble
#868685— Blāvs sekundārais teksts, aizvietotāja teksts, ikonu kontūras un ievades lauka apmales. Vidēji pelēks, attālinās tālumā.
Tipogrāfija
no 12 līdz 105 pikseļiem · 10 soļi
- Inter — nomaiņa: Inter (native Google Fonts) · kontūras 400,500,600,700 · Pamatteksts, lietotāja saskarne, paraksti un apakšvirsraksti visā produktā. Vidēja līmeņa virsrakstiem (36–45 pikseļi) tiek izmantots 700. biļešu fonts, apakšvirsrakstiem un parakstiem — 500–600, bet pamatteksta un parakstu fontiem — 400. “Inter” nodrošina neuzkrītošāku izskatu, savukārt “Wise Sans” — izteiksmīgāku izskatu.
- Wise Sans — nomaiņa: Inter Black (900) with -0.04em tracking · kontūras 900 · Virsraksti ir zīmola vizītkarte. Īpaši blīvs 900 pikseļu fonts ar 89–105 pikseļu starpību un šauru burtu atstarpi pārveido katru virsrakstu par treknrakstā izceltu reklāmu. Tie tiek izmantoti taupīgi: kā pamatteksts, sadaļu virsrakstiem un kampaņas izcēlumiem.
- monospace — nomaiņa: Inter · kontūras 400 · vienpusējs — atrodams iegūtajos datos, bet mākslīgais intelekts to nav aprakstījis.
Intervāli un forma
| Mērķis | Nozīme |
|---|---|
| Blīvums | blīvs |
| Pamata solis | 8-12px |
| Pogas rādiuss | 9999px |
| Kartes rādiuss | 10px |
| Ēnas | nē — robežas ēnu vietā |
| Starp sekcijām | 64-80px |
| Lapas platums | 1200px |
Mākslīgais intelekts izveidos jūsu vietni Wise stilā un aizpildīs to
- Aizpildiet ar produktiem un ierakstiem, izmantojot saiti — Instagram, TikTok, Facebook.
- Pārsūtiet saturu no savas vecās vietnes — vienkārši norādiet adresi.
- Moderns dizains uz labākā dzinēja: React ( Next.js) ar servera renderēšanu un SEO optimizāciju uzreiz pēc instalēšanas.
- Pilnībā automatizēta SEO optimizācija meklēšanas rezultātiem un neironu tīkla ieteikumiem.
Līdzīgi stili
- Integrated Biosciences — Bioluminiscences laboratorija pusnaktī
- Huly — Ziemeļblāzma Pusnakts observatorijā — galvenais varonis ir vertikāls purpursarkans stars, kas izgaist koraļļos, un katra klusā daļa zem tā aizņemas to pašu divtoņu stāstu, kas izstāstīts klusākā tonī.
- Dia Browser — Tumšās istabas galerijas telpa saplūst ar redakcijas avīzi. Piķa melnā aina atklāj saules apspīdētu avīzes atvērumu, katru sadaļu iezīmē viens serifs virsrakstā.
- Mintlify — Mākoņu dārzs virs stikla galda. Ar roku zīmētās debesis un dokumentālā filma ir kadrēti kopā — vienīgā vieta, kur krāsa un koncepcija saduras, pirms lapa izgaist klostera baltumā.
- Gleap — Darba telpa, kas iekārtota siltos krēmkrāsas toņos ar grafīta akcentiem, — studija, kurā virs lina arhitektūras šķietami peld matēti melni tintes punktiņi.
- ClickUp — Spēcīgs informācijas panelis uz balta marmora. Lapa ir produktivitātes rīka produkta brošūra, tāpēc vizuālā valoda ir aizgūta no paša produkta: blīvi saraksti, statusa indikatori, avatāru grupas un treknrakstā izrunāti tipogrāfiski paziņojumi, kas izskatās pēc attēlotas produkta specifikācijas.
- monday — Balta darbnīca ar pasteļtoņu uzlīmēm
- Portal — Twilight Serif redakcijas izdevums — augstākās kvalitātes izdevums neatkarīgā žurnālā, kas veidots iOS stilā.
- Slack — Skatuve ir baklažānu krāsā ar baltiem prožektoriem. Tumšajās zonās dominē piesātināta plūmju nokrāsa, savukārt netīri baltais audekls ļauj brīvi elpot lielajiem, avangarda nosaukumiem.
- Base44 — Saules apspīdēta piezīmju grāmatiņa ar kaļķa marķieri
- Letters — Rīta tikšanās brīvdabas klīnikā — sterils balts galds zem maigi ziliem griestiem, noklāts ar ķirurģiskiem ziliem instrumentiem
- Duolingo — Zaļš rotaļu laukums ar biezām marķējuma līnijām