Wise
Djip moas mei in kalkstienspanning. Kalkstien fonkt op 'e hast swarte boskflier, en massive, hoekige figueren sinjalearje elke beweging.
It lettertype Wise sprekt mei in selsbewuste, wat lûde stim: in djip boskgrien (#163300) nimt it measte fan it oerflak yn beslach - tekst, navigaasje, donkere seksjes, ikoanen - wylst in inkele helder limoengrien (#9fe870) tsjinnet as funksjonele ynterpunksje op oprop ta aksje, aktive ljepblêden en wichtige eleminten. It lettertype is hast agressyf: Wise Sans mei in rigeldikte fan 900, ticht op elkoar set, falt op yn grutte letters (100px+) op it thússkerm. De rest fan it systeem bliuwt diskreet op in wyt doek mei sêfte grize oerflakken (#e8ebe6). Komponinten binne standert pilfoarmich - knoppen, navigaasjesegmenten, seleksjefakjeminiatuerôfbyldings, ôfbyldingsmaskers - mei lytse radii (10px) reservearre foar kaarten en ynfierfjilden. Kleurgradiënten binne seldsum; ynstee dêrfan feroaret de kombinaasje fan salamander en boskgrien soepel as seksjes tsjusterder wurde, wêrtroch in ritme ûntstiet sûnder oermjittige dekoraasje.
In kontener mei in maksimale breedte fan 1200px, sintraal, mei in boppe- en donkere seksje dy't de hiele breedte fan 'e pagina beslacht. De koptekstlayout hat in massive, sintraal koptekst op in wite eftergrûn, mei in grutte yllustraasje (globe) dy't fierder giet as de ûnderste râne fan it viewport. It seksjeritme wikselet tusken wyt, ljochtgrien en in donkere seksje yn "boskinkt", wêrtroch in natuerlik kleurritme ûntstiet. De ynhâldlayout is primêr sintraal: blokken tekst en ôfbyldings yn twa kolommen oan 'e boppekant, of rigen mei primêre eleminten yn trije kolommen yn 'e sekundêre seksjes. In raster fan fiif kolommen mei flaggen wurdt brûkt om de list mei lannen wer te jaan. De navigaasje is in inkele, fêste boppeste balke mei in segmintearre skeakel. De QR-koade bliuwt fêst yn 'e rjochter ûnderhoeke by alle skrollposysjes.
3D-yllustraasjes dy't in globe mei gouden munten ôfbylde, meitsje de fisuele wrâld fan it merk - taktyl, wat surrealistysk, útfierd mei sêfte gradiënten en waarme ferljochting. Fotografy is minimalistysk; as it brûkt wurdt, is it high-key en casual. Nasjonale flaggen wurde presintearre as sirkelfoarmige thumbnails yn in raster fan fiif kolommen - it ienige "ikoanyske" systeem is nasjonale identiteit. Gjin abstrakte grafyske eleminten, gjin standert sjabloanen. De globe en munten binne in weromkommend motief fan 'e maskotte, dat in wrâldwide berik sinjalearret troch ien, waarm, optimistysk objekt, ynstee fan in montage.
Palet
Merk
- Forest Ink
#163300— De dominante tsjustere styl fan it merk - navigaasjetekst, donkere seksje-eftergrûnen, lichemstekst op ljochte oerflakken, ikoankonturen en ynfolde navigaasje-eleminten - is wat syn sterkte definiearret: wêr't gewicht of autoriteit nedich is, kieze jo Forest Ink. - Lime Voltage
#9fe870— Grien wurdt brûkt as in sekundêr aksint foar dekorative details en om minder faak brûkte sykfragen te markearjen. It moat net brûkt wurde as de primêre kleur foar oprop ta aksje. - Spruce
#054d28— In sekundêr donkergrien wurdt brûkt foar kaartoerflakken, lytse ikonografy, en om djipte ta te foegjen oan donkere gebieten dêr't Forest Ink te verzadigd is.
Neutraal
- Linen Mist
#e2f6d5— In ljochtgriene skaad foar sêfte markearrings op oerflakken, getinte kaarteftergrûnen en sweeftastannen op navigaasjebalken. In subtile skaad fan karakteristike grien foar diskrete kontenerûntwerpeleminten. - Signal Blue
#0b4c72— De blauwe kleur tsjinnet as in ekstra aksint foar dekorative details en om lege frekwinsjes te beklamjen. - Alarm Red
#cb272f— Read tsjinnet as in stypjend aksint foar dekorative details en om ûngewoane kleuren te markearjen. Brûk it as in stypjend aksint, net as in statuskleur. - Charcoal
#454745— Lidtekst, lichemtekst, rike brûkersynterface - in wat waarm swart dat sêfter fielt as in suvere #000 op in wite eftergrûn. - Obsidian
#0e0f0c— Kopteksten, kopteksten mei hege kontrast, suver swarte eleminten yn 'e navigaasje en it haadmenu. Swart mei in wat grienige tint, gjin neutraal griis. - Pebble
#868685— Subtile sekundêre tekst, plakferfangende tekst, ikoanomtrekken en ynfierfjildgrinzen. Middelgriis, weromlûkend yn 'e fierte.
Typografy
fan 12 oant 105px · 10 stappen
- Inter — ferfanging: Inter (native Google Fonts) · sketsen 400,500,600,700 · Lidtekst, brûkersynterface, ûnderskriften en subkopteksten yn it heule produkt. In lettertype fan 700 wurdt brûkt foar kopteksten op middelnivo (36–45px), 500–600 foar subkopteksten en ûnderskriften, en 400 foar lidtekst en ûnderskriften. Inter jout in subtilere útstrieling, wylst Wise Sans in fetere útstrieling jout.
- Wise Sans — ferfanging: Inter Black (900) with -0.04em tracking · sketsen 900 · Koppen binne it visitekaartsje fan in merk. In superdicht lettertype fan 900 mei in pitch fan 89–105px en in krappe letterôfstân feroaret elke kop yn in fet, fet advertinsje. Se wurde sparjend brûkt: as haadtekst, foar seksjekoppen en foar hichtepunten fan kampanjes.
- monospace — ferfanging: Inter · sketsen 400 · monospaced - fûn yn 'e ekstrahearre gegevens mar net beskreaun troch de AI.
Yntervallen en foarm
| Doel | Betsjutting |
|---|---|
| Dichtheid | ticht |
| Basisstap | 8-12px |
| Knopradius | 9999px |
| Kaartradius | 10px |
| Skaden | gjin grinzen ynstee fan skaden |
| Tusken seksjes | 64-80px |
| Sidebreedte | 1200px |
AI sil jo webside bouwe yn Wise -styl en it folje
- Folje oan mei produkten en berjochten fia de link - Instagram, TikTok, Facebook.
- Oerdrage ynhâld fan jo âlde side - spesifisearje gewoan it adres.
- Modern ûntwerp op 'e bêste motor: React ( Next.js) mei serverrendering en SEO-optimalisaasje direkt út 'e doaze.
- Folslein automatisearre SEO-optimalisaasje foar sykresultaten en oanbefellings foar neurale netwurken.
Ferlykbere stilen
- Integrated Biosciences — bioluminesinsjelaboratoarium om middernacht
- Huly — Noarderljochten by middernacht Observatoarium - de protagonist is in fertikale striel fan pears dy't yn koraal ferdwynt, en elk rêstich diel derûnder lient itselde twatoanige ferhaal ferteld yn in mear ûnderdrukte toan
- Dia Browser — In tsjustere keamergaleryromte minget mei in redaksjonele krante. It piktswarte tafriel lit in sinnich kranteblêd sjen, elk diel markearre troch in inkele serif-kop.
- Mintlify — In wolkentún boppe in glêzen tafel. De mei de hân tekene loft en dokumintêre binne tegearre ynkaderd - it ienige plak dêr't kleur en konsept botsje foardat de pagina yn kleasterwyt ferdwynt.
- Gleap — In wurkromte ynrjochte yn waarme crèmekleurige toanen mei grafytaksinten - in studio dêr't matte swarte inketstippen boppe de linnen arsjitektuer lykje te sweeven.
- ClickUp — In krêftich dashboard op wyt moarmer. De pagina is in produktbrosjuere foar in produktiviteitsark, dus de fisuele taal is liend fan it produkt sels: tichte listen, statusindikatoaren, groepen avatars en fetdrukte typografyske útspraken dy't lykje op in produktspesifikaasje op it skerm.
- monday — Wite workshop mei pastelstickers
- Portal — Twilight Serif Editorial - In premium fersprieding yn in ûnôfhinklik tydskrift, ûntworpen yn iOS-styl
- Slack — It poadium is auberginekleurich mei wite spotlights. In djippe pruimkleurige tint dominearret de tsjustere gebieten, wylst it gebroken wite doek de grutte, avant-gardistyske titels frij sykhelje lit.
- Base44 — Sinneljochte notysjeboek mei kalkmarker
- Letters — In moarnsôfspraak by in iepenloftklinyk - in sterile wite tafel ûnder in sêft blau plafond, bezaaid mei sjirurgyske blauwe ynstruminten
- Duolingo — Griene boarterstún mei dikke markearringslinen