Wise
Molsa profunda amb una tensió calcària. Guspires de pedra calcària sobre el sòl gairebé negre del bosc, i figures massives i angulars assenyalen cada moviment.
La tipografia Wise parla amb una veu segura i lleugerament forta: un verd bosc profund (#163300) ocupa la major part de la superfície (text, navegació, seccions fosques, icones), mentre que un únic verd llima brillant (#9fe870) serveix com a puntuació funcional en crides a l'acció, pestanyes actives i elements clau. La tipografia és gairebé agressiva: Wise Sans amb un gruix de línia de 900, densament compactada, destaca en lletres grans (més de 100 px) a la pantalla d'inici. La resta del sistema roman discret sobre un llenç blanc trencat amb superfícies grises suaus (#e8ebe6). Els components tenen forma de píndola per defecte (botons, segments de navegació, miniatures de caselles de selecció, màscares d'imatge) amb radis petits (10 px) reservats per a targetes i camps d'entrada. Els degradats de color són rars; en canvi, la combinació de salamandra i verd bosc canvia suaument a mesura que les seccions s'enfosqueixen, creant un ritme sense una decoració excessiva.
Un contenidor d'amplada màxima de 1200 px, centrat, amb una secció superior i una fosca que abasten tota l'amplada de la pàgina. El disseny de la capçalera presenta un titular massiu i centrat sobre un fons blanc, amb una gran il·lustració (globus) que s'estén més enllà de la vora inferior de la finestra gràfica. El ritme de la secció alterna entre blanc, verd clar i una secció fosca en "tinta forestal", creant un ritme de color natural. El disseny del contingut està principalment centrat: blocs de text i imatges en dues columnes a la part superior, o files amb elements primaris en tres columnes a les seccions secundàries. S'utilitza una quadrícula de cinc columnes amb banderes per mostrar la llista de països. La navegació és una única barra superior fixa amb un commutador segmentat. El codi QR roman fix a la cantonada inferior dreta en totes les posicions de desplaçament.
Il·lustracions en 3D que representen un globus terraqüi amb monedes d'or creen el món visual de la marca: tàctil, lleugerament surrealista, executat amb gradients suaus i una il·luminació càlida. La fotografia és minimalista; quan s'utilitza, és de perfil alt i informal. Les banderes nacionals es presenten com a miniatures circulars en una quadrícula de cinc columnes; l'únic sistema "icònic" és la identitat nacional. No hi ha elements gràfics abstractes, ni plantilles estàndard. El globus terraqüi i les monedes són un motiu recurrent de la mascota, que indica l'abast global a través d'un únic objecte càlid i optimista, en lloc d'un muntatge.
Paleta
Marca
- Forest Ink
#163300— L'estil fosc dominant de la marca (text de navegació, fons de seccions fosques, text del cos sobre superfícies clares, contorns d'icones i elements de navegació plens) és el que defineix la seva força: allà on es requereixi pes o autoritat, trieu Forest Ink. - Lime Voltage
#9fe870— El verd s'utilitza com a accent secundari per a detalls decoratius i per ressaltar consultes de cerca menys utilitzades. No s'hauria d'utilitzar com a color principal per a crides a l'acció. - Spruce
#054d28— Un verd fosc secundari s'utilitza per a les superfícies de les cartes, iconografia menor i per afegir profunditat a les zones fosques on el color Forest Ink està massa saturat.
Neutral
- Linen Mist
#e2f6d5— Un to verd clar per a ressaltats suaus en superfícies, fons de targetes tintats i estats de desplaçament a les barres de navegació. Un to subtil de verd característic per a elements de disseny de contenidors discrets. - Signal Blue
#0b4c72— El color blau serveix com a accent addicional per a detalls decoratius i per emfatitzar les baixes freqüències. - Alarm Red
#cb272f— El vermell serveix com a complement per a detalls decoratius i per ressaltar colors poc comuns. Feu-lo servir com a complement, no com a color d'estatus. - Charcoal
#454745— Cos de text, text del cos, interfície d'usuari rica: un negre lleugerament càlid que sembla més suau que un #000 pur sobre un fons blanc. - Obsidian
#0e0f0c— Encapçalaments, encapçalaments d'alt contrast, elements negres purs a la navegació i al menú principal. Negre amb un to lleugerament verdós, no un gris neutre. - Pebble
#868685— Text secundari apagat, text de marcador de posició, contorns d'icones i vores de camps d'entrada. Gris mitjà, que s'allunya en la distància.
Tipografia
de 12 a 105 px · 10 passos
- Inter — reemplaçament: Inter (native Google Fonts) · esquemes 400,500,600,700 · Text del cos, interfície d'usuari, peus de foto i subtítols a tot el producte. S'utilitza una font de pes 700 per als encapçalaments de nivell mitjà (36–45 px), 500–600 per als subtítols i peus de foto, i 400 per al text del cos i els peus de foto. Inter ofereix un aspecte més subtil, mentre que Wise Sans ofereix un aspecte més atrevit.
- Wise Sans — reemplaçament: Inter Black (900) with -0.04em tracking · esquemes 900 · Els titulars són la targeta de presentació d'una marca. Una font 900 superdensa amb un pas de 89–105 px i un espaiat entre lletres ajustat transforma cada titular en un anunci molt en negreta. S'utilitzen amb moderació: com a text del cos, per als encapçalaments de les seccions i per als aspectes destacats de la campanya.
- monospace — reemplaçament: Inter · esquemes 400 · monoespaiat: es troba a les dades extretes però no descrit per la IA.
Intervals i forma
| Propòsit | Significat |
|---|---|
| Densitat | dens |
| Pas bàsic | 8-12px |
| Radi del botó | 9999px |
| Radi de la targeta | 10px |
| Ombres | sense vores en comptes d'ombres |
| Entre seccions | 64-80px |
| Amplada de la pàgina | 1200px |
La IA crearà el vostre lloc web a l'estil Wise i l'omplirà.
- Omple amb productes i publicacions a través de l'enllaç: Instagram, TikTok, Facebook.
- Transfereix contingut del teu lloc web antic; només cal que especifiquis l'adreça.
- Disseny modern en el millor motor: React ( Next.js) amb renderització de servidor i optimització SEO des del primer moment.
- Optimització SEO totalment automatitzada per a resultats de cerca i recomanacions de xarxes neuronals.
Estils similars
- Integrated Biosciences — laboratori de bioluminescència a mitjanit
- Huly — Observatori de les Aurores Boreals a la Mitjanit: el protagonista és un raig vertical de color porpra que es fon amb corall, i cada secció silenciosa que hi ha a sota pren prestada la mateixa història bicolor explicada en un to més suau.
- Dia Browser — Un espai de galeria de cambra fosca es barreja amb un editorial de diari. L'escena fosca revela una extensió de diari il·luminada pel sol, cada secció marcada per un únic titular amb serifa.
- Mintlify — Un jardí de núvols sobre una taula de vidre. El cel dibuixat a mà i el documental s'emmarquen junts: l'únic lloc on el color i el concepte xoquen abans que la pàgina s'esvaeixi en un blanc monàstic.
- Gleap — Un espai de treball decorat amb tons crema càlids amb detalls de grafit: un estudi on els punts de tinta negra mat semblen surar per sobre de l'arquitectura de lli.
- ClickUp — Un potent quadre de comandament sobre marbre blanc. La pàgina és un fullet de producte per a una eina de productivitat, de manera que el llenguatge visual està manllevat del producte en si: llistes denses, indicadors d'estat, grups d'avatars i declaracions tipogràfiques en negreta que semblen una especificació de producte en pantalla.
- monday — Taller blanc amb adhesius pastel
- Portal — Editorial Twilight Serif: una publicació premium en una revista independent, dissenyada a l'estil iOS
- Slack — L'escenari és de color albergínia amb focus blancs. Un to pruna intens domina les zones fosques, mentre que la tela blanc trencat permet que els grans títols avantguardistes respirin lliurement.
- Base44 — Quadern il·luminat pel sol amb retolador de llima
- Letters — Una cita matinal en una clínica a l'aire lliure: una taula blanca estèril sota un sostre blau suau, plena d'instruments quirúrgics blaus
- Duolingo — Parc infantil verd amb línies de marcatge gruixudes