Wise
Kareharrizko tentsiodun goroldio sakona. Kareharrizko txinpartak ia baso beltzaren zoruan, eta irudi masibo eta angeluarrek mugimendu guztiak adierazten dituzte.
Wise tipografiak ahots ziur eta ozen samar batez hitz egiten du: baso-berde sakon batek (#163300) gainazal gehiena hartzen du —testua, nabigazioa, atal ilunak, ikonoak—, eta lima-berde distiratsu bakar batek (#9fe870) puntuazio funtzionala balio du ekintzarako deietan, fitxa aktiboetan eta elementu gakoetan. Tipografia ia oldarkorra da: 900eko lerro-lodierarekin, trinkotuta, Wise Sans letra handietan nabarmentzen da (100px+) hasierako pantailan. Sistemaren gainerakoa diskretua da gainazal gris leunak dituen mihise zuri-zuri batean (#e8ebe6). Osagaiak pilula formakoak dira lehenespenez —botoiak, nabigazio-segmentuak, kontrol-laukien miniaturak, irudi-maskarak—, erradio txikiak (10px) txarteletarako eta sarrera-eremuetarako gordeta. Kolore-gradienteak arraroak dira; horren ordez, salamandra eta baso-berdearen konbinazioa leunki aldatzen da atalak ilundu ahala, erritmo bat sortuz gehiegizko apaingarririk gabe.
1200 px-ko gehienezko zabalera duen edukiontzi bat, erdian kokatua, goiko atal batekin eta beste atal ilun batekin, orrialdearen zabalera osoa hartzen duena. Goiburuaren diseinuak izenburu erraldoi eta erdian kokatua du atzealde zuri batean, eta ilustrazio handi bat (globoa) ikus-eremuaren beheko ertzetik haratago hedatzen da. Atalen erritmoa zuriaren, berde argiaren eta "baso-tinta" koloreko atal ilun baten artean txandakatzen da, kolore-erritmo natural bat sortuz. Edukiaren diseinua batez ere erdian kokatua dago: testu eta irudi blokeak bi zutabetan goialdean, edo elementu nagusiak dituzten errenkadak hiru zutabetan bigarren mailako ataletan. Bost zutabeko sareta bat erabiltzen da banderak dituena herrialdeen zerrenda bistaratzeko. Nabigazioa goiko barra finko bakarra da, segmentu bidezko txandakatzaile batekin. QR kodea beheko eskuineko izkinan finko mantentzen da korritze-posizio guztietan.
Urrezko txanponak dituen globo bat irudikatzen duten 3D ilustrazioek sortzen dute markaren mundu bisuala: ukigarria, apur bat surrealista, gradiente leun eta argiztapen epelarekin egina. Argazkilaritza minimalista da; erabiltzen denean, goi-mailako eta informala da. Bandera nazionalak bost zutabeko sareta batean dauden miniatura zirkular gisa aurkezten dira; sistema "ikoniko" bakarra identitate nazionala da. Ez dago elementu grafiko abstrakturik, ezta txantiloi estandarrik ere. Globoa eta txanponak maskotaren motibo errepikakorra dira, irismen globala objektu bakar, bero eta baikor baten bidez adierazten dutenak, muntaketa baten ordez.
Paleta
Marka
- Forest Ink
#163300— Markaren estilo ilun nagusia —nabigazio-testua, atal ilunak atzeko planoetan, gorputz-testua gainazal argietan, ikonoen eskemak eta nabigazio-elementu beteak— da bere indarra definitzen duena: pisua edo autoritatea behar den leku guztietan, Forest Ink aukeratzen duzu. - Lime Voltage
#9fe870— Berdea bigarren mailako azentu gisa erabiltzen da xehetasun apaingarrietarako eta gutxiago erabiltzen diren bilaketa-kontsultak nabarmentzeko. Ez da erabili behar ekintzarako deietarako kolore nagusi gisa. - Spruce
#054d28— Bigarren mailako berde ilun bat erabiltzen da txartelen gainazaletarako, ikonografia txikietarako eta Forest Ink gehiegi saturatuta dagoen eremu ilunei sakontasuna emateko.
Neutroa
- Linen Mist
#e2f6d5— Berde argi tonua gainazaletan nabarmentze leunak, txartelen atzeko plano tonudunak eta nabigazio-barretan gainean jartzean dauden egoeretarako. Berde bereizgarriaren tonu sotila edukiontzi-diseinu elementu diskretuetarako. - Signal Blue
#0b4c72— Kolore urdinak xehetasun apaingarrietarako eta maiztasun baxuak azpimarratzeko azentu gehigarri gisa balio du. - Alarm Red
#cb272f— Gorriak xehetasun apaingarrietarako eta kolore ezohikoak nabarmentzeko balio du. Erabili osagarri gisa, ez estatus-kolore gisa. - Charcoal
#454745— Gorputz-testua, gorputz-testua, UI aberatsa - beltz epel samarra, atzealde zuri batean #000 hutsa baino leunagoa sentitzen dena. - Obsidian
#0e0f0c— Izenburuak, kontraste handiko izenburuak, nabigazioan eta menu nagusian elementu beltz hutsak. Beltza tonu berdexka apur batekin, ez gris neutroa. - Pebble
#868685— Bigarren mailako testu apaldua, leku-markatzaileen testua, ikonoen eskemak eta sarrera-eremuen ertzak. Gris ertaina, urruntzen ari da.
Tipografia
12tik 105px-ra · 10 urrats
- Inter — ordezkapena: Inter (native Google Fonts) · eskemak 400,500,600,700 · Produktu osoko testua, erabiltzaile interfazea, epigrafeak eta azpitituluak. 700 pisuko letra-tipoa erabiltzen da erdi mailako epigrafeetarako (36–45px), 500–600 azpititulu eta epigrafeetarako, eta 400 testu eta epigrafeetarako. Inter-ek itxura sotilagoa ematen du, eta Wise Sans-ek, berriz, itxura ausartagoa.
- Wise Sans — ordezkapena: Inter Black (900) with -0.04em tracking · eskemak 900 · Titularrak marka baten bisita-txartela dira. 900 letra-tipo oso trinkoa, 89-105px-ko tartearekin eta letra-tarte estuarekin, titulu bakoitza iragarki lodi eta lodi bihurtzen du. Neurrian erabiltzen dira: testu-gorputz gisa, atal-izenburuetarako eta kanpainen aipagarrietarako.
- monospace — ordezkapena: Inter · eskemak 400 · espazio bakarrekoa - ateratako datuetan aurkitua baina IA-k deskribatu ez duena.
Tarteak eta forma
| Helburua | Esanahia |
|---|---|
| Dentsitatea | trinko |
| Oinarrizko urratsa | 8-12px |
| Botoiaren erradioa | 9999px |
| Txartelaren erradioa | 10px |
| Itzalak | ez - itzalen ordez ertzak |
| Atalen artean | 64-80px |
| Orriaren zabalera | 1200px |
Adimen artifizialak zure webgunea Wise estiloan eraikiko du eta beteko du
- Bete produktu eta argitalpenekin estekaren bidez - Instagram, TikTok, Facebook.
- Transferitu edukia zure gune zaharretik: zehaztu helbidea.
- Diseinu modernoa motor onenean: React ( Next.js) zerbitzariaren errendatzearekin eta SEO optimizazioarekin hasieratik.
- Bilaketa-emaitzetarako eta sare neuronalen gomendioetarako SEO optimizazio guztiz automatizatua.
Estilo antzekoak
- Integrated Biosciences — biolumineszentzia laborategia gauerdian
- Huly — Iparraldeko Argiak Gauerdiko Behatokian - protagonista koralean desagertzen den more koloreko izpi bertikal bat da, eta azpiko atal isil bakoitzak bi tonuko istorio bera hartzen du, tonu apalagoan kontatuta.
- Dia Browser — Gela ilun bateko galeria-espazioa egunkari editorial batekin nahasten da. Eszena ilun-ilunak egunkari baten hedadura eguzkitsu bat agerian uzten du, atal bakoitza izenburu serif bakar batez markatuta.
- Mintlify — Kristalezko mahai baten gainean dagoen hodei-lorategi bat. Eskuz marraztutako zerua eta dokumentala elkarrekin markoztatuta daude —kolorea eta kontzeptua talka egiten duten leku bakarra, orrialdea monasterio-zuri bihurtu aurretik.
- Gleap — Krema tonu epeletan eta grafito azentuekin apaindutako lan-espazioa — lihozko arkitekturaren gainean tinta beltz mate puntuak flotatzen ari direla dirudien estudio bat.
- ClickUp — Marmol zuriaren gaineko aginte-panel indartsua. Orrialdea produktibitate-tresna baten produktu-liburuxka bat da, beraz, hizkuntza bisuala produktutik bertatik hartua da: zerrenda trinkoak, egoera-adierazleak, avatarren taldeak eta produktuaren zehaztapen baten itxura duten adierazpen tipografiko lodiak.
- monday — Tailer zuria pastel eranskailuekin
- Portal — Twilight Serif Editoriala - iOS estiloan diseinatutako aldizkari independente bateko premium orrialdea
- Slack — Eszenatokia berenjena kolorekoa da, foku zuriekin. Aran-kolore sakon batek menderatzen ditu eremu ilunak, eta mihise zurixkak, berriz, abangoardiako titulu handiei arnasa libre uzten die.
- Base44 — Eguzki-argitan koadernoa lima-markagailuarekin
- Letters — Goizeko hitzordua aire zabaleko klinika batean —sabai urdin leun baten azpian mahai zuri esteril bat, kirurgia-tresna urdinez beteta
- Duolingo — Jolastoki berdea, markaketa-lerro lodiekin