Wise
Sügav sammal lubjakivise pingega. Lubjakivi sädemed sätendavad peaaegu mustal metsaalusel ja massiivsed, nurgelised figuurid annavad märku igast liigutusest.
Wise'i kirjatüüp räägib enesekindlalt, veidi valju häälega: sügav metsaroheline (#163300) hõlmab suurema osa pinnast – tekst, navigeerimine, tumedad osad, ikoonid –, samas kui üks erk laimiroheline (#9fe870) toimib funktsionaalse kirjavahemärgina üleskutsetel tegevusele, aktiivsetel vahekaartidel ja põhielementidel. Kirjatüüp on peaaegu agressiivne: Wise Sans, mille rea paksus on 900, on tihedalt pakitud, paistab avakuval silma suurte tähtedega (100px+). Ülejäänud süsteem jääb diskreetseks valkjal lõuendil pehmete hallide pindadega (#e8ebe6). Komponendid on vaikimisi pillikujulised – nupud, navigeerimissegmendid, märkeruutude pisipildid, pildimaskid – väikeste raadiustega (10px), mis on reserveeritud kaartidele ja sisestusväljadele. Värvigradiendid on haruldased; selle asemel muutub salamandri ja metsarohelise kombinatsioon sujuvalt osade tumenedes, luues rütmi ilma liigse kaunistuseta.
Maksimaalselt 1200 piksli laiune konteiner, tsentreeritud, mille ülemine ja tume osa katab kogu lehe laiuse. Päise paigutusel on massiivne, tsentreeritud pealkiri valgel taustal, mille suur illustratsioon (maakera) ulatub üle vaatevälja alumise serva. Sektsiooni rütm vaheldub valge, helerohelise ja tumeda "metsatindi" sektsiooni vahel, luues loomuliku värvirütmi. Sisu paigutus on peamiselt tsentreeritud: teksti- ja pildiplokid kahes veerus ülaosas või read primaarelementidega kolmes veerus sekundaarsetes sektsioonides. Riikide loendi kuvamiseks kasutatakse viie veeruga ruudustikku lippudega. Navigeerimine on üks fikseeritud ülemine riba segmenteeritud lülitiga. QR-kood jääb fikseerituks paremas alanurgas kõigis kerimispositsioonides.
Brändi visuaalse maailma loovad 3D-illustratsioonid, mis kujutavad kuldmüntidega maakera – kombatav, kergelt sürreaalne, teostatud pehmete gradientide ja sooja valgusega. Fotograafia on minimalistlik; kui seda kasutatakse, on see erksavärviline ja juhuslik. Riigilipud on esitatud ringikujuliste pisipiltidena viieveerulises ruudustikus – ainus „ikooniline” süsteem on rahvuslik identiteet. Puuduvad abstraktsed graafilised elemendid, standardmallid. Maakera ja mündid on maskoti korduv motiiv, mis annab märku globaalsest haardest ühe sooja ja optimistliku objekti, mitte montaaži kaudu.
Palett
Bränd
- Forest Ink
#163300— Brändi domineeriv tume stiil – navigeerimistekst, tumedad sektsioonide taustad, heledatel pindadel olev põhitekst, ikoonide kontuurid ja täidetud navigeerimiselemendid – määratleb selle tugevuse: kõikjal, kus on vaja kaalu või autoriteeti, valite Forest Inki. - Lime Voltage
#9fe870— Rohelist värvi kasutatakse dekoratiivsete detailide sekundaarse aktsendina ja harvemini kasutatavate otsingupäringute esiletõstmiseks. Seda ei tohiks kasutada tegevusele kutsuvate tekstide põhivärvina. - Spruce
#054d28— Teisejärgulist tumerohelist kasutatakse kaardipindadel, väiksemates ikonograafiates ja sügavuse lisamiseks tumedatele aladele, kus Forest Ink on liiga küllastunud.
Neutraalne
- Linen Mist
#e2f6d5— Heleroheline toon pehmete esiletõstmiste jaoks pindadel, toonitud kaarditaustade ja navigeerimisribade hõljuva kuvamise olekute jaoks. Peen signatuurroheline toon diskreetsete konteineri kujunduselementide jaoks. - Signal Blue
#0b4c72— Sinine värv toimib täiendava aktsendina dekoratiivsetele detailidele ja madalate sageduste rõhutamiseks. - Alarm Red
#cb272f— Punane toimib dekoratiivsete detailide toetava aktsendi ja ebatavaliste värvide esiletõstmise vahendina. Kasuta seda toetava aktsendi, mitte staatusevärvina. - Charcoal
#454745— Põhitekst, sisutekst, rikkalik kasutajaliides – kergelt soe must, mis tundub pehmem kui puhas #000 valgel taustal. - Obsidian
#0e0f0c— Pealkirjad, kontrastsed pealkirjad, puhtad mustad elemendid navigatsioonis ja peamenüüs. Must kergelt roheka varjundiga, mitte neutraalne hall. - Pebble
#868685— Sujuv teisejärguline tekst, kohatäitetekst, ikoonide kontuurid ja sisestusvälja äärised. Keskmine hall, kaugusesse taanduv.
Tüpograafia
12-st 105 pikslini · 10 sammu
- Inter — asendamine: Inter (native Google Fonts) · kontuurid 400,500,600,700 · Põhitekst, kasutajaliides, pealkirjad ja alapealkirjad kogu tootes. Keskmise taseme pealkirjade (36–45 pikslit) jaoks kasutatakse 700-raskust fonti, alapealkirjade ja pealkirjade jaoks 500–600 ning põhiteksti ja pealkirjade jaoks 400-raskust fonti. Inter annab peenema ilme, Wise Sans aga julgema.
- Wise Sans — asendamine: Inter Black (900) with -0.04em tracking · kontuurid 900 · Pealkirjad on brändi visiitkaart. Ülitihe 900-punktiline font 89–105 piksli kõrguse ja tiheda tähevahega muudab iga pealkirja paksuks ja julgeks reklaamiks. Neid kasutatakse säästlikult: põhitekstina, jaotiste pealkirjadena ja kampaania esiletõstmistena.
- monospace — asendamine: Inter · kontuurid 400 · ühesuunaline – leidub ekstraheeritud andmetes, kuid tehisintellekt ei kirjelda seda.
Intervallid ja vorm
| Eesmärk | Tähendus |
|---|---|
| Tihedus | tihe |
| Põhisamm | 8-12px |
| Nupu raadius | 9999px |
| Kaardi raadius | 10px |
| Varjud | ei - varjude asemel äärised |
| Sektsioonide vahel | 64-80px |
| Lehe laius | 1200px |
Tehisintellekt loob teie veebisaidi Wise stiilis ja täidab selle
- Täida toodete ja postitustega lingi kaudu - Instagram, TikTok, Facebook.
- Kanna sisu oma vanalt saidilt üle – täpsusta lihtsalt aadress.
- Moodne disain parimal mootoril: React ( Next.js) koos serveri renderdamise ja SEO optimeerimisega koheselt.
- Täisautomaatne SEO optimeerimine otsingutulemuste ja närvivõrgu soovituste jaoks.
Sarnased stiilid
- Integrated Biosciences — bioluminestsentsi labor keskööl
- Huly — Keskööobservatooriumis virmalised – peategelane on vertikaalne lilla kiir, mis hääbub korallitoonisse, ja iga vaikne osa sellest allpool laenab sama kahetoonilise loo, mis on jutustatud vaoshoitumas toonis.
- Dia Browser — Pimekambri galeriiruum seguneb toimetuse ajalehega. Pimedasse pimedasse vaatepilti ilmub päikesevalguses ajaleheleht, mille iga osa on tähistatud ühe serif-pealkirjaga.
- Mintlify — Pilveaed klaaslaua kohal. Käsitsi joonistatud taevas ja dokumentaalfilm on raamitud kokku – ainus koht, kus värv ja kontseptsioon enne lehe kloostrivalgesse sulandumist kokku põrkuvad.
- Gleap — Soojades kreemikates toonides ja grafiidiaktsentidega sisustatud tööruum – stuudio, kus mattmustad tindipunktid näivad hõljuvat linase arhitektuuri kohal.
- ClickUp — Võimas valgel marmoril põhinev armatuurlaud. Leht on tootlikkuse tööriista tootebrošüür, seega on visuaalne keel laenatud tootelt endalt: tihedad loendid, olekuindikaatorid, avatarirühmad ja julged tüpograafilised avaldused, mis näevad välja nagu kuvatav tootespetsifikatsioon.
- monday — Valge töötuba pastellkleebistega
- Portal — Twilight Serif Editorial - esmaklassiline sõltumatu ajakirja väljaanne, mis on kujundatud iOS-i stiilis
- Slack — Lava on baklažaanikarva ja valgete prožektoritega. Tumedates alades domineerib sügav ploomikarva toon, samas kui valkjas lõuend laseb suurtel avangardsetel pealkirjadel vabalt hingata.
- Base44 — Päikesevalgustatud märkmik laimimarkeriga
- Letters — Hommikune vastuvõtt vabaõhukliinikus – steriilne valge laud pehme sinise lae all, mis on täis kirurgilisi siniseid instrumente
- Duolingo — Roheline mänguväljak paksude märgistusjoontega