Wise
Hluboký mech s napětím vápence. Vápenec jiskří na téměř černé lesní půdě a mohutné, hranaté postavy signalizují každý pohyb.
Písmo Wise promlouvá sebevědomým, mírně hlasitým hlasem: sytě lesní zelená (#163300) zabírá většinu plochy – text, navigaci, tmavé sekce, ikony – zatímco jediná jasně limetkově zelená (#9fe870) slouží jako funkční interpunkce u výzev k akci, aktivních záložek a klíčových prvků. Písmo je téměř agresivní: Wise Sans s tloušťkou řádku 900, hustě uspořádáno, vyniká velkými písmeny (100px+) na domovské obrazovce. Zbytek systému zůstává nenápadný na téměř bílém plátně s měkkými šedými povrchy (#e8ebe6). Komponenty mají standardně tvar pilulky – tlačítka, navigační segmenty, miniatury zaškrtávacích políček, obrazové masky – s malými poloměry (10px) vyhrazenými pro karty a vstupní pole. Barevné přechody jsou vzácné; místo toho se kombinace mločí a lesní zelené plynule mění s tmavšími sekcemi a vytváří rytmus bez nadměrného zdobení.
Kontejner o maximální šířce 1200 pixelů, vycentrovaný, s horní a tmavou částí po celé šířce stránky. Záhlaví obsahuje masivní, vycentrovaný nadpis na bílém pozadí s velkou ilustrací (glóbusem) přesahující spodní okraj zobrazovacího pole. Rytmus sekcí se střídá mezi bílou, světle zelenou a tmavou částí v „lesním inkoustu“, čímž vytváří přirozený barevný rytmus. Rozvržení obsahu je primárně vycentrované: bloky textu a obrázků ve dvou sloupcích nahoře nebo řádky s primárními prvky ve třech sloupcích v sekundárních sekcích. Pro zobrazení seznamu zemí se používá pětisloupcová mřížka s vlajkami. Navigace je tvořena jedním pevným horním panelem se segmentovaným přepínačem. QR kód zůstává pevný v pravém dolním rohu na všech pozicích posouvání.
3D ilustrace zobrazující glóbus se zlatými mincemi vytvářejí vizuální svět značky – hmatový, lehce surrealistický, provedený s jemnými přechody a teplým osvětlením. Fotografie je minimalistická; pokud je použita, je nenápadná a ležérní. Státní vlajky jsou prezentovány jako kruhové miniatury v pětisloupcové mřížce – jediným „ikonickým“ systémem je národní identita. Žádné abstraktní grafické prvky, žádné standardní šablony. Glóbus a mince jsou opakujícím se motivem maskota a signalizují globální dosah prostřednictvím jediného, teplého a optimistického objektu, spíše než montáží.
Paleta
Značka
- Forest Ink
#163300— Dominantní tmavý styl značky – navigační text, tmavé pozadí sekcí, text na světlých površích, obrysy ikon a vyplněné navigační prvky – je to, co definuje její sílu: kdekoli je vyžadována váha nebo autorita, zvolíte Forest Ink. - Lime Voltage
#9fe870— Zelená se používá jako sekundární akcent pro dekorativní detaily a ke zvýraznění méně často používaných vyhledávacích dotazů. Neměla by se používat jako primární barva pro výzvy k akci. - Spruce
#054d28— Sekundární tmavě zelená se používá pro povrchy karet, drobné ikonografie a pro přidání hloubky do tmavých oblastí, kde je Forest Ink příliš sytý.
Neutrální
- Linen Mist
#e2f6d5— Světle zelený odstín pro jemné zvýraznění povrchů, tónované pozadí karet a stavy při najetí myší na navigační panely. Jemný odstín charakteristické zelené pro decentní prvky designu kontejnerů. - Signal Blue
#0b4c72— Modrá barva slouží jako další akcent pro dekorativní detaily a zdůraznění nízkých frekvencí. - Alarm Red
#cb272f— Červená slouží jako podpůrný akcent pro dekorativní detaily a pro zvýraznění neobvyklých barev. Používejte ji jako podpůrný akcent, ne jako barvu pro zvýšení statusu. - Charcoal
#454745— Text textu, bohaté uživatelské rozhraní – lehce teplá černá, která působí jemněji než čistá #000 na bílém pozadí. - Obsidian
#0e0f0c— Nadpisy, nadpisy s vysokým kontrastem, čistě černé prvky v navigaci a hlavní nabídce. Černá s lehce nazelenalým nádechem, ne neutrální šedá. - Pebble
#868685— Tlumený sekundární text, zástupný text, obrysy ikon a ohraničení vstupních polí. Středně šedá, ustupující do dálky.
Typografie
od 12 do 105 pixelů · 10 kroků
- Inter — nahrazení: Inter (native Google Fonts) · obrysy 400,500,600,700 · Text v hlavní části, uživatelské rozhraní, popisky a podnadpisy v celém produktu. Pro nadpisy střední úrovně (36–45px) se používá písmo s tloušťkou 700, pro podnadpisy a popisky 500–600 a pro text v hlavní části a popisky 400. Inter poskytuje jemnější vzhled, zatímco Wise Sans poskytuje výraznější vzhled.
- Wise Sans — nahrazení: Inter Black (900) with -0.04em tracking · obrysy 900 · Titulky jsou vizitkou značky. Superhusté písmo 900 s roztečí 89–105 pixelů a malými roztečemi písmen promění každý titulek v tučnou reklamu. Používají se střídmě: jako text těla, pro nadpisy sekcí a pro hlavní body kampaně.
- monospace — nahrazení: Inter · obrysy 400 · monospaced – nalezený v extrahovaných datech, ale nepopsaný umělou inteligencí.
Intervaly a forma
| Účel | Význam |
|---|---|
| Hustota | hustý |
| Základní krok | 8-12px |
| Poloměr tlačítka | 9999px |
| Poloměr karty | 10px |
| Stíny | ne - okraje místo stínů |
| Mezi sekcemi | 64-80px |
| Šířka stránky | 1200px |
Umělá inteligence vám vytvoří web ve stylu Wise a naplní ho
- Doplňujte produkty a příspěvky přes odkaz - Instagram, TikTok, Facebook.
- Přeneste obsah ze starého webu – stačí zadat adresu.
- Moderní design na nejlepším enginu: React ( Next.js) s renderováním na serveru a SEO optimalizací ihned po vybalení.
- Plně automatizovaná SEO optimalizace pro výsledky vyhledávání a doporučení neuronových sítí.
Podobné styly
- Integrated Biosciences — bioluminiscenční laboratoř o půlnoci
- Huly — Polární záře v půlnoční observatoři - protagonista je vertikální paprsek fialové barvy přecházející do korálové a každá tichá část pod ním si vypůjčuje stejný dvoubarevný příběh vyprávěný tlumenějším tónem.
- Dia Browser — Prostor temné komory se mísí s redakčními novinami. Tmavá scéna odhaluje sluncem zalitou rozevřenou stranu novin, kde každá sekce je označena jedním patkovým titulkem.
- Mintlify — Oblačná zahrada nad skleněným stolem. Ručně kreslená obloha a dokument jsou zarámovány dohromady – jediné místo, kde se barva a koncept střetávají, než se stránka rozplyne v klášterní bělosti.
- Gleap — Pracovní prostor zařízený v teplých krémových tónech s grafitovými akcenty – studio, kde se matné černé inkoustové tečky vznášejí nad lněnou architekturou.
- ClickUp — Výkonný dashboard na bílém mramoru. Stránka je produktovou brožurou pro nástroj pro produktivitu, takže vizuální jazyk je převzat ze samotného produktu: husté seznamy, indikátory stavu, skupiny avatarů a tučné typografické texty, které vypadají jako vystavená specifikace produktu.
- monday — Bílá dílna s pastelovými samolepkami
- Portal — Twilight Serif Editorial - Prémiový roztah v nezávislém časopise, navržený ve stylu iOS
- Slack — Jeviště je v barvě lilku s bílými bodovými světly. Tmavým plochám dominuje tmavý švestkový odstín, zatímco špinavě bílé plátno umožňuje velkým, avantgardním titulkům volně dýchat.
- Base44 — Sluncem zalitý zápisník s limetkovým fixem
- Letters — Ranní schůzka v klinice pod širým nebem – sterilní bílý stůl pod měkkým modrým stropem, posetý modrými chirurgickými nástroji
- Duolingo — Zelené hřiště s tlustými vyznačovacími čarami