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 оптимизациясе.
Охшаш стильләр
- Airbnb — Тыныч ак галерея стенасы, анда бер генә мәрҗән-кызыл төстәге кыстыргыч бар
- Peak Design — Галерея стенасы, өлешчә яктыртылган
- Ramp — Редакциянең финанс бүлеге, бер генә неон маркеры белән кара-ак битләр. Басманың диярлек монохром өслеге, анда бер генә якты яшел төстәге сызык һәр үзара бәйләнешне акча сигналына әйләндерә.
- 099 SUPPLY — Кара һәм ак әйберләр белән тулы галерея стенасы
- Orderful — Сәнәгать логистикасын контрольдә тоту колонкасы - кара кара һәм кызыл төстәге хирургик буяулар белән бастырылган логистика диспетчерының тикшерү исемлеге, һәр бит бер операторга мөһим нәрсәне кычкырып әйтергә мөмкинлек бирерлек дәрәҗәдә яшерен.
- Apple (España) — ак галерея витрина
- teenage engineering — Студия яктыртуындагы сәнәгать каталогы - продукт биттәге бердәнбер мөһим объект, һәм башка бар нәрсә аның тирәсендә тикшерелә.
- Apple (España) — Иртәнге томан эчендә галерея тәрәзәсе
- Lightship — Ачык юлның кинематографик диорамасы. Зур пейзаж фотосурәтләре белән бизәлгән җылы каймак төсендәге галерея стеналары, рамнарда бик аз күренә торган нечкә кара шрифтлар һәм болындагы учак кебек монохромны җимерә торган бердәнбер ачык кызгылт сары төстәге акцент.
- Custo — Монолит шрифтлы гантел төсендәге галерея. Тонык соры-яшел төсләрдәге күргәзмә залы, анда бер караңгы объект һәм 57 пиксель шрифт үзләре өчен сөйли.
- Silencio — Ак бүлмәдә йөзеп йөрүче артефактлар. Җылы кәгазьдән ясалган галерея күргәзмәсе, анда һәр элемент тискәре күләм фонында үз урынын ала, ә тынлык - махсус дизайн карары.
- ORYZO AI — Караңгы бүлмә турында фотоэссе. Җылы караңгылыкта калкып торган ялгыз әйбер, бердәнбер бизәк - каймак шрифт.