Apple (España)
Ак бушлыклардан торган, диярлек ишетелә торган башлыклар белән бизәлгән собор. Һавада эленеп торган 700 тыгызлыктагы гаять зур шрифтлар һәм бер зәңгәр җеп кенә бергә тоташкан киң, якты зал.
Apple компаниясенең продукт битләре теле - типографик юмартлыкның бер тикшеренүе: зур SF Pro Display башлыклары ак төстәге фонда калкып тора, һәр сүзне махсус эшләнгән кебек тоела торган зур ак бушлык белән әйләндереп алынган. Палитра диярлек монохроматик - #1d1d1f тексты, #ffffff һәм #f5f5f7 арасында чиратлашып торган полотно - интерактив мизгелләр өчен генә сакланган бер зәңгәр акцент (#0071e3) белән. Төс продукт рәсемнәрендә үзендә бар (пастель төсләр), декоратив интерфейс элементлары буларак түгел. Компонентлар рамсыз: 28 пиксель радиусы булган түгәрәкләнгән карточкалар, бит кырыйларына диярлек тиеп торган таблетка формасындагы төймәләр, күренерлек контейнерлар яки күләгәләр юк. Ритм бүлгечләр яки чикләр түгел, ә ак һәм соры полосаларны чиратлаштыру аша булдырыла.
Бүлекләр битнең тулы киңлеген били, кырыйдан кырыйга киң йомшаклык белән сузыла (якынча 40-100 як). Максималь эчтәлек киңлеге һәр полоса эчендә нәтиҗәле рәвештә үзәкләштерелә. Төп элемент - үзәкләштерелгән стек: каш формасындагы ярлык, зурайтылган башлык, бер чакыру төймәсе, бәя юлы, аннары карау мәйданының аскы өлешен тутырган продукт рәсеме. Бүлекләр кабатланучы схема буенча бара: полоса эчендә сулга тигезләнгән башлык, аннан соң продукт тасвирламалары белән ике баганалы макет (сулда текст/уңда яки чиратлашып торган рәсем), өч баганалы карточкалар челтәре яки үзәкләштерелгән визуаль витрина. Эчтәлек ритмы тулысынча 100-100 см вертикаль аралар белән чиратлашып ак һәм өч төсле фоннар белән контрольдә тотыла - бүлгечләр юк, элементларны йөртүче карточкалар юк. Глобаль навигация - бер, билгеләнгән такта. Продукт спецификациясе бүлекләре киң йомшаклык белән тулы киңлекле полосалар куллана, анда текст киңрәк визуаль өлкәгә каршы тар баганаларда (~560 пиксель) үзәкләштерелә.
Apple компаниясенең визуаль теле, нигездә, продукт фотосурәтләре: җиһазларның саф ак яки төсле фондагы якын пландагы күренешләре, яшәү рәвеше контексты яки сәхнәләштерелгән күренешләрсез. Төп рәсемдә пастель яшел MacBook Neo тоткан куллар күрсәтелгән - кеше элементы икенчел, алар хис-тойгыларны түгел, ә масштабны һәм текстураны күрсәтә. Продукция варианты бүлекләрендә ике җайланма бер-берсенә туры килә торган бизәк төсләре (алсу, яшел, көмеш, күк зәңгәр) фонында янәшә күрсәтелгән, һәрберсе продукт үзәгендә булган яссы төсле кыр белән билгеләнгән. Детальле фотосурәтләр нейтраль фондагы экстремаль якын планнарны (ноутбук шарниры, камера модуле) куллана. Иллюстрацияләр, абстракт графика, декоратив рәсемнәр юк - продукт үзе визуаль элемент. Иконография һәркайда - SF Symbols стилендәге монохром сызык иконалары, 1,5–2 пиксель калынлыкта, Apple системасы иконалары җыелмасыннан алынган. Фотография һәрвакыт югары дәрәҗәдә башкарыла: бер төрле, күләгәсез яктырту, продуктны өч үлчәмле объект түгел, ә график формага киметә.
Палитра
Бренд
- Electric Blue
#0071e3— Тутырылган гамәл төймәләре - UI'дагы бердәнбер төс акценты, алар гамәл кылырга чакырулар өчен сирәк кулланыла. - Link Blue
#0066cc— Сызык эчендәге текст сылтамалары, уклар һәм шевроннар белән сылтамалар. - Citrus Gradient
#3b3b23— Продукциянең үзенчәлегенә әйләнгән альтернатив бизәлеш - сары-яшел төсләргә әйләнә торган кара төс.
Нейтраль
- Primary Ink
#1d1d1f— Башлыклар, төп текст һәм төймә ярлыклары барлык өслекләрдә дә өстенлек итүче алгы план төсен тәшкил итә; төп продукт рәсеменең фоны өске яктагы бер төсле #1d1d1f фоныннан хроматик зәңгәр төскә шома күчә. - Mid Gray
#707070— Икенчел текст, актив булмаган навигация халәте, тындырылган интерфейс билгеләре - Deep Gray
#474747— Навигация тексты һәм иконография уртача шрифт белән. - Hairline
#d6d6d6— Бүлекләр һәм UI элементлары арасындагы нечкә чикләр. - Canvas
#f5f5f7— Чиратлашып торган кисемтә фоннары - ак өлкәләрне аерып торган соры полоса. - Paper
#ffffff— Карточка өслеге, төп бит фоны, караңгы фонда төймә тексты.
Типография
12 дән 96 пиксельгә кадәр · 10 адым
- SF Pro Display — алыштыру: Inter · контурлар 600, 700 · Күрсәтү өчен герой башлыклары һәм астыңгы башлыклар — 80–96 пиксель зурлыгында 700 авырлыктагы, -1.44 пиксель тискәре хәреф аралыгы белән Apple имзасын "ак төстә йөзеп йөрүче зур башлык" итә. Алыштырулар: Inter, system-UI
- SF Pro Display — алыштыру: Inter · контурлар 600 · Бүлек башлыклары, карточка исемнәре, өстәмә исемнәр - югарыдагы кыска исемнәрдән аермалы буларак, уртача зурлыктагы 600 шрифт җылы һәм дустанә тоела, хәрефләр арасы бераз уңай.
- SF Pro Text — алыштыру: Inter · контурлар 400, 500, 600 · Төп текст, навигация, ярдәмче абзацлар һәм кечкенә язмалар өчен, 17 пиксель зурлыгындагы 400 индекслы шрифт төп шрифт булып тора. Хәрефләр арасындагы тискәре интервал мәгълүматка бай битләрдә төп текстны кыскарак итәргә мөмкинлек бирә.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | тыгыз |
| Төп адым | 8-10px |
| Төймә радиусы | 980px |
| Карта радиусы | 28px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 100-120px |
| Бит киңлеге | 1200px |
Ясалма интеллект сезнең сайтны Apple (España) стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- AYOCIN — Сәламәтлекнең кояш тотемы. Җылы интерьер фотосурәтен хәтерләтүче экраннар ясагыз: монументаль шрифт, йомшак тонык архитектура күләгәләре һәм тыныч, каймаксыман киңлектә урнаштырылган бер яктыртылган объект.
- AXEL ARIGATO — Axel Arigato - шәһәр фотоальбомы. Битләр ак редакция кырлары һәм җентекләп киселгән, социаль яктан мөһим мода фотосурәтләре тезмәсе рәвешендә төзелгән, алар арасында компакт кара язмалар белән үрелеп бара.
- Bose — Яр буендагы тавыш мәйданчыгы. Кадрны җил очырткан реклама рәсеме тутыра, ә аның тирәли төгәл детальләр кебек ачык кара-ак кампания белән идарә итү элементлары урнаштырылган.
- AVNIER — AVNYE – төнлә төшерү урыны. Ак төшерү билгеләре һәм ачык рәшәткә сызыклары диспетчер бүлмәсенең кара рәсемнәрен кисеп үтә.
- Bauhaus Clock — Баухаус стилендәге сәгатьләр – зәңгәрсу механик люминесценция. Тыныч, якты өслекләрне караңгы, кинематографик сәгать сурәте белән рамкага алыгыз һәм зәңгәрсу төсне сирәк очрый торган якты деталь буларак кулланыгыз.
- Airbnb — Тыныч ак галерея стенасы, анда бер генә мәрҗән-кызыл төстәге кыстыргыч бар
- Peak Design — Галерея стенасы, өлешчә яктыртылган
- Ramp — Редакциянең финанс бүлеге, бер генә неон маркеры белән кара-ак битләр. Басманың диярлек монохром өслеге, анда бер генә якты яшел төстәге сызык һәр үзара бәйләнешне акча сигналына әйләндерә.
- 099 SUPPLY — Кара һәм ак әйберләр белән тулы галерея стенасы
- Orderful — Сәнәгать логистикасын контрольдә тоту колонкасы - кара кара һәм кызыл төстәге хирургик буяулар белән бастырылган логистика диспетчерының тикшерү исемлеге, һәр бит бер операторга мөһим нәрсәне кычкырып әйтергә мөмкинлек бирерлек дәрәҗәдә яшерен.
- Apple (España) — ак галерея витрина
- teenage engineering — Студия яктыртуындагы сәнәгать каталогы - продукт биттәге бердәнбер мөһим объект, һәм башка бар нәрсә аның тирәсендә тикшерелә.