Wise
Malalim na lumot na may bahid ng apog. Kumikinang ang mga batong apog sa halos itim na sahig ng kagubatan, at malalaki at angular na mga pigura ang hudyat ng bawat galaw.
Ang tipo ng titik na Wise ay nagsasalita nang may kumpiyansa at bahagyang malakas na boses: isang malalim na berdeng kagubatan (#163300) ang sumasakop sa halos lahat ng bahagi ng ibabaw—teksto, nabigasyon, madilim na mga seksyon, mga icon—habang ang isang matingkad na berdeng kalamansi (#9fe870) ay nagsisilbing bantas sa mga panawagan para sa aksyon, mga aktibong tab, at mga pangunahing elemento. Halos agresibo ang tipo ng titik: Ang Wise Sans na may bigat ng linya na 900, siksik, ay namumukod-tangi sa malalaking letra (100px+) sa home screen. Ang natitirang bahagi ng sistema ay nananatiling maingat sa isang mapusyaw na puting canvas na may malalambot na kulay abong mga ibabaw (#e8ebe6). Ang mga bahagi ay hugis-pill bilang default—mga buton, mga segment ng nabigasyon, mga thumbnail ng checkbox, mga mask ng imahe—na may maliliit na radii (10px) na nakalaan para sa mga card at mga input field. Bihira ang mga gradient ng kulay; sa halip, ang kombinasyon ng salamander at berdeng kagubatan ay maayos na nagbabago habang dumidilim ang mga seksyon, na lumilikha ng ritmo nang walang labis na dekorasyon.
Isang lalagyan na may maximum na lapad na 1200px, nakasentro, na may pang-itaas at madilim na seksyon na sumasaklaw sa buong lapad ng pahina. Nagtatampok ang layout ng header ng isang malaki at nakasentrong headline sa isang puting background, na may malaking ilustrasyon (globo) na umaabot lampas sa ibabang gilid ng viewport. Ang ritmo ng seksyon ay nagpapalitan sa pagitan ng puti, mapusyaw na berde, at isang madilim na seksyon na may "forest ink," na lumilikha ng natural na ritmo ng kulay. Ang layout ng nilalaman ay pangunahing nakasentro: mga bloke ng teksto at mga imahe sa dalawang hanay sa itaas, o mga hanay na may mga pangunahing elemento sa tatlong hanay sa mga pangalawang seksyon. Isang grid na may limang hanay na may mga flag ang ginagamit upang ipakita ang listahan ng mga bansa. Ang nabigasyon ay isang solong, nakapirming itaas na bar na may segmented toggle. Ang QR code ay nananatiling nakapirmi sa ibabang kanang sulok sa lahat ng posisyon ng pag-scroll.
Ang mga 3D na ilustrasyon na naglalarawan ng isang globo na may mga gintong barya ay lumilikha ng biswal na mundo ng tatak—nadarama, bahagyang surreal, isinagawa gamit ang banayad na gradients at mainit na ilaw. Minimalist ang potograpiya; kapag ginamit, ito ay high-key at kaswal. Ang mga pambansang watawat ay ipinapakita bilang mga pabilog na thumbnail sa isang limang-kolum na grid—ang tanging "iconic" na sistema ay ang pambansang pagkakakilanlan. Walang mga abstract na elemento ng grapiko, walang mga karaniwang template. Ang globo at mga barya ay isang paulit-ulit na motif ng mascot, na nagpapahiwatig ng pandaigdigang abot sa pamamagitan ng isang mainit, optimistikong bagay, sa halip na isang montage.
Paleta
Tatak
- Forest Ink
#163300— Ang nangingibabaw na madilim na istilo ng brand—teksto ng nabigasyon, madilim na background ng seksyon, body text sa mapusyaw na ibabaw, mga balangkas ng icon, at mga puno na elemento ng nabigasyon—ang siyang nagbibigay-kahulugan sa kalakasan nito: saanman kinakailangan ang bigat o awtoridad, pipiliin mo ang Forest Ink. - Lime Voltage
#9fe870— Ginagamit ang berde bilang pangalawang kulay para sa mga detalyeng pandekorasyon at upang i-highlight ang mga hindi gaanong madalas gamiting query sa paghahanap. Hindi ito dapat gamitin bilang pangunahing kulay para sa mga panawagan para sa aksyon. - Spruce
#054d28— Isang pangalawang maitim na berde ang ginagamit para sa mga ibabaw ng kard, minor na ikonograpiya, at upang magdagdag ng lalim sa mga madilim na lugar kung saan masyadong puspos ang Forest Ink.
Neutral
- Linen Mist
#e2f6d5— Isang mapusyaw na berdeng kulay para sa malalambot na highlight sa mga ibabaw, mga tinted na background ng card, at mga hover states sa mga navigation bar. Isang banayad na kulay ng signature green para sa mga discreet na elemento ng disenyo ng container. - Signal Blue
#0b4c72— Ang asul na kulay ay nagsisilbing karagdagang tuldik para sa mga pandekorasyon na detalye at upang bigyang-diin ang mababang frequency. - Alarm Red
#cb272f— Ang pula ay nagsisilbing pantulong na accent para sa mga detalyeng pandekorasyon at upang i-highlight ang mga hindi pangkaraniwang kulay. Gamitin ito bilang pantulong na accent, hindi bilang kulay na nagpapakita ng katayuan. - Charcoal
#454745— Body copy, body text, rich UI - isang bahagyang mainit na itim na mas malambot kaysa sa purong #000 sa puting background. - Obsidian
#0e0f0c— Mga heading, mga heading na may mataas na contrast, purong itim na elemento sa nabigasyon at pangunahing menu. Itim na may bahagyang maberdeng kulay, hindi neutral na kulay abo. - Pebble
#868685— Pinahinang pangalawang teksto, teksto ng placeholder, mga balangkas ng icon, at mga hangganan ng input field. Katamtamang kulay abo, papalayo sa malayo.
Tipograpiya
mula 12 hanggang 105px · 10 hakbang
- Inter — kapalit: Inter (native Google Fonts) · mga balangkas 400,500,600,700 · Body text, user interface, mga caption, at mga subheading sa buong produkto. Isang font na may 700 na bigat ang ginagamit para sa mga mid-level heading (36–45px), 500–600 para sa mga subheading at caption, at 400 para sa body text at mga caption. Nagbibigay ang Inter ng mas banayad na hitsura, habang ang Wise Sans ay nagbibigay ng mas matapang na hitsura.
- Wise Sans — kapalit: Inter Black (900) with -0.04em tracking · mga balangkas 900 · Ang mga headline ay mahalagang katangian ng isang brand. Ang isang napakakapal na 900 na font na may 89–105px pitch at masikip na espasyo sa pagitan ng mga letra ay ginagawang isang matapang at naka-bold na ad ang bawat headline. Hindi gaanong ginagamit ang mga ito: bilang body text, para sa mga heading ng seksyon, at para sa mga highlight ng kampanya.
- monospace — kapalit: Inter · mga balangkas 400 · monospaced - matatagpuan sa nakuha na datos ngunit hindi inilarawan ng AI.
Mga pagitan at anyo
| Layunin | Kahulugan |
|---|---|
| Densidad | siksik |
| Pangunahing hakbang | 8-12px |
| Radius ng buton | 9999px |
| Radius ng card | 10px |
| Mga anino | walang - mga hangganan sa halip na mga anino |
| Sa pagitan ng mga seksyon | 64-80px |
| Lapad ng pahina | 1200px |
Gagawa ang AI ng website mo sa estilong Wise at pupunuin ito
- Punuin ng mga produkto at post gamit ang link - Instagram, TikTok, Facebook.
- Maglipat ng nilalaman mula sa iyong lumang site—tukuyin lamang ang address.
- Modernong disenyo gamit ang pinakamahusay na engine: React ( Next.js) na may kasamang server rendering at SEO optimization na agad-agad.
- Ganap na awtomatikong pag-optimize ng SEO para sa mga resulta ng paghahanap at mga rekomendasyon sa neural network.
Mga katulad na estilo
- Integrated Biosciences — laboratoryo ng bioluminescence sa hatinggabi
- Huly — Northern Lights sa Midnight Observatory - ang bida ay isang patayong sinag ng lila na kumukupas at nagiging korales, at ang bawat tahimik na bahagi sa ibaba nito ay humihiram ng parehong dalawang-tonong kuwento na isinalaysay sa mas mahinahong tono.
- Dia Browser — Ang isang madilim na silid-galerya ay humahalo sa isang pahayagang editoryal. Ang madilim na tanawin ay nagpapakita ng isang naliliwanagan ng araw na pahayagan, bawat seksyon ay minarkahan ng isang headline na may iisang serif.
- Mintlify — Isang hardin ng ulap sa ibabaw ng isang mesang salamin. Ang iginuhit na langit at dokumentaryo ay magkakasamang naka-frame—ang tanging lugar kung saan nagtatagpo ang kulay at konsepto bago maglaho ang pahina at maging puting-puti ng monasteryo.
- Gleap — Isang workspace na pinalamutian ng maayang kulay krema na may mga graphite accents—isang studio kung saan tila lumulutang ang mga tuldok ng matte na itim na tinta sa ibabaw ng arkitekturang linen.
- ClickUp — Isang makapangyarihang dashboard sa puting marmol. Ang pahina ay isang brochure ng produkto para sa isang tool sa produktibidad, kaya ang visual na wika ay hiniram mula sa produkto mismo: siksik na listahan, mga tagapagpahiwatig ng katayuan, mga grupo ng mga avatar, at mga matatapang na pahayag na tipograpiko na mukhang isang detalye ng produkto na ipinapakita.
- monday — Puting workshop na may mga pastel sticker
- Portal — Twilight Serif Editorial - Isang premium na publikasyon sa isang independiyenteng magasin, na dinisenyo sa istilo ng iOS
- Slack — Kulay talong ang entablado na may puting mga spotlight. Madilim na kulay plum ang nangingibabaw sa madilim na bahagi, habang ang mapusyaw na puting canvas ay nagbibigay-daan sa malalaki at avant-garde na mga pamagat na malayang makahinga.
- Base44 — Kuwaderno na naliliwanagan ng araw na may marker na dayap
- Letters — Isang appointment sa umaga sa isang open-air clinic—isang malinis at puting mesa sa ilalim ng malambot na asul na kisame, na puno ng mga asul na instrumento sa pag-opera
- Duolingo — Luntiang palaruan na may makapal na linya ng pagmamarka