Wise
Diep mos met een kalkstenen spanning. Kalksteen glinstert op de bijna zwarte bosbodem en massieve, hoekige figuren markeren elke beweging.
Het lettertype Wise spreekt met een zelfverzekerde, ietwat luide stem: een diep bosgroen (#163300) beslaat het grootste deel van het oppervlak – tekst, navigatie, donkere secties, pictogrammen – terwijl een enkele heldere limoengroene kleur (#9fe870) dient als functionele interpunctie bij call-to-actions, actieve tabbladen en belangrijke elementen. Het lettertype is bijna agressief: Wise Sans met een lijndikte van 900, dicht opeengepakt, valt op in grote letters (100px+) op het startscherm. De rest van het systeem blijft discreet op een gebroken witte achtergrond met zachte grijze tinten (#e8ebe6). Componenten hebben standaard een pilvorm – knoppen, navigatiesegmenten, miniatuurweergaven van selectievakjes, afbeeldingsmaskers – met kleine radii (10px) gereserveerd voor kaarten en invoervelden. Kleurverlopen zijn zeldzaam; in plaats daarvan verandert de combinatie van salamandergroen en bosgroen vloeiend naarmate secties donkerder worden, waardoor een ritme ontstaat zonder overmatige versiering.
Een container met een maximale breedte van 1200px, gecentreerd, met een donker bovenste gedeelte dat de volledige breedte van de pagina beslaat. De header heeft een enorme, gecentreerde kop op een witte achtergrond, met een grote illustratie (wereldbol) die buiten de onderrand van het scherm uitsteekt. Het kleurschema van de secties wisselt af tussen wit, lichtgroen en een donker gedeelte in "bosinkt", waardoor een natuurlijk kleurritme ontstaat. De inhoud is voornamelijk gecentreerd: tekstblokken en afbeeldingen in twee kolommen bovenaan, of rijen met primaire elementen in drie kolommen in de secundaire secties. Een raster van vijf kolommen met vlaggen wordt gebruikt om de lijst met landen weer te geven. De navigatie bestaat uit een enkele, vaste bovenste balk met een segmentschakelaar. De QR-code blijft vast in de rechterbenedenhoek staan, ongeacht de scrollpositie.
3D-illustraties van een wereldbol met gouden munten vormen de visuele wereld van het merk: tastbaar, licht surrealistisch, uitgevoerd met zachte kleurovergangen en warme belichting. Fotografie is minimalistisch; indien gebruikt, is het helder en informeel. Nationale vlaggen worden weergegeven als cirkelvormige miniaturen in een raster van vijf kolommen – het enige "iconische" systeem is de nationale identiteit. Geen abstracte grafische elementen, geen standaard sjablonen. De wereldbol en de munten zijn een terugkerend motief van de mascotte en symboliseren een wereldwijd bereik door middel van één enkel, warm en optimistisch object, in plaats van een montage.
Palet
Merk
- Forest Ink
#163300— De dominante donkere stijl van het merk – navigatietekst, donkere achtergronden voor secties, hoofdtekst op lichte oppervlakken, contouren van pictogrammen en gevulde navigatie-elementen – is wat de kracht ervan definieert: waar gewicht of autoriteit vereist is, kies je voor Forest Ink. - Lime Voltage
#9fe870— Groen wordt gebruikt als secundair accent voor decoratieve details en om minder vaak gebruikte zoektermen te benadrukken. Het mag niet als primaire kleur worden gebruikt voor call-to-action-knoppen. - Spruce
#054d28— Een secundaire donkergroene tint wordt gebruikt voor de oppervlakken van de kaarten, kleinere iconen en om diepte toe te voegen aan donkere gebieden waar Forest Ink te verzadigd is.
Neutrale
- Linen Mist
#e2f6d5— Een lichtgroene tint voor zachte accenten op oppervlakken, getinte kaartachtergronden en hover-effecten in navigatiebalken. Een subtiele, kenmerkende groene tint voor discrete ontwerpelementen van containers. - Signal Blue
#0b4c72— De blauwe kleur dient als extra accent voor decoratieve details en om lage frequenties te benadrukken. - Alarm Red
#cb272f— Rood dient als ondersteunend accent voor decoratieve details en om ongebruikelijke kleuren te benadrukken. Gebruik het als ondersteunend accent, niet als statuskleur. - Charcoal
#454745— Tekst, bodytekst, rijke gebruikersinterface - een licht warm zwart dat zachter aanvoelt dan puur #000 op een witte achtergrond. - Obsidian
#0e0f0c— Kopteksten, kopteksten met hoog contrast, puur zwarte elementen in de navigatie en het hoofdmenu. Zwart met een lichtgroene tint, geen neutraal grijs. - Pebble
#868685— Subtiele secundaire tekst, plaatsaanduidingstekst, pictogramcontouren en randen van invoervelden. Middengrijs, vervagend in de verte.
Typografie
van 12 tot 105px · 10 stappen
- Inter — vervanging: Inter (native Google Fonts) · overzichten 400,500,600,700 · De hoofdtekst, gebruikersinterface, bijschriften en subkoppen in het hele product. Voor koppen van gemiddeld niveau (36-45px) wordt een lettertype met een gewicht van 700 gebruikt, voor subkoppen en bijschriften 500-600 en voor de hoofdtekst en bijschriften 400. Inter zorgt voor een subtielere uitstraling, terwijl Wise Sans een krachtigere uitstraling biedt.
- Wise Sans — vervanging: Inter Black (900) with -0.04em tracking · overzichten 900 · Kopregels zijn het visitekaartje van een merk. Een superdicht lettertype van 900 punten met een pitch van 89-105px en een kleine letterafstand transformeert elke kopregel in een krachtige, opvallende advertentie. Ze worden spaarzaam gebruikt: als hoofdtekst, voor sectietitels en voor campagne-highlights.
- monospace — vervanging: Inter · overzichten 400 · monospaced - gevonden in de geëxtraheerde gegevens, maar niet beschreven door de AI.
Intervallen en vorm
| Doel | Betekenis |
|---|---|
| Dikte | gespannen |
| Basisstap | 8-12px |
| Knopradius | 9999px |
| Kaartradius | 10px |
| Schaduwen | geen randen in plaats van schaduwen |
| Tussen secties | 64-80px |
| Paginabreedte | 1200px |
AI bouwt je website in de stijl Wise en vult deze in.
- Vul het account aan met producten en berichten via de link - Instagram, TikTok, Facebook.
- Neem de inhoud van je oude website over; geef gewoon het adres op.
- Modern design op de beste engine: React ( Next.js) met server-side rendering en SEO-optimalisatie direct uit de doos.
- Volledig geautomatiseerde SEO-optimalisatie voor zoekresultaten en aanbevelingen op basis van neurale netwerken.
Vergelijkbare stijlen
- Integrated Biosciences — Bioluminescentielaboratorium om middernacht
- Huly — Noorderlicht bij het Middernachtobservatorium - de hoofdrolspeler is een verticale paarse lichtstraal die overgaat in koraalrood, en elk rustig gedeelte eronder vertelt hetzelfde tweekleurige verhaal in een meer ingetogen tint.
- Dia Browser — Een donkere kamer in een galerie versmelt met een redactionele krant. De pikzwarte scène onthult een zonovergoten krantenpagina, waarbij elk onderdeel wordt gemarkeerd door een enkele kop met schreefletters.
- Mintlify — Een wolkentuin boven een glazen tafel. De handgetekende lucht en de documentaire zijn samen ingekaderd – de enige plek waar kleur en concept botsen voordat de pagina vervaagt in ascetisch wit.
- Gleap — Een werkruimte ingericht in warme crèmekleuren met grafietaccenten – een studio waar matte zwarte inktstippen lijken te zweven boven de linnen architectuur.
- ClickUp — Een krachtig dashboard op wit marmer. De pagina is een productbrochure voor een productiviteitstool, dus de visuele stijl is ontleend aan het product zelf: dichte lijsten, statusindicatoren, groepen avatars en opvallende typografische elementen die eruitzien als een productspecificatie.
- monday — Witte werkplaats met pastelkleurige stickers
- Portal — Twilight Serif Editorial - Een hoogwaardige spread in een onafhankelijk tijdschrift, vormgegeven in iOS-stijl.
- Slack — Het podium is auberginekleurig met witte spotlights. Een diepe pruimkleur domineert de donkere gedeelten, terwijl het gebroken witte doek de grote, avant-gardistische titels de ruimte geeft om volledig tot hun recht te komen.
- Base44 — Zonnig notitieboekje met limoengroene marker
- Letters — Een ochtendafspraak in een openluchtkliniek: een steriele witte tafel onder een zachtblauw plafond, bezaaid met blauwe chirurgische instrumenten.
- Duolingo — Groene speeltuin met dikke markeringen.