Wise
Globok mah z napetostjo apnenca. Apnenec se iskri na skoraj črnih gozdnih tleh, ogromne, oglate figure pa signalizirajo vsak gib.
Pisava Wise govori z samozavestnim, nekoliko glasnim glasom: temno zelena (#163300) zavzema večino površine – besedilo, navigacijo, temne dele, ikone – medtem ko ena sama svetlo limetino zelena (#9fe870) služi kot funkcionalno ločilo pri pozivih k dejanju, aktivnih zavihkih in ključnih elementih. Pisava je skoraj agresivna: Wise Sans z debelino črte 900, gosto zložena, izstopa z velikimi črkami (100px+) na začetnem zaslonu. Preostali del sistema ostaja diskreten na umazano belem platnu z mehkimi sivimi površinami (#e8ebe6). Komponente so privzeto v obliki tablet – gumbi, navigacijski segmenti, sličice potrditvenih polj, maske slik – z majhnimi polmeri (10px), rezerviranimi za kartice in vnosna polja. Barvni prelivi so redki; namesto tega se kombinacija močerada in gozdno zelene gladko spreminja, ko se deli potemnijo, kar ustvarja ritem brez pretiranega okraševanja.
Vsebnik z največjo širino 1200 slikovnih pik, centriran, z zgornjim in temnim delom, ki se razteza čez celotno širino strani. Postavitev glave ima ogromen, centriran naslov na belem ozadju, z veliko ilustracijo (globusom), ki se razteza čez spodnji rob vidnega polja. Ritem odsekov se izmenjuje med belo, svetlo zeleno in temnim odsekom v "gozdnem črnilu", kar ustvarja naravni barvni ritem. Postavitev vsebine je primarno centrirana: bloki besedila in slik v dveh stolpcih na vrhu ali vrstice s primarnimi elementi v treh stolpcih v sekundarnih odsekih. Za prikaz seznama držav se uporablja mreža s petimi stolpci in zastavami. Navigacija je ena sama, fiksna zgornja vrstica s segmentiranim preklopnikom. Koda QR ostane fiksna v spodnjem desnem kotu na vseh položajih drsenja.
3D ilustracije, ki prikazujejo globus z zlatimi kovanci, ustvarjajo vizualni svet blagovne znamke – taktilen, rahlo nadrealen, izveden z mehkimi prelivi in toplo osvetlitvijo. Fotografija je minimalistična; kadar je uporabljena, je suptilna in sproščena. Državne zastave so predstavljene kot krožne sličice v mreži s petimi stolpci – edini»ikonični« sistem je nacionalna identiteta. Brez abstraktnih grafičnih elementov, brez standardnih predlog. Globus in kovanci so ponavljajoči se motiv maskote, ki signalizirajo globalni doseg z enim samim, toplim, optimističnim predmetom in ne z montažo.
Paleta
Blagovna znamka
- Forest Ink
#163300— Prevladujoč temen slog blagovne znamke – navigacijsko besedilo, temna ozadja razdelkov, besedilo telesa na svetlih površinah, obrisi ikon in polni navigacijski elementi – je tisto, kar opredeljuje njeno moč: kjer koli je potrebna teža ali avtoriteta, izberete Forest Ink. - Lime Voltage
#9fe870— Zelena se uporablja kot sekundarni poudarek za dekorativne detajle in za poudarjanje manj pogosto uporabljenih iskalnih poizvedb. Ne sme se uporabljati kot primarna barva za pozive k dejanju. - Spruce
#054d28— Sekundarna temno zelena barva se uporablja za površine kartic, manjše ikonografije in za dodajanje globine temnim območjem, kjer je Forest Ink preveč nasičen.
Nevtralno
- Linen Mist
#e2f6d5— Svetlo zelen odtenek za mehke poudarke na površinah, obarvana ozadja kartic in stanja lebdenja na navigacijskih vrsticah. Nežen odtenek značilne zelene za diskretne elemente oblikovanja vsebnika. - Signal Blue
#0b4c72— Modra barva služi kot dodaten poudarek za dekorativne detajle in poudarjanje nizkih frekvenc. - Alarm Red
#cb272f— Rdeča služi kot podporni poudarek za dekorativne detajle in za poudarjanje nenavadnih barv. Uporabite jo kot podporni poudarek, ne kot statusno barvo. - Charcoal
#454745— Telo besedila, telo besedila, bogat uporabniški vmesnik - rahlo topla črna barva, ki se na belem ozadju zdi mehkejša od čiste #000. - Obsidian
#0e0f0c— Naslovi, visokokontrastni naslovi, čisto črni elementi v navigaciji in glavnem meniju. Črna z rahlo zelenkastim odtenkom, ne nevtralno siva. - Pebble
#868685— Zadušeno sekundarno besedilo, besedilo ograde, obrisi ikon in robovi vnosnih polj. Srednje siva, ki se umika v daljavo.
Tipografija
od 12 do 105 slikovnih pik · 10 korakov
- Inter — zamenjava: Inter (native Google Fonts) · obrisi 400,500,600,700 · Besedilo v telesu, uporabniški vmesnik, napisi in podnaslovi v celotnem izdelku. Za naslove srednje ravni (36–45 slikovnih pik) se uporablja pisava velikosti 700, za podnaslove in napise 500–600 ter za besedilo v telesu in napise 400. Inter zagotavlja subtilnejši videz, Wise Sans pa drznejši videz.
- Wise Sans — zamenjava: Inter Black (900) with -0.04em tracking · obrisi 900 · Naslovi so klicna kartica blagovne znamke. Super gosta pisava velikosti 900 z razmikom med črkami od 89 do 105 slikovnih pik in tesnim razmikom med črkami spremeni vsak naslov v krepko, krepko pisavo. Uporabljajo se redko: kot besedilo telesa, za naslove razdelkov in za poudarke kampanje.
- monospace — zamenjava: Inter · obrisi 400 · monospaced - najdeno v izvlečenih podatkih, vendar ga umetna inteligenca ne opisuje.
Intervali in oblika
| Namen | Pomen |
|---|---|
| Gostota | gosta |
| Osnovni korak | 8-12px |
| Polmer gumba | 9999px |
| Polmer kartice | 10px |
| Sence | ne - obrobe namesto senc |
| Med odseki | 64-80px |
| Širina strani | 1200px |
Umetna inteligenca bo zgradila vašo spletno stran v slogu Wise in jo napolnila
- Polnite z izdelki in objavami prek povezave - Instagram, TikTok, Facebook.
- Prenesite vsebino s starega spletnega mesta – samo navedite naslov.
- Sodoben dizajn na najboljšem iskalniku: React ( Next.js) z vnaprej pripravljenim upodabljanjem na strežniku in optimizacijo za SEO.
- Popolnoma avtomatizirana SEO optimizacija za rezultate iskanja in priporočila nevronskih mrež.
Podobni slogi
- Integrated Biosciences — laboratorij za bioluminiscenco ob polnoči
- Huly — Severni sij v polnočnem observatoriju - protagonist je navpičen žarek vijolične barve, ki prehaja v koralno, vsak tihi del pod njim pa si izposodi isto dvobarvno zgodbo, povedano v bolj umirjenem tonu.
- Dia Browser — Galerijski prostor temnice se prepleta z uredniškim časopisom. Črna scena razkriva soncem obsijano časopisno ploščo, vsak del katere je označen z enim samim serifnim naslovom.
- Mintlify — Vrt oblakov nad stekleno mizo. Ročno narisano nebo in dokumentarec sta uokvirjena skupaj – edino mesto, kjer se barva in koncept srečata, preden se stran zbledi v samostansko belino.
- Gleap — Delovni prostor, okrašen v toplih kremnih tonih z grafitnimi poudarki – studio, kjer se zdi, da mat črne pike črnila lebdijo nad laneno arhitekturo.
- ClickUp — Zmogljiva nadzorna plošča na belem marmorju. Stran je brošura izdelka za orodje za produktivnost, zato je vizualni jezik izposojen iz samega izdelka: gosti seznami, indikatorji stanja, skupine avatarjev in krepke tipografske izjave, ki so videti kot specifikacija izdelka na ogled.
- monday — Bela delavnica s pastelnimi nalepkami
- Portal — Twilight Serif Editorial - Premium razpored v neodvisni reviji, oblikovan v slogu iOS
- Slack — Oder je v barvi jajčevca z belimi reflektorji. Temnim predelom prevladuje temen slivov odtenek, medtem ko umazano belo platno omogoča, da veliki, avantgardni naslovi svobodno dihajo.
- Base44 — Sončno osvetljen zvezek z apnenim markerjem
- Letters — Jutranji pregled v kliniki na prostem – sterilna bela miza pod nežno modrim stropom, posuta s kirurškimi modrimi instrumenti
- Duolingo — Zeleno igrišče z debelimi označevalnimi črtami