Wise
Длабок мов со напнатост на варовник. Искри од варовник на речиси црниот шумски под, а масивни, аголни фигури сигнализираат секое движење.
Фонтот на Wise зборува со самоуверен, малку гласен глас: темно зелена боја (#163300) го зафаќа поголемиот дел од површината - текст, навигација, темни делови, икони - додека една светла лимета зелена боја (#9fe870) служи како функционална интерпункција на повици за акција, активни табови и клучни елементи. Фонтот е речиси агресивен: Wise Sans со тежина на линијата од 900, густо спакуван, се издвојува со големи букви (100px+) на почетниот екран. Остатокот од системот останува дискретен на белузлаво платно со меки сиви површини (#e8ebe6). Компонентите се во форма на апчиња по дифолт - копчиња, сегменти за навигација, минијатури на полиња за избор, маски за слики - со мали радиуси (10px) резервирани за картички и полиња за внесување. Градиентите на бои се ретки; наместо тоа, комбинацијата од саламандер и шумско зелена боја непречено се менува како што деловите се затемнуваат, создавајќи ритам без прекумерна декорација.
Контејнер со максимална ширина од 1200px, центриран, со горен и темен дел што се протегаат по целата ширина на страницата. Распоредот на заглавието содржи масивен, центриран наслов на бела позадина, со голема илустрација (глобус) што се протега надвор од долниот раб на прозорецот за преглед. Ритамот на секциите се менува помеѓу бела, светло зелена и темен дел во „шумско мастило“, создавајќи природен ритам на бои. Распоредот на содржината е првенствено центриран: блокови од текст и слики во две колони на врвот или редови со примарни елементи во три колони во секундарните делови. За прикажување на списокот на земји се користи мрежа од пет колони со знамиња. Навигацијата е единствена, фиксна горна лента со сегментирано преклопување. QR-кодот останува фиксен во долниот десен агол на сите позиции за скролување.
3Д илустрациите што прикажуваат глобус со златни монети го создаваат визуелниот свет на брендот - тактилен, малку надреален, изведен со меки градиенти и топло осветлување. Фотографијата е минималистичка; кога се користи, таа е динамична и лежерна. Националните знамиња се претставени како кружни минијатури во мрежа од пет колони - единствениот „иконски“ систем е националниот идентитет. Без апстрактни графички елементи, без стандардни шаблони. Глобусот и монетите се повторувачки мотив на маскотата, сигнализирајќи глобален дострел преку еден, топол, оптимистички објект, а не монтажа.
Палета
Бренд
- Forest Ink
#163300— Доминантниот темен стил на брендот - текст за навигација, темни позадини на деловите, текст на телото на светли површини, контури на икони и исполнети елементи за навигација - е она што ја дефинира неговата сила: секаде каде што е потребна тежина или авторитет, вие го избирате Forest Ink. - Lime Voltage
#9fe870— Зелената боја се користи како секундарен акцент за декоративни детали и за истакнување на помалку користените пребарувања. Не треба да се користи како примарна боја за повици за акција. - Spruce
#054d28— Секундарна темнозелена боја се користи за површини на картички, споредна иконографија и за додавање длабочина на темните области каде што мастилото „Форест Инк“ е премногу заситено.
Неутрално
- Linen Mist
#e2f6d5— Светло зелена нијанса за меки акценти на површините, затемнети позадини на картичките и состојби на лебдење на навигациските ленти. Суптилна нијанса на препознатлива зелена боја за дискретни елементи во дизајнот на контејнери. - Signal Blue
#0b4c72— Сината боја служи како дополнителен акцент за декоративни детали и за нагласување на ниските фреквенции. - Alarm Red
#cb272f— Црвената боја служи како дополнителен акцент за декоративни детали и за истакнување на невообичаени бои. Користете ја како дополнителен акцент, а не како боја за статус. - Charcoal
#454745— Тело, текст, богат кориснички интерфејс - малку топла црна боја што се чувствува помека од чиста #000 на бела позадина. - Obsidian
#0e0f0c— Наслови, наслови со висок контраст, чисто црни елементи во навигацијата и главното мени. Црна со малку зеленикава нијанса, не неутрална сива. - Pebble
#868685— Пригушен секундарен текст, текст за резервирање место, контури на икони и граници на полиња за внесување. Средно сива, се оддалечува во далечината.
Типографија
од 12 до 105px · 10 чекори
- Inter — замена: Inter (native Google Fonts) · контури 400,500,600,700 · Текст на телото, кориснички интерфејс, титлови и поднаслови низ целиот производ. Фонт со дебелина од 700 се користи за наслови од средно ниво (36–45px), 500–600 за поднаслови и титлови и 400 за текст на телото и титлови. Inter обезбедува посуптилен изглед, додека Wise Sans обезбедува посмел изглед.
- Wise Sans — замена: Inter Black (900) with -0.04em tracking · контури 900 · Насловите се визит-карта на брендот. Супер густиот фонт 900 со висина од 89–105 пиксели и мал растојание помеѓу буквите го трансформира секој наслов во задебелена, задебелена реклама. Тие се користат штедливо: како текст, за наслови на делови и за најважни моменти од кампањата.
- monospace — замена: Inter · контури 400 · моноспејс - пронајдено во извлечените податоци, но не е опишано од вештачката интелигенција.
Интервали и форма
| Намена | Значење |
|---|---|
| Густина | густ |
| Основен чекор | 8-12px |
| Радиус на копчето | 9999px |
| Радиус на картичката | 10px |
| Сенки | без граници наместо сенки |
| Помеѓу деловите | 64-80px |
| Ширина на страницата | 1200px |
Вештачката интелигенција ќе ја изгради вашата веб-страница во стилот Wise и ќе ја пополни
- Пополнете со производи и објави преку линкот - Instagram, TikTok, Facebook.
- Пренесете содржина од вашата стара страница - само наведете ја адресата.
- Модерен дизајн на најдобриот мотор: React ( Next.js) со рендерирање на серверот и SEO оптимизација веднаш.
- Целосно автоматизирана SEO оптимизација за резултати од пребарување и препораки за невронски мрежи.
Слични стилови
- Integrated Biosciences — лабораторија за биолуминисценција на полноќ
- Huly — Северни светла во полноќната опсерваторија - протагонистот е вертикален зрак од виолетова боја што исчезнува во корал, а секој тивок дел под него ја позајмува истата двотонска приказна раскажана со потивок тон.
- Dia Browser — Галерискиот простор во темна соба се вклопува со уреднички весник. Темната сцена открива сончево осветлен весник, секој дел обележан со еден серифски наслов.
- Mintlify — Градина од облаци над стаклена маса. Рачно нацртаното небо и документарецот се врамени заедно - единственото место каде што бојата и концептот се судираат пред страницата да избледи во монашко бело.
- Gleap — Работен простор декориран во топли крем тонови со графитни акценти - студио каде што мат црни точки од мастило како да лебдат над архитектурата од лен.
- ClickUp — Моќна контролна табла на бел мермер. Страницата е брошура за производ за алатка за продуктивност, па визуелниот јазик е позајмен од самиот производ: густи листи, индикатори за статус, групи аватари и смели типографски изјави што изгледаат како спецификација на производ на екранот.
- monday — Бела работилница со пастелни налепници
- Portal — Уредничкиот дел од Twilight Serif - Премиум издание во независно списание, дизајнирано во стилот на iOS.
- Slack — Сцената е во боја на модар патлиџан со бели рефлектори. Длабока нијанса на слива доминира во темните области, додека белузлавото платно им овозможува на големите, авангардни наслови слободно да дишат.
- Base44 — Тетратка осветлена од сонцето со маркер со лимета
- Letters — Утрински преглед во клиника на отворено - стерилна бела маса под мек син таван, расфрлана со сини хируршки инструменти
- Duolingo — Зелено игралиште со дебели линии за обележување