Wise
Gilios samanos su kalkakmenio įtampa. Klintis žiežirba beveik juodo miško paklotėje, o masyvios, kampuotos figūros signalizuoja apie kiekvieną judesį.
„Wise“ šriftas kalba užtikrintu, kiek garsiu balsu: didžiąją paviršiaus ploto dalį užima tamsi miško žalia spalva (#163300) – tekstas, naršymas, tamsios dalys, piktogramos, o viena ryškiai gelsvai žalia spalva (#9fe870) tarnauja kaip funkcinis skyrybos ženklas raginimuose veikti, aktyviuose skirtukuose ir pagrindiniuose elementuose. Šriftas yra beveik agresyvus: „Wise Sans“, kurio linijos storis yra 900, tankiai išdėstytas, pagrindiniame ekrane išsiskiria didelėmis raidėmis (100 pikselių ir daugiau). Likusi sistemos dalis išlieka diskretiška ant balkšvos drobės su švelniai pilkais paviršiais (#e8ebe6). Pagal numatytuosius nustatymus komponentai yra piliulės formos – mygtukai, naršymo segmentai, žymimųjų langelių miniatiūros, vaizdų kaukės – su mažais spinduliais (10 pikselių), skirtais kortelėms ir įvesties laukams. Spalvų gradientai reti; vietoj to, salamandros ir miško žalios spalvos derinys sklandžiai keičiasi tamsėjant sekcijoms, sukurdamas ritmą be pernelyg didelio dekoravimo.
Centruotas konteineris, kurio plotis ne didesnis kaip 1200 pikselių, su viršutine ir tamsia dalimi, apimančia visą puslapio plotį. Antraštės išdėstyme pavaizduota masyvi, centruota antraštė baltame fone su didele iliustracija (gaubliu), besitęsiančia už apatinio rodinio srities krašto. Skilčių ritmas kaitaliojasi tarp baltos, šviesiai žalios ir tamsios dalies „miško rašalo“ spalvos, sukuriant natūralų spalvų ritmą. Turinio išdėstymas daugiausia centruotas: teksto ir vaizdų blokai dviejuose stulpeliuose viršuje arba eilutės su pagrindiniais elementais trijuose stulpeliuose antrinėse dalyse. Šalių sąrašui rodyti naudojama penkių stulpelių tinklelis su vėliavėlėmis. Navigacija yra viena, fiksuota viršutinė juosta su segmentuotu perjungikliu. QR kodas lieka fiksuotas apatiniame dešiniajame kampe visose slinkimo pozicijose.
Prekės ženklo vizualinį pasaulį kuria 3D iliustracijos, vaizduojančios gaublį su auksinėmis monetomis – taktilės, šiek tiek siurrealistinės, atliktos su švelniais gradientais ir šiltu apšvietimu. Fotografija minimalistinė; kai naudojama, ji ryški ir kasdieniška. Nacionalinės vėliavos pateikiamos kaip apskritos miniatiūros penkių stulpelių tinklelyje – vienintelė „ikoninė“ sistema yra nacionalinis identitetas. Jokių abstrakčių grafinių elementų, jokių standartinių šablonų. Gaublys ir monetos yra pasikartojantis talismano motyvas, signalizuojantis apie pasaulinį pasiekiamumą per vieną, šiltą, optimistišką objektą, o ne montažą.
Paletė
Prekės ženklas
- Forest Ink
#163300— Dominuojantis tamsus prekės ženklo stilius – naršymo tekstas, tamsus skyrių fonas, pagrindinis tekstas ant šviesių paviršių, piktogramų kontūrai ir užpildyti naršymo elementai – apibrėžia jo stiprybę: visur, kur reikia svorio ar autoriteto, rinkitės „Forest Ink“. - Lime Voltage
#9fe870— Žalia spalva naudojama kaip antrinis akcentas dekoratyvinėms detalėms ir rečiau naudojamoms paieškos užklausoms paryškinti. Ji neturėtų būti naudojama kaip pagrindinė spalva raginimams veikti. - Spruce
#054d28— Antrinė tamsiai žalia spalva naudojama kortelių paviršiams, smulkiai ikonografijai ir norint suteikti gylio tamsioms sritims, kur „Forest Ink“ rašalas yra per daug sodrus.
Neutralus
- Linen Mist
#e2f6d5— Šviesiai žalias atspalvis švelniems paviršių paryškinimams, tonuotiems kortelių fonams ir naršymo juostų užvedimo būsenoms. Subtilus, išskirtinės žalios spalvos atspalvis diskretiškiems konteinerio dizaino elementams. - Signal Blue
#0b4c72— Mėlyna spalva tarnauja kaip papildomas akcentas dekoratyvinėms detalėms ir žemų dažnių pabrėžimui. - Alarm Red
#cb272f— Raudona spalva tarnauja kaip papildomas akcentas dekoratyvinėms detalėms ir išryškina neįprastas spalvas. Naudokite ją kaip papildomą akcentą, o ne kaip statuso spalvą. - Charcoal
#454745— Pagrindinė teksto dalis, turinys, sodri vartotojo sąsaja – šiek tiek šilta juoda spalva, kuri atrodo švelnesnė nei grynas #000 baltame fone. - Obsidian
#0e0f0c— Antraštės, didelio kontrasto antraštės, grynai juodi elementai navigacijoje ir pagrindiniame meniu. Juoda su šiek tiek žalsvu atspalviu, ne neutrali pilka. - Pebble
#868685— Pritemdytas antrinis tekstas, vietos rezervavimo tekstas, piktogramų kontūrai ir įvesties laukų rėmeliai. Vidutinio pilkumo, tolstanti tolyn.
Tipografija
nuo 12 iki 105 pikselių · 10 žingsnių
- Inter — pakeitimas: Inter (native Google Fonts) · kontūrai 400,500,600,700 · Visame produkte naudojamas pagrindinis tekstas, vartotojo sąsaja, antraštės ir paantraštės. Vidutinio lygio antraštėms (36–45 pikselių) naudojamas 700 storio šriftas, paantraštėms ir antraštėms – 500–600, o pagrindiniam tekstui ir antraštėms – 400. „Inter“ suteikia subtilesnę išvaizdą, o „Wise Sans“ – ryškesnę.
- Wise Sans — pakeitimas: Inter Black (900) with -0.04em tracking · kontūrai 900 · Antraštės yra prekės ženklo vizitinė kortelė. Itin tankus 900 dydžio šriftas su 89–105 pikselių žingsniu ir griežtais tarpais tarp raidžių kiekvieną antraštę paverčia paryškintu skelbimu. Jos naudojamos saikingai: kaip pagrindinis tekstas, skyrių antraštėms ir kampanijos akcentams.
- monospace — pakeitimas: Inter · kontūrai 400 · monospaced – randamas išgautuose duomenyse, bet neaprašomas dirbtinio intelekto.
Intervalai ir forma
| Tikslas | Reikšmė |
|---|---|
| Tankis | tankus |
| Pagrindinis žingsnis | 8-12px |
| Mygtuko spindulys | 9999px |
| Kortelės spindulys | 10px |
| Šešėliai | ne – rėmeliai vietoj šešėlių |
| Tarp sekcijų | 64-80px |
| Puslapio plotis | 1200px |
Dirbtinis intelektas sukurs jūsų svetainę Wise stiliumi ir ją užpildys
- Užpildykite produktais ir įrašais per nuorodą – Instagram, TikTok, Facebook.
- Perkelkite turinį iš senos svetainės – tiesiog nurodykite adresą.
- Modernus dizainas geriausiame variklyje: React ( Next.js) su serverio atvaizdavimu ir SEO optimizavimu iš karto.
- Visiškai automatizuotas SEO optimizavimas paieškos rezultatams ir neuroninių tinklų rekomendacijoms.
Panašūs stiliai
- Integrated Biosciences — Bioliuminescencijos laboratorija vidurnaktį
- Huly — Šiaurės pašvaistė Vidurnakčio observatorijoje – pagrindinis veikėjas yra vertikalus violetinis spindulys, blėstantis į koralus, o kiekviena tyli atkarpa po juo perteikia tą pačią dvispalvę istoriją, papasakotą santūresniu tonu.
- Dia Browser — Tamsi galerijos erdvė susilieja su redakcinio laikraščio tekstu. Juodame fone atsiskleidžia saulės apšviestas laikraščio lapas, kurio kiekvieną skyrių žymi viena serifinė antraštė.
- Mintlify — Debesų sodas virš stiklinio stalo. Ranka pieštas dangus ir dokumentinis filmas įrėminti kartu – vienintelė vieta, kur spalva ir koncepcija susiduria prieš puslapiui išblėstant į vienuolišką baltumą.
- Gleap — Šiltais kreminiais atspalviais su grafito akcentais dekoruota darbo erdvė – studija, kurioje virš lininės architektūros tarsi kybo matiniai juodi rašalo taškeliai.
- ClickUp — Galingas prietaisų skydelis ant balto marmuro. Puslapis yra produktyvumo įrankio produkto brošiūra, todėl vizualinė kalba pasiskolinta iš paties produkto: tankūs sąrašai, būsenos indikatoriai, avatarų grupės ir paryškinti tipografiniai teiginiai, kurie atrodo kaip rodoma produkto specifikacija.
- monday — Baltos dirbtuvės su pasteliniais lipdukais
- Portal — „Twilight Serif“ redakcija – aukščiausios kokybės nepriklausomo žurnalo numeris, sukurtas iOS stiliumi
- Slack — Scena nudažyta baklažanų spalva su baltais prožektoriais. Tamsiose vietose dominuoja sodri slyvų spalva, o balkšva drobė leidžia laisvai kvėpuoti dideliems, avangardiniams titrams.
- Base44 — Saulės apšviestas užrašų sąsiuvinis su kalkių žymekliu
- Letters — Rytinis susitikimas po atviru dangumi esančioje klinikoje – sterilus baltas stalas po švelniomis mėlynomis lubomis, nukrautas chirurginiais mėlynais instrumentais
- Duolingo — Žalia žaidimų aikštelė su storomis žymėjimo linijomis