Zellerfeld
Ак мәрмәрдә скульптор остаханәсе — пьедесталның монолит өслекләре, кобальтның бер очкыны, идәннән түшәмгә кадәр кечкенә хәрефләр пышылдый.
Зеллерфельд ак мәрмәрдә санлы скульпторлар галереясе кебек тоела - 3D басма аяк киемнәре өчен базар, анда монохром өслекләр, мул ак бушлык һәм зур, кечкенә шрифтлар һәр продуктка музей экспонаты кебек эшләргә мөмкинлек бирә. Интерфейс бик тыйнак: кичектергесез мизгелләр өчен сакланган бер генә электр кобальт төсе (#000aff) булган ахроматик холст - иконалар, актив "Кибет" навигациясе һәм агымдагы слайд статусы. Карточкалар саф ак түгел, ә җылы энҗе соры фонда йөзеп йөри, бу челтәргә тактиль, гипс белән бизәлгәнлек бирә. Шрифт хәрефләр аралыгы тыгыз булган бердәнбер махсус sans-serif (Roobert) булып кала, һәм Space Mono бәя кую, продуктлар исемлеге һәм техник метамәгълүматлар өчен генә кулланыла. Нәтиҗәдә, продукт бите ваклап сату кассасына караганда дизайн матбугаты сайтына күбрәк охшаган - объектлар фотога төшерелә, сатылмый.
Бит битнең бөтен киңлеген колачлый һәм 1440 пиксель зурлыктагы контент полосасына ия. Төп элемент - йөзүче UI катламы белән тулы экранлы фото баннер. Продукт бүлекләре 4 баганалы челтәр куллана, планшетларда 2гә һәм мобиль җайланмаларда 1гә кадәр кысыла. Бүлек ритмы: зур продукт тасвирламасы → редакция рейтингы челтәре → яңа чыгарылышлар челтәре → матбугат контактлары турында мәгълүмат панеле. Һәр продукт бүлеге үз эчтәлеген полоса эчендә үзәкләштерә һәм бүлекләр арасында 80 пиксель вертикаль ара куллана. Навигация - бер рәттәге билгеләнгән өске такта, аның өстендә нечкә реклама полосасы бар. Продукт карталары катгый челтәргә туры китерелә - рәсем өлкәсе һәрвакыт аяк киеме силуэтында үзәкләштерелә, карта эчендә өске/аскы өлеш 40 пиксель, ә мета мәгълүматлар кластеры аскы сул почмакка 40x40 бренд логотибы белән беркетелгән.
Продукция фотосурәте өстенлекле визуаль элемент булып тора - һәр аяк киеме чиста ак яки гипс өслегендә өч чирек почмакта төшерелә, бернинди контекст, модель яки тирә-юньсез бөтен карточканы тутыра. Төп элемент - тулы тормыш рәвеше фотосурәте: ком яки бетон өстендә аяк һәм аяк киемнәренең кыска фотосурәтләре, һәрвакыт кеше масштабында, беркайчан да студия сыйфатында түгел. "Төп элемент - төп элемент" принцибы кулланыла - аяк киемнәре кадрның күренмәле мәйданының 40% ын били, хәтта төп редакция элементында да. Декоратив график элементлар, абстракт бизәкләр яки иллюстрацияләр кулланылмый. Иконалар сызыклы, кара төс белән контурланган, беркайчан да тутырылмаган, беркайчан да буялмаган.
Палитра
Бренд
- Electric Cobalt
#000aff— Яңа иконалар, актив навигация панеле, хәзерге слайд индикаторы, активлаштыру моментлары — системадагы бердәнбер хроматик билге, бизәү урынына активлаштыру буларак кабул ителерлек итеп сирәк кулланыла.
Нейтраль
- Pale Iris
#e5e7ff— Бейджиклар өчен яңа төс тутыру, йомшак яктырткыч һәм этикетка вариантлары өчен төсле өслек — монохром палитраны бозмыйча, төсне күрсәтә торган тонык кобальт төсмере. - Ink Black
#111111— Төп текст, гадәти чикләр, иконалар контурлары, нечкә бүлгечләр - башлыклар, исемлекләр һәм сылтамалар өчен доминант структураль төс. - Pure White
#ffffff— Төсләр тонык калган урыннарда нейтраль форма халәтләре, иконалар тексты һәм яшерен интерфейс кире элемтәсе кулланылырга тиеш. Аны гамәл кылырга чакырулар өчен төп төс буларак кулланмагыз. - Plaster
#ecedee— Продукт карталары өчен икенчел өслек, навигация панеленең фоны, холст өстендә шома күтәрелгән дәрәҗә. - Slate
#a1a4aa— Открытка рамкасының төсмере, нейтраль төймә тутырмасы һәм тонык төймә кырые - соры төсләр, алар открытка кырыйларын караңгылатмыйча күрсәтә. - Fog
#d7d7d7— Яктылык карточкасы рамкасы, бүлгеч сызыклар, актив булмаган өслекне төсләндерү.
Типография
13 дән 128 пиксельгә кадәр · 7 адым
- Roobert — алыштыру: Inter · контурлар 400, 500, 600, 700 · Төп бренд шрифты төп тексттан алып башлыкларга кадәр барысы өчен дә кулланыла. Юллар арасы барлык зурлыкларда да бертигез, бу логотипның кечкенә хәрефләренә тыгыз, скульптура массасы бирергә мөмкинлек бирә. Шрифтның авырлыгы контекстка карап арта: төп текст һәм кулланучы интерфейсы өчен 400, билгеләнгән башлыклар өчен 500, продукт исемнәре өчен 600 һәм зур исемнәр өчен 700.
- Space Mono — алыштыру: JetBrains Mono · контурлар 400, 600 · Техник метамәгълүматлар — бәяләр (189,00 евро), иң яхшы 10 позиция өчен санлы кыйммәтләр, тикер символлары һәм кибет исемнәре — бит реклама тексты түгел, ә техник спецификация буларак кабул ителергә тиешле урыннарда өстәлә.
- Arial — алыштыру: Inter · контурлар 400 · Arial - Алынган мәгълүматларда очрый, ләкин ясалма интеллект тарафыннан тасвирланмаган.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | уртача |
| Төп адым | 16px |
| Төймә радиусы | 10px |
| Карта радиусы | 10px |
| Күләгәләр | минималь |
| Бүлекләр арасында | 80px |
| Бит киңлеге | 1440px |
Ясалма интеллект сезнең сайтны Zellerfeld стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Airbnb — Тыныч ак галерея стенасы, анда бер генә мәрҗән-кызыл төстәге кыстыргыч бар
- Apple (España) — ак галерея витрина
- Silencio — Ак бүлмәдә йөзеп йөрүче артефактлар. Җылы кәгазьдән ясалган галерея күргәзмәсе, анда һәр элемент тискәре күләм фонында үз урынын ала, ә тынлык - махсус дизайн карары.
- Oakâme — Кояш нурлары астында җылы таштан уеп ясалган Провансаль остаханәсе
- Nike — Спорт казанышларының монохром галереясе – ак стеналар, сәнгать әсәре буларак продукт, хром фонда эреп киткән
- Arc — төн уртасындагы су өстендәге сәнәгать ак галереясе
- Rivian — Галереянең бетон стенасындагы электр монолит. Ривиан һәр машинаны киң ак киңлеккә скульптура итеп күрсәтә, типография шулкадәр зур ки, ул архитектура элементына әйләнә, һәм бер җылы сары төс монохроматик атмосфераны боза, мат өслектәге кояш нуры кебек.
- Analogue — Кара галерея витриналары – товарлар бушлыкта йөзеп йөри
- ddna — эшкәртелмәгән җитен өстендә җылы музей витринасына
- UY Studio — Монастырьның таш галереясе - бетон стеналары булган тыныч урын, анда хушбуй шешәләре ак цокольләрдә тора, аларны бер 400 ваттлы лампа һәм дүрт җылы соры лампа яктырта.
- Basic.Space — ак мәрмәрдә кураторлык галереясе
- COS — ак стеналар белән бизәлгән модалы галерея