Wise
Mély moha mészkőszerű feszültséggel. Mészkő szikrázik a szinte fekete erdő talaján, és hatalmas, szögletes alakok jelzik minden mozdulatot.
A Wise betűtípus magabiztos, kissé hangos hangon beszél: a mély erdőzöld (#163300) foglalja el a felület nagy részét – szöveg, navigáció, sötét részek, ikonok –, míg egyetlen élénk limezöld (#9fe870) funkcionális írásjelként szolgál a cselekvésre ösztönzéseken, az aktív füleken és a kulcsfontosságú elemeken. A betűtípus szinte agresszív: a 900-as vonalvastagságú, sűrűn elhelyezett Wise Sans nagy betűkkel (100px+) tűnik ki a kezdőképernyőn. A rendszer többi része diszkrét marad egy törtfehér, puha szürke felületű vásznon (#e8ebe6). Az összetevők alapértelmezés szerint pirula alakúak – gombok, navigációs szegmensek, jelölőnégyzet-bélyegképek, képmaszkok –, kis sugarakkal (10px) a kártyák és a beviteli mezők számára fenntartva. A színátmenetek ritkák; ehelyett a szalamandra és az erdőzöld kombinációja simán változik a szakaszok sötétedésével, ritmust hozva létre túlzott díszítés nélkül.
Egy maximum 1200 képpont széles, középre igazított konténer, amelynek felső és sötét része az oldal teljes szélességét kitölti. A fejléc elrendezése egy nagy, középre igazított címsort tartalmaz fehér háttéren, egy nagyméretű illusztrációval (földgömb), amely túlnyúlik a nézetablak alsó szélén. A szakaszok ritmusa a fehér, a világoszöld és egy sötét, "erdei tintával" díszített rész között váltakozik, természetes színritmust hozva létre. A tartalom elrendezése elsősorban középre igazított: szöveges és képi blokkok két oszlopban felül, vagy sorok az elsődleges elemekkel három oszlopban a másodlagos szakaszokban. Egy ötoszlopos, zászlókkal ellátott rács jeleníti meg az országok listáját. A navigáció egyetlen, rögzített felső sáv, szegmentált kapcsolóval. A QR-kód rögzített marad a jobb alsó sarokban minden görgetési pozícióban.
A márka vizuális világát egy aranyérmékkel tarkított földgömböt ábrázoló 3D-s illusztrációk alkotják – tapinthatóak, kissé szürreálisak, lágy színátmenetekkel és meleg megvilágítással kivitelezve. A fényképezés minimalista; használat esetén hangsúlyos és laza. A nemzeti zászlók kör alakú miniatűrökként jelennek meg egy öt oszlopos rácsban – az egyetlen „ikonikus” rendszer a nemzeti identitás. Nincsenek absztrakt grafikai elemek, nincsenek szabványos sablonok. A földgömb és az érmék a kabalafigura visszatérő motívumai, egyetlen, meleg, optimista tárgyon keresztül jelzik a globális elért hatást, nem pedig montázson keresztül.
Paletta
Márka
- Forest Ink
#163300— A márka domináns sötét stílusa – navigációs szöveg, sötét hátterű szakaszok, világos felületeken lévő szövegtörzs, ikonkörvonalak és kitöltött navigációs elemek – határozza meg erejét: ahol súlyra vagy tekintélyre van szükség, ott a Forest Ink mellett dönthet. - Lime Voltage
#9fe870— A zöld másodlagos hangsúlyként szolgál a díszítő részleteknél és a ritkábban használt keresési lekérdezések kiemelésére. Nem szabad elsődleges színként használni a cselekvésre ösztönzésekhez. - Spruce
#054d28— Egy másodlagos sötétzöld színt használnak a kártyafelületekhez, kisebb ikonográfiákhoz, valamint a sötét területek mélységének növeléséhez, ahol a Forest Ink túl telített.
Semleges
- Linen Mist
#e2f6d5— Világoszöld árnyalat lágy kiemelésekhez felületeken, színezett kártya hátterekhez és navigációs sávok egérrel való lebegtetéséhez. Finom, jellegzetes zöld árnyalat diszkrét konténerdizájn elemekhez. - Signal Blue
#0b4c72— A kék szín további hangsúlyt fektet a dekoratív részletekre és az alacsony frekvenciák hangsúlyozására. - Alarm Red
#cb272f— A piros kiegészítőként szolgál a díszítő részletekhez, és kiemeli a szokatlan színeket. Használd kiegészítőként, ne státuszszínként. - Charcoal
#454745— Törzsszöveg, szövegtörzs, gazdag felhasználói felület – enyhén meleg fekete, ami lágyabbnak érződik, mint egy tiszta #000 fehér háttéren. - Obsidian
#0e0f0c— Címsorok, nagy kontrasztú címsorok, tiszta fekete elemek a navigációban és a főmenüben. Fekete enyhén zöldes árnyalattal, nem semleges szürke. - Pebble
#868685— Halvány másodlagos szöveg, helyőrző szöveg, ikon körvonalai és beviteli mező szegélyek. Középszürke, a távolba húzódó.
Tipográfia
12-től 105 képpontig · 10 lépésben
- Inter — csere: Inter (native Google Fonts) · körvonalak 400,500,600,700 · A szövegtörzs, a felhasználói felület, a feliratok és az alcímek a teljes termékben megtalálhatók. A középszintű címsorokhoz (36–45 képpont), az alcímekhez és a feliratokhoz 500–600-as, a törzsszöveghez és a feliratokhoz pedig 400-as betűtípust használunk. Az Inter visszafogottabb, míg a Wise Sans merészebb megjelenést biztosít.
- Wise Sans — csere: Inter Black (900) with -0.04em tracking · körvonalak 900 · A címsorok a márka névjegykártyái. Egy szupersűrű, 900-as betűtípus 89–105 képpontos sűrűségű és szoros betűközzel minden címsort félkövér, vastag hirdetéssé alakít. Kevésbé használjuk őket: törzsszövegként, szakaszcímként és kampánykiemelésként.
- monospace — csere: Inter · körvonalak 400 · egyszélességű – megtalálható a kinyert adatokban, de a mesterséges intelligencia nem írja le.
Intervallumok és forma
| Cél | Jelentés |
|---|---|
| Sűrűség | sűrű |
| Alapvető lépés | 8-12px |
| Gomb sugara | 9999px |
| Kártya sugara | 10px |
| Árnyékok | nincs - szegélyek árnyékok helyett |
| Szakaszok között | 64-80px |
| Oldal szélessége | 1200px |
A mesterséges intelligencia Wise stílusban fogja elkészíteni a weboldaladat, és kitölti azt.
- Töltsd fel termékeidet és posztjaidat a linkeken keresztül - Instagram, TikTok, Facebook.
- Tartalom átvitele régi webhelyéről – csak adja meg a címet.
- Modern dizájn a legjobb keresőmotoron: React ( Next.js) szerveralapú rendereléssel és SEO optimalizálással, azonnal használható formában.
- Teljesen automatizált SEO optimalizálás a keresési eredményekhez és a neurális hálózati ajánlásokhoz.
Hasonló stílusok
- Integrated Biosciences — biolumineszcencia labor éjfélkor
- Huly — Északi fény az Éjféli Obszervatóriumban – a főszereplő egy függőleges lila sugár, amely korallba halványul, és minden alatta lévő csendes szakasz ugyanazt a kétszínű történetet kölcsönzi, visszafogottabb hangnemben elmesélve.
- Dia Browser — Egy sötétkamra galériatere olvad egy vezércikk újságjával. A koromsötét jelenet egy napsütötte újságlapot tár fel, amelynek minden részét egyetlen talpas címsor jelöli.
- Mintlify — Egy üvegasztal feletti felhőkert. A kézzel rajzolt égbolt és a dokumentumfilm egy képkockában jelenik meg – az egyetlen hely, ahol a szín és a koncepció találkozik, mielőtt az oldal szerzetesi fehérségbe olvad.
- Gleap — Meleg krémszínűekkel és grafit díszítésű munkaterület – egy stúdió, ahol matt fekete tintapöttyök lebegnek a vászonarchitektúra felett.
- ClickUp — Egy hatékony, fehér márványon alapuló műszerfal. Az oldal egy hatékonyságnövelő eszköz termékismertetője, így a vizuális nyelvet magától a terméktől kölcsönöztük: sűrű listák, állapotjelzők, avatarcsoportok és félkövér tipográfiai utasítások, amelyek egy kihelyezett termékleírásra hasonlítanak.
- monday — Fehér műhely pasztell matricákkal
- Portal — Twilight Serif Editorial - Prémium megjelenésű, független magazinban, iOS stílusban tervezve
- Slack — A színpad padlizsánszínű, fehér reflektorokkal. A sötét területeken mély szilvaszín uralkodik, míg a törtfehér vászon szabadon engedi a nagyméretű, avantgárd címeket.
- Base44 — Napfényes jegyzetfüzet lime markerrel
- Letters — Egy reggeli vizsgálat egy szabadtéri klinikán – steril fehér asztal puha kék mennyezet alatt, tele sebészeti kék eszközökkel
- Duolingo — Zöld játszótér vastag jelzővonalakkal