Slush
пастель кәгазьдәге стикерларның җилләтелә торган дөньясы
Slush стикер альбомы кебек эшли: пастель кәгазь холст, зур, күләмле ачык зәңгәр тасмалар һәм конфетти кебек сибелгән якты стикер акцентлары салават күпере. Шрифт зур һәм тыгыз (ян якка 800 х 200–640 пиксель, юл аралыгы 0,75–0,80), шуңа күрә сүзләр җөмләләр урынына скульптура объектларына әйләнә. Алты бай, үзенчәлекле төс гомуми стикер палитрасы булып хезмәт итә - һәр төс тутырылган стикер, карточка өслеге яки декоратив катлам буларак күренә, беркайчан да яшерен акцент буларак түгел. Компонентлар йомшак түгәрәкләнгән (карточкаларда 20–40 пиксель, навигациядә таблетка формасында) һәм кулдан эшләнгән эффект өчен кара төс белән контурланган. Нәтиҗәдә, финтех лэндинг бите түгел, ә ачык төстәге стенага беркетелгән физик коллаж барлыкка килә.
Макет тулы киңлектәге скроллинг бите белән җиһазландырылган, ян панель яки даими контейнер юк. скроллинг тексты һәм минималист өске навигация (сулда логотип, үзәктә навигация панеле, уңда тулы чакыру) өске өлештә кала. Һәр бүлек - тулы киңлектәге төсле полоса (#dceeff → #ffffff → #cccccc), зурайтылган ян тексты белән, үзәктә яки сулга тигезләнгән, 3D зәңгәр тасмалар белән рамкаланган. Эчтәлек макети махсус рәвештә иркен һәм коллаж сыман, челтәргә нигезләнгән түгел: стикерлар текст өстенә каплана, тасмалар текст артында кисешә, һәм QR картасы икенчел бүлектә үзәктән читтә урнаштырылган. Вертикаль ритм шактый киң (бүлекләр арасында 48 пиксель ара), ләкин горизонталь композиция махсус рәвештә асимметрик. Бит өстән аска өч зур төсле полоса буларак укыла, һәрберсе аерым плакат.
Визуаль телдә өч үлчәмле зәңгәр тасмалар өстенлек итә - һәр бүлектә башлык текстын урап алган яки каплаган электр зәңгәр төстәге бөртекле, кабартма торбасыман формалардан торган бердәм бренд мотивы. Декоратив ике үлчәмле стикерлар (ракета, алтын тәңкә, яшел галочка, шәмәхә капчык) тактага беркетелгән кәгазь кисемтәләре кебек башлыклар тирәсендә йөзеп йөри, һәрберсенең кара контуры (1 пиксель) бар. Беркайда да фоторәсемнәр юк. Традицион иллюстрация челтәрләре юк - барысы да коллажланган һәм асимметрик рәвештә урнаштырылган. Өч үлчәмле тасмалар төп атмосфераны тудыра; стикерлар шаян төс өсти; калганнары шрифт һәм төс.
Палитра
Бренд
- Electric Blue
#4da2ff— Брендның өстенлек итүче төсе — калын тасма сыннар, рәсем фоннары, открыткалардагы тонык бизәкләр — һәр экран өчен нигез булып хезмәт итүче визуаль имза.
Нейтраль
- Carbon
#000000— Төп текст, открытка рамкалары, чакыру өчен тутырылган фон һәм логотип пастель өслекләрдә кулдан киселгән стикер контуры эффектын тудыра. - Paper White
#ffffff— Киез бит, картон өслекләр, төймә контуры тутыру, караңгы фонда текст. - Sky Wash
#dceeff— Төп өлеш фоны, ачык зәңгәр пастель фон. - Concrete Gray
#cccccc— Икенчел кисемтә фоны, нейтраль арадаш өслек - Soft Mist
#e9e9e9— Нечкә төймә һәм өслек төсмерләре, сүндерелгән халәтләр - Mint Pop
#55db9c— Фонны ассызыклау өчен яшел төс, декоратив полосалар һәм эчтәлек артындагы йомшак акцент.
Типография
12 дән 640 пиксельгә кадәр · 7 адым
- Lateral — алыштыру: Druk · контурлар 800 · Бары тик башлыклар гына - "SLUSH" логотибы һәм "ALL THINGS SUI" кебек бүлек баннерлары - 200-640 пиксель зурлыктагы шрифтта, юл биеклеге 0,75-0,80 киметелгән, шуңа күрә хәрефләр скульптураланган блоклар барлыкка китерә. Бу традицион булмаган күрсәтү ысулы: башка бер генә сайт та юл биеклеге 0,85 тән кимрәк булган 800 пунктлы шрифт кулланмый, һәм бу эффект текстны өч үлчәмле тасмаларга төрелгән физик объект кебек тота.
- Aeonik Pro — алыштыру: Inter · контурлар 500, 700 · Бөтен кулланучы интерфейсы, шул исәптән төп текст, навигация, төймәләр һәм өстәмә исемнәр. Төп текст һәм мета мәгълүматлар өчен авырлык 500 (12–16 пиксель), өстәмә исемнәр һәм навигация ярлыклары өчен авырлык 700 (24–30 пиксель) һәм зур икенчел исемнәр өчен 64 пиксельгә 700. Хәрефләр арасындагы тыгыз ара (-0.010 ем) төп текстны тарайта (14–16 пиксель); навигация ярлыкларында/төймәләрендәге бераз киңәйтү (0.030–0.032 ем) контроль элементларына "ак бушлык" бирә.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | тыгыз |
| Төп адым | 4-12px |
| Төймә радиусы | 1600px |
| Карта радиусы | 20px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 48px |
| Бит киңлеге | 1440px |
Ясалма интеллект сезнең сайтны Slush стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Cursor — Янып торган күмер белән яктыртылган уңайлы пергамент остаханәсе
- MindMarket — Ак кәгазьдән ясалган уңайлы әкият китабы - кояшта кыздырылган, стикер кебек йомшак өслектә зур "Интер" баш язмалары һәм киселгән кәгазь персонажлар бергә урнашкан дустанә редакция холсты.
- Shop — Ак мәрмәрдә йөзеп йөрүче сәүдә йолдызлыгы
- Airbnb — Тыныч ак галерея стенасы, анда бер генә мәрҗән-кызыл төстәге кыстыргыч бар
- Superr — Көндезге йомшак яктылыкта җылы мәктәп дәфтәре. Ак каймак төсендәге бит, капкачсыз кызгылт сары маркер һәм ашыгыч рәвештә салына торган исем стикерлары өеме.
- Apple (España) — Йомшак көндезге яктылыкта музей галереясе - бер, җәлеп итүче, авырлыксыз ак киңлек, һәр экспонат җиңел төстәге диварга фонарь белән яктыртылган.
- Lamborghini — Күргәзмә залында кара кузов, прожекторлар астында - бер сары машина
- Amplemarket — Кояш нурлары белән тулган эш урыны конфетти белән тулган
- Getharvest — Алтын сәгатьтәге өстәл – җылы каймак төстәге киндер, киндердә эленгән ак открыткалар һәм бер генә ачык кызгылт сары ялкын.
- Agence Foudre — Журналның тышлык бите помаданы хәтерләткән йомшак алсу төстә.
- Drive Capital — Җылы кәгазьдә ретро юл сәяхәте плакаты
- Apple (España) — ак галерея витрина