Wise
Mușchi adânc cu o tensiune calcaroasă. Calcarul scânteie pe solul aproape negru al pădurii, iar siluete masive, unghiulare, semnalează fiecare mișcare.
Fontul Wise vorbește cu o voce sigură, ușor tare: un verde intens, ca pădurea (#163300) ocupă cea mai mare parte a suprafeței - text, navigare, secțiuni întunecate, pictograme - în timp ce un singur verde lime strălucitor (#9fe870) servește ca punctuație funcțională pentru îndemnurile la acțiune, filele active și elementele cheie. Fontul este aproape agresiv: Wise Sans, cu o grosime a liniei de 900, dens, iese în evidență prin litere mari (100px+) pe ecranul de pornire. Restul sistemului rămâne discret pe o pânză alb-gălbuie cu suprafețe gri moi (#e8ebe6). Componentele au în mod implicit formă de pilulă - butoane, segmente de navigare, miniaturi ale casetelor de selectare, măști de imagine - cu raze mici (10px) rezervate pentru carduri și câmpuri de introducere. Gradienții de culoare sunt rare; în schimb, combinația de salamandră și verde pădure se schimbă lin pe măsură ce secțiunile se întunecă, creând un ritm fără decorațiuni excesive.
Un container cu lățimea maximă de 1200 px, centrat, cu o secțiune superioară și una întunecată care se întinde pe întreaga lățime a paginii. Aspectul antetului prezintă un titlu masiv, centrat, pe un fundal alb, cu o ilustrație mare (glob) care se extinde dincolo de marginea inferioară a ferestrei de vizualizare. Ritmul secțiunii alternează între alb, verde deschis și o secțiune întunecată în „cerneală de pădure”, creând un ritm natural de culoare. Aspectul conținutului este în principal centrat: blocuri de text și imagini pe două coloane în partea de sus sau rânduri cu elemente principale pe trei coloane în secțiunile secundare. O grilă cu cinci coloane și steaguri este utilizată pentru a afișa lista țărilor. Navigarea este o singură bară superioară fixă, cu un comutator segmentat. Codul QR rămâne fix în colțul din dreapta jos în toate pozițiile de derulare.
Ilustrațiile 3D care înfățișează un glob cu monede de aur creează lumea vizuală a mărcii - tactilă, ușor suprarealistă, executată cu gradienți moi și iluminare caldă. Fotografia este minimalistă; atunci când este utilizată, este accentuată și casuală. Steagurile naționale sunt prezentate ca miniaturi circulare într-o grilă cu cinci coloane - singurul sistem „iconic” este identitatea națională. Nu există elemente grafice abstracte, nu există șabloane standard. Globul și monedele sunt un motiv recurent al mascotei, semnalând o acoperire globală printr-un singur obiect cald și optimist, mai degrabă decât un montaj.
Paletă
Marca
- Forest Ink
#163300— Stilul dominant întunecat al mărcii — text de navigare, fundaluri întunecate pentru secțiuni, text pe suprafețe deschise, contururi de pictograme și elemente de navigare umplute — este ceea ce îi definește puterea: oriunde este nevoie de greutate sau autoritate, alegeți Forest Ink. - Lime Voltage
#9fe870— Verdele este folosit ca accent secundar pentru detalii decorative și pentru a evidenția interogările de căutare mai puțin frecvent utilizate. Nu ar trebui folosit ca și culoare principală pentru îndemnurile la acțiune. - Spruce
#054d28— Un verde închis secundar este folosit pentru suprafețele cărților, iconografie minoră și pentru a adăuga profunzime zonelor întunecate unde nuanța Forest Ink este prea saturată.
Neutru
- Linen Mist
#e2f6d5— O nuanță de verde deschis pentru evidențieri estompate pe suprafețe, fundaluri colorate pentru cărți și stări de trecere cu mouse-ul pe barele de navigare. O nuanță subtilă de verde caracteristic pentru elemente discrete de design pentru containere. - Signal Blue
#0b4c72— Culoarea albastră servește ca accent suplimentar pentru detaliile decorative și pentru a accentua frecvențele joase. - Alarm Red
#cb272f— Roșul servește ca accent secundar pentru detaliile decorative și pentru a evidenția culori neobișnuite. Folosește-l ca accent secundar, nu ca o culoare de statut. - Charcoal
#454745— Corp de text, text de corp, interfață bogată - un negru ușor cald, care se simte mai moale decât un #000 pur pe fundal alb. - Obsidian
#0e0f0c— Titluri, titluri cu contrast ridicat, elemente negre pure în navigare și meniul principal. Negru cu o ușoară tentă verzuie, nu gri neutru. - Pebble
#868685— Text secundar estompat, text substituent, contururi ale pictogramelor și margini ale câmpurilor de introducere. Gri mediu, care se pierde în depărtare.
Tipografie
de la 12 la 105px · 10 pași
- Inter — înlocuire: Inter (native Google Fonts) · contururi 400,500,600,700 · Textul corpului, interfața utilizator, legende și subtitluri în întregul produs. Pentru titlurile de nivel mediu (36–45px) se folosește un font cu grosimea de 700, 500–600 pentru subtitluri și legende și 400 pentru textul corpului și legende. Inter oferă un aspect mai subtil, în timp ce Wise Sans oferă un aspect mai îndrăzneț.
- Wise Sans — înlocuire: Inter Black (900) with -0.04em tracking · contururi 900 · Titlurile sunt cartea de vizită a unui brand. Un font 900 super-dens, cu un pas de 89–105px și o spațiere strânsă între litere, transformă fiecare titlu într-o reclamă foarte, foarte îndrăzneață. Sunt folosite cu moderație: ca text de corp, pentru titlurile secțiunilor și pentru punctele importante ale campaniei.
- monospace — înlocuire: Inter · contururi 400 · monospațiat - se găsește în datele extrase, dar nu este descris de IA.
Intervale și formă
| Scop | Sens |
|---|---|
| Densitate | dens |
| Pasul de bază | 8-12px |
| Raza butonului | 9999px |
| Raza cardului | 10px |
| Umbre | fără - margini în loc de umbre |
| Între secțiuni | 64-80px |
| Lățimea paginii | 1200px |
Inteligența artificială vă va construi site-ul web în stilul Wise și îl va completa
- Completează cu produse și postări prin link - Instagram, TikTok, Facebook.
- Transferați conținut de pe vechiul site - specificați doar adresa.
- Design modern pe cel mai bun motor: React ( Next.js) cu randare pe server și optimizare SEO gata de utilizare.
- Optimizare SEO complet automatizată pentru rezultatele căutării și recomandări de rețele neuronale.
Stiluri similare
- Integrated Biosciences — laborator de bioluminescență la miezul nopții
- Huly — Luminile Boreale la Observatorul de la Miezul Nopții - protagonistul este o rază verticală de violet care se transformă în coral, iar fiecare secțiune liniștită de sub ea împrumută aceeași poveste în două tonuri spusă într-un ton mai discret
- Dia Browser — O galerie cu cameră obscură se îmbină cu un editorial de ziar. Scena întunecată dezvăluie o pagină de ziar luminată de soare, fiecare secțiune marcată de un singur titlu cu serife.
- Mintlify — O grădină de nori deasupra unei mese de sticlă. Cerul desenat manual și documentarul sunt încadrate împreună - singurul loc unde culoarea și conceptul se ciocnesc înainte ca pagina să se estompeze într-un alb monastic.
- Gleap — Un spațiu de lucru decorat în tonuri calde de crem cu accente de grafit - un studio în care punctele de cerneală neagră mată par să plutească deasupra arhitecturii din in.
- ClickUp — Un tablou de bord puternic pe marmură albă. Pagina este o broșură de produs pentru un instrument de productivitate, așa că limbajul vizual este împrumutat din produsul în sine: liste dense, indicatori de stare, grupuri de avatare și declarații tipografice îndrăznețe care arată ca o specificație de produs afișată.
- monday — Atelier alb cu stickere pastelate
- Portal — Editorial Twilight Serif - O publicație premium într-o revistă independentă, concepută în stil iOS
- Slack — Scena este de culoarea vinetei, cu spoturi albe. O nuanță intensă de prună domină zonele întunecate, în timp ce pânza alb-gălbuie permite titlurilor mari, avangardiste, să respire liber.
- Base44 — Caiet însorit cu marker de var
- Letters — O programare de dimineață la o clinică în aer liber — o masă albă sterilă sub un tavan albastru pal, presărată cu instrumente chirurgicale albastre
- Duolingo — Loc de joacă verde cu linii groase de marcaj