Wise
Hlboký mach s napätím vápenca. Vápenec iskry na takmer čiernej lesnej pôde a mohutné, hranaté postavy signalizujú každý pohyb.
Písmo Wise hovorí sebavedomým, mierne hlasným hlasom: sýta lesná zelená (#163300) zaberá väčšinu plochy – text, navigácia, tmavé sekcie, ikony – zatiaľ čo jedna jasne limetkovo zelená (#9fe870) slúži ako funkčná interpunkcia pri výzvach na akciu, aktívnych kartách a kľúčových prvkoch. Písmo je takmer agresívne: Wise Sans s hrúbkou riadku 900, husto usporiadané, vyniká veľkými písmenami (100px+) na domovskej obrazovke. Zvyšok systému zostáva diskrétny na takmer bielom plátne s jemnými sivými povrchmi (#e8ebe6). Komponenty majú štandardne tvar tabletky – tlačidlá, navigačné segmenty, miniatúry zaškrtávacích políčok, masky obrázkov – s malými polomermi (10px) vyhradenými pre karty a vstupné polia. Farebné prechody sú zriedkavé; namiesto toho sa kombinácia salamandrovej a lesnej zelenej plynule mení, keď sekcie stmavnú, čím vytvára rytmus bez nadmernej dekorácie.
Kontajner s maximálnou šírkou 1200 pixelov, vycentrovaný, s hornou a tmavou časťou pokrývajúcou celú šírku stránky. Rozloženie hlavičky obsahuje masívny, vycentrovaný nadpis na bielom pozadí s veľkou ilustráciou (glóbusom) presahujúcou spodný okraj zobrazovacej oblasti. Rytmus sekcií sa strieda medzi bielou, svetlozelenou a tmavou časťou v „lesnom atramente“, čím sa vytvára prirodzený farebný rytmus. Rozloženie obsahu je primárne vycentrované: bloky textu a obrázkov v dvoch stĺpcoch hore alebo riadky s primárnymi prvkami v troch stĺpcoch v sekundárnych sekciách. Na zobrazenie zoznamu krajín sa používa päťstĺpcová mriežka s vlajkami. Navigácia je tvorená jedným pevným horným panelom so segmentovaným prepínačom. QR kód zostáva pevný v pravom dolnom rohu na všetkých pozíciách rolovania.
3D ilustrácie zobrazujúce glóbus so zlatými mincami vytvárajú vizuálny svet značky – hmatateľný, mierne surrealistický, prevedený s jemnými prechodmi a teplým osvetlením. Fotografia je minimalistická; ak sa použije, je výrazná a ležérna. Národné vlajky sú prezentované ako kruhové miniatúry v päťstĺpcovej mriežke – jediným „ikonickým“ systémom je národná identita. Žiadne abstraktné grafické prvky, žiadne štandardné šablóny. Glóbus a mince sú opakujúcim sa motívom maskota, signalizujúcim globálny dosah prostredníctvom jediného, teplého a optimistického objektu, a nie montáže.
Paleta
Značka
- Forest Ink
#163300— Dominantný tmavý štýl značky – navigačný text, tmavé pozadia sekcií, text na svetlých povrchoch, obrysy ikon a vyplnené navigačné prvky – je to, čo definuje jej silu: všade, kde je potrebná váha alebo autorita, si vyberiete Forest Ink. - Lime Voltage
#9fe870— Zelená sa používa ako sekundárny akcent pre dekoratívne detaily a na zvýraznenie menej často používaných vyhľadávacích dopytov. Nemala by sa používať ako primárna farba pre výzvy na akciu. - Spruce
#054d28— Sekundárna tmavozelená sa používa na povrchy kariet, menšie ikonografie a na pridanie hĺbky tmavým oblastiam, kde je Forest Ink príliš sýty.
Neutrálny
- Linen Mist
#e2f6d5— Svetlozelený odtieň pre jemné zvýraznenie povrchov, tónované pozadia kariet a stavy pri podržaní kurzora myši na navigačných paneloch. Jemný odtieň charakteristickej zelenej pre diskrétne prvky dizajnu kontajnerov. - Signal Blue
#0b4c72— Modrá farba slúži ako dodatočný akcent pre dekoratívne detaily a na zvýraznenie nízkych frekvencií. - Alarm Red
#cb272f— Červená slúži ako podporný akcent pre dekoratívne detaily a na zvýraznenie nezvyčajných farieb. Používajte ju ako podporný akcent, nie ako statusovú farbu. - Charcoal
#454745— Text textu, bohaté používateľské rozhranie – mierne teplá čierna, ktorá pôsobí jemnejšie ako čistá #000 na bielom pozadí. - Obsidian
#0e0f0c— Nadpisy, nadpisy s vysokým kontrastom, čisto čierne prvky v navigačnom a hlavnom menu. Čierna s mierne zelenkastým odtieňom, nie neutrálna sivá. - Pebble
#868685— Tlmený sekundárny text, zástupný text, obrysy ikon a orámovanie vstupných polí. Stredne sivá, ustupujúca do diaľky.
Typografia
od 12 do 105px · 10 krokov
- Inter — náhrada: Inter (native Google Fonts) · obrysy 400,500,600,700 · Hlavný text, používateľské rozhranie, popisky a podnadpisy v celom produkte. Pre stredne veľké nadpisy (36 – 45 px) sa používa písmo s hrúbkou 700, pre podnadpisy a popisky 500 – 600 a pre hlavný text a popisky 400. Inter poskytuje jemnejší vzhľad, zatiaľ čo Wise Sans poskytuje výraznejší vzhľad.
- Wise Sans — náhrada: Inter Black (900) with -0.04em tracking · obrysy 900 · Nadpisy sú vizitkou značky. Superhusté písmo veľkosti 900 s roztečou 89 – 105 pixelov a malými rozstupmi písmen premieňa každý nadpis na tučnú reklamu. Používajú sa striedmo: ako text tela, pre nadpisy sekcií a pre hlavné body kampane.
- monospace — náhrada: Inter · obrysy 400 · monospaced – nachádza sa v extrahovaných dátach, ale nie je opísaný umelou inteligenciou.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základný krok | 8-12px |
| Polomer tlačidla | 9999px |
| Polomer karty | 10px |
| Tiene | nie - okraje namiesto tieňov |
| Medzi sekciami | 64-80px |
| Šírka stránky | 1200px |
Umelá inteligencia vytvorí vašu webovú stránku v štýle Wise a naplní ju
- Doplňte produktmi a príspevkami cez odkaz - Instagram, TikTok, Facebook.
- Preneste obsah zo svojej starej stránky – stačí zadať adresu.
- Moderný dizajn na najlepšom engine: React ( Next.js) s vykresľovaním servera a SEO optimalizáciou hneď po vybalení.
- Plne automatizovaná SEO optimalizácia pre výsledky vyhľadávania a odporúčania neurónových sietí.
Podobné štýly
- Integrated Biosciences — bioluminiscenčné laboratórium o polnoci
- Huly — Polárna žiara v polnočnom observatóriu – protagonista je vertikálny lúč fialovej farby prechádzajúci do koralovej a každá tichá časť pod ním si požičiava rovnaký dvojfarebný príbeh rozprávaný v tlmenejšom tóne.
- Dia Browser — Priestor galérie tmavej komory sa prelína s redakčnými novinami. Tmavá scéna odhaľuje slnkom zaliatu dvojstranu novín, pričom každá sekcia je označená jedným pätkovým titulkom.
- Mintlify — Oblačná záhrada nad skleneným stolom. Ručne kreslená obloha a dokumentárny film sú zarámované spoločne – jediné miesto, kde sa farba a koncept stretávajú skôr, ako stránka vybledne do kláštornej bielej.
- Gleap — Pracovný priestor zariadený v teplých krémových tónoch s grafitovými akcentmi – štúdio, kde sa matné čierne atramentové bodky zdajú byť vznášajúce sa nad ľanovou architektúrou.
- ClickUp — Výkonný dashboard na bielom mramore. Stránka je produktovou brožúrou pre nástroj produktivity, takže vizuálny jazyk je prevzatý zo samotného produktu: husté zoznamy, indikátory stavu, skupiny avatarov a tučné typografické vyhlásenia, ktoré vyzerajú ako vystavená špecifikácia produktu.
- monday — Biela dielňa s pastelovými nálepkami
- Portal — Twilight Serif Editorial – prémiový náhľad v nezávislom časopise, navrhnutý v štýle iOS
- Slack — Javisko je v baklažánovej farbe s bielymi bodovými svetlami. Tmavým plochám dominuje tmavý slivkový odtieň, zatiaľ čo sivobiele plátno umožňuje veľkým, avantgardným titulkom voľne dýchať.
- Base44 — Slnečný zápisník s limetkovou fixkou
- Letters — Ranná schôdzka v klinike pod holým nebom – sterilný biely stôl pod jemným modrým stropom, posiaty modrými chirurgickými nástrojmi
- Duolingo — Zelené ihrisko s hrubými vyznačenými čiarami