Wise
Déift Moos mat enger Kalksteenspannung. Kalksteen funkelt um bal schwaarze Waldbuedem, a massiv, kantig Figuren signaliséieren all Bewegung.
D'Schrëft Wise schwätzt mat enger selbstsécherer, liicht haarder Stëmm: en déift Bëschgréng (#163300) besetzt de gréissten Deel vun der Uewerfläch - Text, Navigatioun, donkel Sektiounen, Ikonen - während en eenzegt hellt Limettgréng (#9fe870) als funktionell Interpunktioun op Handlungsruff, aktiven Tabs a Schlësselelementer déngt. D'Schrëft ass bal aggressiv: Wise Sans mat enger Zeilendéckt vun 900, dicht gepackt, fält a grousse Buschtawen (100px+) um Homescreen op. De Rescht vum System bleift diskret op enger off-wäisser Leinwand mat mëllen groe Flächen (#e8ebe6). Komponenten sinn standardméisseg pillefërmeg - Knäppercher, Navigatiounssegmenter, Checkbox-Miniaturbiller, Bildmasken - mat klenge Radien (10px), déi fir Kaarten an Inputfelder reservéiert sinn. Faarfgradienten si rar; amplaz ännert sech d'Kombinatioun vu Salamander a Bëschgréng sanft, wa Sektiounen däischter ginn, a kreéiert e Rhythmus ouni exzessiv Dekoratioun.
E Container mat maximaler Breet vun 1200px, zentréiert, mat engem ieweschten an engem donkelen Deel, deen déi ganz Breet vun der Säit erstreckt. Den Header-Layout weist eng massiv, zentréiert Iwwerschrëft op engem wäissen Hannergrond, mat enger grousser Illustratioun (Globus), déi iwwer den ënneschte Rand vum Viewport erausgeet. De Sektiounsrhythmus wiesselt tëscht wäiss, hellgréng an engem donkelen Deel a "Forest Ink", wat e natierleche Faarfrhythmus erstellt. Den Inhaltslayout ass haaptsächlech zentréiert: Text- a Billerblöcke an zwou Kolonnen uewen, oder Reien mat primären Elementer an dräi Kolonnen an den sekundären Sektiounen. E fënnef-Kolonne-Raster mat Fändelen gëtt benotzt fir d'Lëscht vun de Länner unzeweisen. D'Navigatioun ass eng eenzeg, fix iewescht Leescht mat engem segmentéierten Toggle. De QR-Code bleift an der ënneschter rechter Ecke bei all Scrollpositiounen fixéiert.
3D-Illustratiounen, déi e Globus mat Goldmënzen duerstellen, kreéieren déi visuell Welt vun der Mark - taktil, liicht surreal, mat mëllen Ofstufungen an enger waarmer Beliichtung ausgefouert. D'Fotografie ass minimalistesch; wann se benotzt gëtt, ass se high-key a lässeg. Nationalfändele ginn als kreesfërmeg Miniaturbiller an engem fënnefkolonnen Raster presentéiert - dat eenzegt "ikonescht" System ass d'national Identitéit. Keng abstrakt grafesch Elementer, keng Standardvirlagen. De Globus an d'Mënzen sinn e widderhuelend Motiv vum Maskottchen, dat eng global Reechwäit duerch en eenzegt, waarmt, optimistescht Objet signaliséiert, anstatt eng Montage.
Palette
Mark
- Forest Ink
#163300— Den dominanten donkelen Stil vun der Mark – Navigatiounstext, donkel Sektiounshannergrënn, Kierpertext op hellen Uewerflächen, Ikonkonturen a gefëllte Navigatiounselementer – definéiert seng Stäerkt: iwwerall wou Gewiicht oder Autoritéit erfuerderlech ass, wielt Dir Forest Ink. - Lime Voltage
#9fe870— Gréng gëtt als sekundären Akzent fir dekorativ Detailer benotzt a fir manner dacks benotzt Sichufroen ervirzehiewen. Et sollt net als Haaptfaarf fir Handlungsruffer benotzt ginn. - Spruce
#054d28— En sekundärt donkelt Gréngt gëtt fir Kaarteflächen, kleng Ikonographien a fir Déift an donkel Beräicher ze addéieren, wou Forest Ink ze saturéiert ass, benotzt.
Neutral
- Linen Mist
#e2f6d5— Eng hellgréng Faarf fir mëll Highlights op Uewerflächen, getéinten Hannergrënn vu Kaarten a Schweefzoustänn op Navigatiounsbaren. Eng subtil Faarf vum typesche Gréng fir diskret Containerdesignelementer. - Signal Blue
#0b4c72— Déi blo Faarf déngt als zousätzlechen Akzent fir dekorativ Detailer a fir déif Frequenzen ze betounen. - Alarm Red
#cb272f— Rout déngt als ënnerstëtzende Akzent fir dekorativ Detailer an fir ongewéinlech Faarwen ervirzehiewen. Benotzt et als ënnerstëtzende Akzent, net als Statusfaarf. - Charcoal
#454745— Kierpertext, Kierpertext, räich Benotzerinterface - e liicht waarme Schwaarz, deen sech méi mëll ufillt wéi eng reng #000 op engem wäissen Hannergrond. - Obsidian
#0e0f0c— Iwwerschrëften, Iwwerschrëften mat héijem Kontrast, reng schwaarz Elementer an der Navigatioun an am Haaptmenü. Schwaarz mat engem liicht gréngleche Téin, keen neutralen Gro. - Pebble
#868685— Ënnerdréckten Niewentext, Plazhaltertext, Ikonkonturen a Grenzen vum Inputfeld. Mëttelgro, zitt sech an d'Distanz zréck.
Typographie
vun 12 bis 105px · 10 Schrëtt
- Inter — Ersatz: Inter (native Google Fonts) · Konturen 400,500,600,700 · Kierpertext, Benotzerinterface, Ënnerschrëften an Ënnertitelen am ganze Produkt. Eng Schrëftgréisst vu 700 gëtt fir Iwwerschrëften op mëttlerer Héicht (36–45px) benotzt, 500–600 fir Ënnertitelen an Ënnerschrëften, a 400 fir Kierpertext an Ënnerschrëften. Inter bitt e méi subtile Look, während Wise Sans e méi kräftege Look bitt.
- Wise Sans — Ersatz: Inter Black (900) with -0.04em tracking · Konturen 900 · Iwwerschrëften sinn d'Visitekaart vun enger Mark. Eng superdicht 900 Schrëft mat 89–105px Pitch an engem knappen Ofstand tëscht de Buschtawen transforméiert all Iwwerschrëft an eng fett, fett Reklam. Si gi spuersam benotzt: als Haapttext, fir Sektiounsiwwerschrëften a fir Kampagne-Highlights.
- monospace — Ersatz: Inter · Konturen 400 · monospaced - an den extrahéierten Donnéeën fonnt, awer net vun der KI beschriwwen.
Intervaller a Form
| Zweck | Bedeitung |
|---|---|
| Dicht | dicht |
| Basis Schrëtt | 8-12px |
| Knäppchenradius | 9999px |
| Kaarteradius | 10px |
| Schied | keng Grenzen amplaz vu Schied |
| Tëscht de Sektiounen | 64-80px |
| Säitebreet | 1200px |
KI baut Är Websäit am Stil vun Wise op a fëllt se aus
- Fëllt mat Produkter a Posts iwwer de Link aus - Instagram, TikTok, Facebook.
- Inhalt vun Ärer aler Säit transferéieren - gitt einfach d'Adress un.
- Modernen Design op der beschter Engine: React ( Next.js) mat Serverrendering an SEO Optimiséierung direkt aus der Këscht.
- Vollautomatesch SEO-Optimiséierung fir Sichresultater an Empfehlungen fir neuronal Netzwierker.
Ähnlech Stiler
- Integrated Biosciences — Biolumineszenzlaboratoire ëm Mëtternuecht
- Huly — Nordliichter um Mëtternuechtsobservatoire - de Protagonist ass e vertikale Stral vu Violett, deen an d'Korall verschwënnt, an all roueg Sektioun drënner léint déiselwecht zweifarweg Geschicht, erzielt an engem méi gedämpften Toun
- Dia Browser — Eng Galerie am Däischterraum vermëscht sech mat enger redaktioneller Zeitung. Déi stockdäischter Szen weist eng sonneg beliicht Zeitungsausbroch, all Sektioun markéiert vun enger eenzeger Schrëfttitel.
- Mintlify — E Wollekegaart iwwer engem Glasdësch. Den handgezeechenten Himmel an den Dokumentarfilm sinn zesummegerummt - déi eenzeg Plaz wou Faarf a Konzept zesummekommen, ier d'Säit a monastescht Wäiss verschwënnt.
- Gleap — E Schaffplatz a waarme Crèmetéin mat Graphitakzenter dekoréiert – e Studio, wou matt schwaarz Tëntpunkten iwwer der Léngenarchitektur schéngen ze schwiewen.
- ClickUp — En mächtegt Dashboard op wäissem Marmer. D'Säit ass eng Produktbroschür fir en Produktivitéitsinstrument, sou datt d'visuell Sprooch vum Produkt selwer iwwerholl gëtt: dicht Lëschten, Statusindikatoren, Gruppe vun Avataren a fettgedréckte typographesch Aussoen, déi ausgesinn wéi eng Produktspezifikatioun um Display.
- monday — Wäisst Atelier mat Pastellstickeren
- Portal — Twilight Serif Editorial - E Premium-Update an enger onofhängeger Zäitschrëft, am iOS-Stil entworf
- Slack — D'Bühn ass auberginefaarweg mat wäisse Spotlights. Eng déif Plummetéin dominéiert déi donkel Beräicher, während déi off-wäiss Leinwand de groussen, avantgardistesche Titelen fräi ootme léisst.
- Base44 — Sonnebeliichten Notizbuch mat Kalkmarker
- Letters — E Rendez-vous moies an enger Klinik ënner dem oppene Buedem - en sterilen wäissen Dësch ënner enger mëller bloer Plafong, bedeckt mat chirurgeschen bloen Instrumenter
- Duolingo — Grénge Spillplaz mat décke Markéierungslinnen