Wise
Duboka mahovina s napetošću krečnjaka. Krečnjak iskri na gotovo crnom šumskom tlu, a masivne, uglate figure signaliziraju svaki pokret.
Wise font govori samouvjerenim, pomalo glasnim glasom: tamnozelena šuma (#163300) zauzima većinu površine - tekst, navigaciju, tamne dijelove, ikone - dok jedna svijetlozelena limeta (#9fe870) služi kao funkcionalna interpunkcija na pozivima na akciju, aktivnim karticama i ključnim elementima. Font je gotovo agresivan: Wise Sans s debljinom linije od 900, gusto zbijen, ističe se velikim slovima (100px+) na početnom ekranu. Ostatak sistema ostaje diskretan na prljavobijelom platnu s mekim sivim površinama (#e8ebe6). Komponente su prema zadanim postavkama u obliku pilule - dugmad, segmenti navigacije, sličice okvira za potvrdu, maske slika - s malim radijusima (10px) rezerviranim za kartice i polja za unos. Gradijenti boja su rijetki; umjesto toga, kombinacija salamandera i šumskozelene glatko se mijenja kako dijelovi tamne, stvarajući ritam bez pretjeranog ukrašavanja.
Kontejner maksimalne širine 1200px, centriran, s gornjim i tamnim dijelom koji se proteže cijelom širinom stranice. Izgled zaglavlja sadrži masivan, centriran naslov na bijeloj pozadini, s velikom ilustracijom (globusom) koja se proteže izvan donjeg ruba prikaza. Ritam odjeljka se naizmjenično kreće između bijele, svijetlozelene i tamnog odjeljka u "šumskoj tinti", stvarajući prirodni ritam boja. Izgled sadržaja je prvenstveno centriran: blokovi teksta i slika u dva stupca na vrhu ili redovi s primarnim elementima u tri stupca u sekundarnim odjeljcima. Mreža s pet stupaca sa zastavama koristi se za prikaz popisa zemalja. Navigacija je jedna, fiksna gornja traka sa segmentiranim prekidačem. QR kod ostaje fiksan u donjem desnom kutu na svim pozicijama pomicanja.
3D ilustracije koje prikazuju globus sa zlatnicima stvaraju vizualni svijet brenda - taktilni, pomalo nadrealni, izvedeni s mekim gradijentima i toplim osvjetljenjem. Fotografija je minimalistička; kada se koristi, ona je upadljiva i ležerna. Nacionalne zastave su predstavljene kao kružne sličice u mreži s pet stupaca - jedini "ikonični" sistem je nacionalni identitet. Nema apstraktnih grafičkih elemenata, nema standardnih predložaka. Globus i kovanice su ponavljajući motiv maskote, signalizirajući globalni doseg kroz jedan, topao, optimističan objekt, a ne montažu.
Paleta
Brend
- Forest Ink
#163300— Dominantni tamni stil brenda - tekst navigacije, tamne pozadine sekcija, tekst tijela na svijetlim površinama, obrisi ikona i ispunjeni navigacijski elementi - ono je što definira njegovu snagu: gdje god je potrebna težina ili autoritet, birate Forest Ink. - Lime Voltage
#9fe870— Zelena se koristi kao sekundarni naglasak za dekorativne detalje i za isticanje rjeđe korištenih upita za pretraživanje. Ne bi se trebala koristiti kao primarna boja za pozive na akciju. - Spruce
#054d28— Sekundarna tamnozelena boja se koristi za površine karata, manje ikonografije i za dodavanje dubine tamnim područjima gdje je Forest Ink previše zasićen.
Neutralno
- Linen Mist
#e2f6d5— Svijetlozelena nijansa za mekane naglaske na površinama, nijansirane pozadine kartica i stanja zadržavanja pokazivača miša na navigacijskim trakama. Suptilna nijansa prepoznatljive zelene za diskretne elemente dizajna kontejnera. - Signal Blue
#0b4c72— Plava boja služi kao dodatni naglasak za dekorativne detalje i naglašavanje niskih frekvencija. - Alarm Red
#cb272f— Crvena služi kao prateći akcenat za dekorativne detalje i za isticanje neuobičajenih boja. Koristite je kao prateći akcenat, a ne kao statusnu boju. - Charcoal
#454745— Tekst u tijelu stranice, bogat korisnički interfejs - blago topla crna koja se osjeća nježnije od čistog #000 na bijeloj pozadini. - Obsidian
#0e0f0c— Naslovi, naslovi visokog kontrasta, čisto crni elementi u navigaciji i glavnom meniju. Crna boja sa blago zelenkastom nijansom, ne neutralno siva. - Pebble
#868685— Prigušeni sekundarni tekst, tekst rezerviranog mjesta, obrisi ikona i okviri polja za unos. Srednje siva, povlači se u daljinu.
Tipografija
od 12 do 105px · 10 koraka
- Inter — zamjena: Inter (native Google Fonts) · obrisi 400,500,600,700 · Tekst u tijelu, korisničko sučelje, natpisi i podnaslovi u cijelom proizvodu. Font debljine 700 koristi se za naslove srednjeg nivoa (36–45px), 500–600 za podnaslove i natpise, a 400 za tekst u tijelu i natpise. Inter pruža suptilniji izgled, dok Wise Sans pruža smjeliji izgled.
- Wise Sans — zamjena: Inter Black (900) with -0.04em tracking · obrisi 900 · Naslovi su zaštitni znak brenda. Super gusti font od 900 s razmakom od 89–105 piksela i malim razmakom između slova transformira svaki naslov u podebljani, podebljani oglas. Koriste se štedljivo: kao tekst tijela, za naslove odjeljaka i za istaknute dijelove kampanje.
- monospace — zamjena: Inter · obrisi 400 · monospaced - pronađen u ekstrahovanim podacima, ali ga vještačka inteligencija ne opisuje.
Intervali i forma
| Svrha | Značenje |
|---|---|
| Gustoća | gust |
| Osnovni korak | 8-12px |
| Radijus dugmeta | 9999px |
| Radijus kartice | 10px |
| Sjene | ne - okviri umjesto sjena |
| Između sekcija | 64-80px |
| Širina stranice | 1200px |
Vještačka inteligencija će izgraditi vašu web stranicu u Wise stilu i popuniti je
- Popunite proizvodima i objavama putem linka - Instagram, TikTok, Facebook.
- Prenesite sadržaj sa vaše stare stranice - samo navedite adresu.
- Moderan dizajn na najboljem engine-u: React ( Next.js) sa serverskim renderovanjem i SEO optimizacijom odmah po instalaciji.
- Potpuno automatizirana SEO optimizacija za rezultate pretrage i preporuke neuronskih mreža.
Slični stilovi
- Integrated Biosciences — laboratorija za bioluminiscenciju u ponoć
- Huly — Sjeverna svjetlost u ponoćnoj opservatoriji - protagonist je vertikalni snop ljubičaste boje koji se blijedi u koraljnu, a svaki tihi dio ispod njega posuđuje istu dvobojnu priču ispričanu u prigušenijem tonu.
- Dia Browser — Galerija u tamnoj komori stapa se s uredničkim novinama. Potpuno mračna scena otkriva osunčanu novinsku stranicu, a svaki dio je označen jednim serifnim naslovom.
- Mintlify — Vrt oblaka iznad staklenog stola. Ručno crtano nebo i dokumentarac su uokvireni zajedno - jedino mjesto gdje se boja i koncept sudaraju prije nego što stranica izblijedi u monašku bjelinu.
- Gleap — Radni prostor uređen u toplim krem tonovima s grafitnim akcentima - studio u kojem mat crne tačkice tinte kao da lebde iznad lanenog platna.
- ClickUp — Moćna kontrolna ploča na bijelom mramoru. Stranica je brošura proizvoda za alat za produktivnost, tako da je vizualni jezik posuđen iz samog proizvoda: guste liste, indikatori statusa, grupe avatara i podebljane tipografske izjave koje izgledaju kao specifikacija proizvoda izložena.
- monday — Bijela radionica s pastelnim naljepnicama
- Portal — Twilight Serif Editorial - Premium raspred u nezavisnom časopisu, dizajniran u iOS stilu
- Slack — Scena je boje patlidžana s bijelim reflektorima. Tamna nijansa šljive dominira tamnim područjima, dok prljavobijelo platno omogućava velikim, avangardnim naslovima da slobodno dišu.
- Base44 — Suncem obasjana bilježnica s flomasterom od limete
- Letters — Jutarnji pregled u klinici na otvorenom - sterilni bijeli stol pod mekim plavim stropom, prekriven plavim hirurškim instrumentima.
- Duolingo — Zeleno igralište s debelim linijama za označavanje