Bpco
Бетон плитәдән эшләнгән типографик манифест. Кара-ак басма комплекты, анда зур Helvetica шрифты фотосурәтне кабатлый, һәм текстурасы - төп шрифт астында бер бит җыерылган кәгазь.
Bigpicture веб-битне чимал кәгазьгә урнаштырылган басма машинасы кебек карый торган монохром редакцияләү системасын куллана. Интерфейс хроматик төсләрдән тулысынча мәхрүм, атмосфера тудыру өчен кара буяу, ак ара, нечкә сызыклар һәм тигез җыерылган кәгазь текстурасына таяна. Типография - продукт: Helvetica Neue 700 версиясендә башлыклар 274 пиксельгә җитә, агрессив тискәре хәреф аралыгы белән, текстны һәр экранда доминант визуаль масса итә. Бер аралыклы язмалар ([01-N INTRODUTION], CREATIVE/AGENCY) басма стилендәге имзалар булып хезмәт итә, ә дүрт почмаклы ялтыравыклы иконалар бүлекләр арасында бердәнбер бизәк булып хезмәт итә. Макет киң һәм үз-үзеңне бастыруны хәтерләтә - бүлекләр арасында 72 пиксель ара, 144-250 пиксель горизонталь кырлар һәм 288 пиксель почмаклы тулы киңлектәге рәсем блоклары биткә программа тәэминаты кисәге түгел, ә галерея дивары кебек сулыш алырга мөмкинлек бирә.
Максималь киңлек ~1440 пиксель, үзәктә горизонталь киңлек белән, кисемтә тыгызлыгына карап, 40–144 пиксель. Герой рәсеме - тулы киңлектәге рәсем, аның өстенә текст куелган. Рәсем астында, эчтәлек үзәктә урнашкан текст блоклары һәм кырыйдан кырыйга типография арасында чиратлашып урнашкан. Битнең аскы 60% озын, скроллинг манифесты, анда зур шрифт бөтен карау мәйданы киңлеген юл буенча тутыра, ялтыравыклы бүлгечләр рәтләре белән аерылган. Навигация - карау мәйданының өске өлешендә урнашкан йөзүче такта, тулы киңлектәге панель түгел. Аскы колонтитул - нечкә чикле бер полоса.
Төп экранда фотография өстенлек итә — зур архитектура һәм тышкы реклама рәсемнәре (билбордлар, бина тышлыгы, урам дәрәҗәсендәге реклама) тулы размерлы һәм түгәрәк почмаклы итеп күрсәтелгән. Битнең аскы өлешләренә җыерчыклы кәгазь текстурасы өстәлгән, бу тактиль хис тудыра һәм интерфейска басылган журнал кыяфәтен бирә. Сызыклар белән сызылган кечкенә глобус иконасы бердәнбер иллюстрация элементы булып тора. 3D эффектлары, абстракт градиентлар, продукт макетлары юк — рәсемнәр документаль, сәнәгать характерында һәм агентлыкның тышкы реклама портфолиосына нигезләнгән.
Палитра
Нейтраль
- Press Ink
#121212— Төп текст, нечкә сызыклар, бүлек чикләре, иконка контурлары һәм аскы колонтитул тексты барысы да алгы план мәгълүматының 95% ын үз эченә алган бер караңгы тон куллана. - Paper White
#ffffff— Бит холсты, картон өслекләре, навигация панеленең фоны, исем рамнары булган өслекләр. - Newsprint
#f1f1f1— Нечкә өслек тутырмасы, йомшак чикләр, нечкә бүлгечләр, җыерылган кәгазь текстурасы артына яшеренгән төсмер. - Foil Gray
#e1e1e1— Якты рамкалар, иконалар контурлары рәвешендәге акцентлар, өстәмә бүлгечләр. - Mute Gray
#c5c5c5— Икенчел текст, инвалидлык статусы, түбән контрастлы өслек сызыклары
Типография
13 дән 274 пиксельгә кадәр · 6 адым
- Helvetica Neue — алыштыру: Inter · контурлар 400, 500, 700 · Универсаль корал - төп текст 17px/1.29 зурлыкта, башлыкларны 75–274px зурлыкта, иң зур үлчәмнәрдә -0.04em хәреф аралыгы белән күрсәтү, навигация ярлыклары 15px зурлыкта.
- PPSupplyMono — алыштыру: JetBrains Mono · контурлар 400 · Мета-теглар һәм [01-N КЕРЕШ] кебек җәяләр эчендәге ярлыклар, шулай ук бүлек теглары (РЕКЛАМА, ИҖАДИ/АГЕНТЛЫК, ОФФЛАЙН МАРКЕТИНГ) - Helvetica'ның бер төрлелеген җимерә торган бердәнбер типографик акцентлар.
- PPSupplySans — алыштыру: Inter · контурлар 400 · Башка sans-serif шрифты таләп ителгән аскы колонтитулда икенчел навигация һәм микрокүчермә.
Интерваллар һәм форма
| Максат | Мәгънәсе |
|---|---|
| Тыгызлык | уртача |
| Төп адым | 50px |
| Төймә радиусы | 8px |
| Карта радиусы | 20px |
| Күләгәләр | күләгәләр урынына чикләр юк |
| Бүлекләр арасында | 72px |
| Бит киңлеге | 1440px |
Ясалма интеллект сезнең сайтны Bpco стилендә төзер һәм аны тутырыр
- Продуктлар һәм постлар белән Instagram, TikTok, Facebook сылтамасы аша тутырыгыз.
- Иске сайтыгыздан контентны күчерегез — адресны күрсәтегез генә.
- Иң яхшы двигательдә заманча дизайн: сервер рендерингы һәм SEO оптимизациясе белән React ( Next.js).
- Эзләү нәтиҗәләре һәм нейрон челтәр тәкъдимнәре өчен тулысынча автоматик SEO оптимизациясе.
Охшаш стильләр
- Steep — Җылы кәгазьдәге Serif шрифтларын анализлау
- Newformcap — Киенү бүлмәсендәге редакция газетасы
- Claude — Җылы пергаментка басылган артефакт - сөяк кәгазенә кара, төснең бердәнбер сулышы - балчык.
- 11x– Digital workers — Кинематографик чүллек — пейзажның панорама фотосурәтләре, монументаль сериф башлыклары фонында, люкс журналлардагы кебек укыла.
- Revolut — Болытлар фотосурәтенә нигезләнгән монохром редакция эше - ак кара, дару тартмасы төймәләре, соры төстәге дөньяда бер зәңгәр төстәге полоса.
- Scheduling — Каймак кәгазьдәге редакция буявы
- Titan — җылы төстәге монохром архив
- Programa — Швейцария дизайн студиясе төш вакыты. Ак галерея стенасы бер сары өстәл лампасы белән яктыртылган - барысы да соры төстә, төймә, иконка яки акцент күзгә ташланганчы, аннары шул бер сары акцент бөтен бүлмәне билгели.
- Sana Agents — Редакциядә ак фонда лайм ялтыравыгы
- Visual — Җылы редакция самиздатасы. Ак кәгазь, сериф плакатлар, монохром маргиналлар, бер сары маркер.
- Midday — Пергаментка басылган редакция брошюрасы - җылы таш фонда 72 пиксельле serif башлык, аралыклар белән sans-serif төп күчермәсе, таблетка формасындагы идарә элементлары, күләгәләрсез
- Chat for impact — Пастель төсендәге бүлмәләре булган урман-яшел клиника