🔔 Inspiration #188

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – pangeai.com – air.inc – telhaclarke.com.au – board.fun – orage.studio ——— – empower.me – frequencybreathwork.com – heyquin.io – drinkfiglia.com – genesis.energy.gov ——— – fourmula.ai – oci.madebybuzzworthy.com – irregular.com – florafauna.ai – block.xyz ——— – operate.so – lusano.com – ducky.ai – hoodzpahdesign.com – convo.app ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Кто делает контент о шрифтах, знает — самый частый запрос на тему букв звучит так: «шрифты для капкат». И теперь 33 начертания из нашей библиотеки доступны в CapCut, чтобы вы могли использовать любимую Circe Contrast в своих проектах! Какие шрифты можно найти в приложении: Bloc Bodoni PT CirceContrast DIN Condensed Engravers Gothic FrizQuadrata Futura PT ITC Bauhaus ITC Garamond ITC Kabel Krok Laguna Liana Magistral Mojito Motter Tektura Rodchenko Six Hands Stapel PT Sans PT Mono Берите себе и расскажите всем знакомым рилсмейкерам 🐶 P.S. Приложение забавно локализует названия. Поэтому ищите Цирцею Контрастную и Шесть рук!

Кто делает контент о шрифтах, знает — самый частый запрос на тему букв звучит так: «шрифты для капкат». И теперь 33 начертания из нашей библиотеки доступны в CapCut, чтобы вы могли использовать любимую Circe Contrast в своих проектах! Какие шрифты можно найти в приложении: Bloc Bodoni PT CirceContrast DIN Condensed Engravers Gothic FrizQuadrata Futura PT ITC Bauhaus ITC Garamond ITC Kabel Krok Laguna Liana Magistral Mojito Motter Tektura Rodchenko Six Hands Stapel PT Sans PT Mono Берите себе и расскажите всем знакомым рилсмейкерам 🐶 P.S. Приложение забавно локализует названия. Поэтому ищите Цирцею Контрастную и Шесть рук!

Сегодня несем новую порцию полезного. В меню — гайд по пользовательским интерфейсам: разобрали, из чего они состоят, какими бывают и как UX/UI-дизайнеры работают над ними. Заглядывайте в медиа, чтобы погрузиться в тему. #польза #интерфейсы @contented

Если интересно — вот какие награды раздают и как они делятся: Главный символ — Pencil (карандаш). Это не просто трофей, а знак уровня работы Black Pencil — редчайшая награда за по-настоящему революционные идеи Yellow Pencil — выдающийся креатив Graphite Pencil — очень сильная работа Wood Pencil — хороший профессиональный уровень далее сверху вниз [ компания / имя ] — [ сколько выйгранных наград ] — [ очки ] топ-10 компаний / бренд прикрепляю ссылки (не все) на работы, которые заявляли на d&ad 1. Apple — 52 — 149 2. Spotify — 22 — 117 3. Coca-Cola — 21 — 68 4. Xbox — 20 — 62 5. Nike — 16 — 59 6. Cemento Sol — 11 — 53 7. Change The Ref — 20 — 51 8. Michelob ULTRA — 17 — 49 9. Renault — 15 — 47 10. Callen-Lorde — 10 — 44 Посмотреть весь рейтинг и работы здесь —— топ-10 дизайн-студий прикрепляю ссылки (не все) на сайты студий 1. Serviceplan Design — 11 — 42 2. W Conran Design — 3 — 26 3. Bulletproof London — 5 — 24 4. Jones Knowles Ritchie — 12 — 22 5. DutchScot — 4 — 21 6. King Henry — 12 — 20 7. Pentagram New York — 6 — 18 8. Studio Sutherl — 5 — 17 9. PORTO ROCHA — 3 — 16 10. Beetroot Design Group — 5 — 16 Посмотреть весь рейтинг и работы здесь —— топ-10 дизайнеров (индивидуальные работы) прикрепляю ссылки (не все) на сайты дизайнеров 1. Simon Fernandes — 37 — 160 2. Ella Ahn — 20 — 111 2. Eric Benitez — 20 — 111 4. Guillaume Sabbagh — 11 — 53 5. Vitor Hugo Favero — 17 — 49 6. Vira Ronkina — 11 — 42 7. Victor Ferreira — 14 — 41 7. Vinicius Aleixo— 14 — 41 9. Lexie Hoskins— 13 — 40 10. Oliver Watts — 13 — 34 Посмотреть их работы и весь рейтинг здесь

🖱️🖱️🖱️🖱️🖱️ 🖱️🖱️🖱️🖱️ 🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️ В 1940–50-х композиторы буквально резали магнитную пленку ножницами, склеивали её вручную и пускали задом наперёд, чтобы получить новые звуки. Так рождалась musique concrète — музыка из шумов поездов, голосов, шагов и городского гула. По сути, это был Ableton из скотча и лезвия. 🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️ 🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️ 🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️🖱️ CЭМ — Отличная возможность попробовать себя в создании электронной музыки. Вся информация о курсе на сайте хотите научиться делать экспериментальную музыку и попасть на лейбл САУНД?

Мы создали простой конструктор баннеров: попробуйте сделать свой вариант визуала буквально за несколько кликов. На картинке к посту — баннер от нашей SMM-дивы. А вы делитесь своими в комментариях. @contented

Так подумали мы, когда узнали, что наш клиент ОМК забрал сразу две награды на The Human Content SMM Awards — золото и бронзу Награды получил проект «Заводские настройки» — программа, для которой команда Суеты разрабатывала ребрендинг и визуальную систему. Теперь этот проект собирает не только лайки и охваты, но и награды. Поздравляем команду ОМК с заслуженной победой и гордимся, что стали частью этой истории🌟

Совет: удерживайте control, чтобы временно отключить его при изменении размера.

Новые проекты #madeontilda: сайт пивоварни, лендинг креативного бюро, интернет-магазин авторской одежды, интерактивная браузерная игра на Тильде и другие. ВЭЙАУТ 👉 https://wayout.team Сайт компании по разработке интерактивных решений Югра 👉 https://ugra-bs.ru Лендинг школы бизнеса Padel addiction club 👉 https://padeladdiction.ru Интернет-магазин авторской одежды Лунный Кролик 👉 https://moonrabbitclub.ru Сайт почтового клуба TX Content—buro 👉 https://txcontenburo.ru Лендинг креативного бюро Jaws 👉 https://jawshw.tilda.ws Сайт пивоварни LAVCHI 👉 https://lavchi.com Лендинг свадебного агентства Дон Крутон 👉 https://don-kruton.ru Лендинг производителя гренок Авант Академия 👉 https://avantacademy.ru Сайт модельной академии «Бабули против мошенников» 👉 https://babuli.pro Интерактивная игра на Тильде

Install ️

Рассказали в медиа о волшебстве этого стиля и объяснили, почему он отлично подходит для небольших квартир, — заходите читать (и смотреть красивые визуалы). А вы нам расскажите вот что: нравится вам минимализм? 🦄 – нет, я люблю, когда много вещей 👍 — конечно, минимализм — топ #польза #интерьер @contented

Есть два вида печати: 1. Цифровая — быстрая и выгодная. Макет отправляется на печатную машину и наносится на бумагу напрямую тонером или краской, как в домашнем принтере. Можно сделать один экземпляр, внести правки в файл и тут же напечатать исправленную версию. 2. Офсетная устроена сложнее: краска сначала попадает на печатную форму, потом на резиновое полотно, а с него — на бумагу. Это более долгий и дорогой способ, так как на старте нужно оплатить изготовление форм и настройку оборудования. Выбирайте вид печати, учитывая его плюсы и минусы. Подробнее об этом — в статье в нашем блоге. #польза #печать @contented

Install plugin

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – madbox.io – scrapingbee.com – claude.com/product/overview – outchat.ai – meetradial.com ——— – marijanapav.com – conceptbarre.com – fusewallet.com – suzywelch.com – sixtep.com ——— – vibrant.noomoagency.com – fellow.app – slush.app – trustditto.com/en – cwc.law ——— – instinct.so – drinkdouze.com – solidroad.com – zip.co – testdrive.metropolis.io ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

На гитхабе дизайнер создал файл A11y.md — готовый контекст, который загружаешь в Claude (или любую другую нейронку) — и она начинает проверять твои макеты по стандартам WCAG 2.2. Дима и Миша рассказывали уже о том, что если не спросить нейронку, то она и не расскажет о доступности, так вот md решает данную проблему. Мне нравится, как этот диз написал: Accessibility is not a feature or an incremental improvement; it is a pre-condition for use. Доступность — это необходимое условие. Как пользоваться, если ты диз? 1. Открыть файл на GitHub A11Y.md из папки docs/en/ 2. Вставить в начало чата с AI «Строго следуй правилам разработки, описанным в файле A11Y.md» 3. Скинуть файл или ссылку на свой проект 4. Готово! Что внутри репозитория: ⚡ Command Center — главный файл с матрицей приоритетов, правилами поведения для AI и протоколом для сложных компонентов. 📚 Support Library — справочная библиотека с готовыми решениями по контрасту, формам, кнопкам, навигации и модалкам. 🛠️ Templates — шаблоны для финальной проверки перед релизом и структурированный лог для фиксации технического долга. 📝 Examples — реальные ошибки доступности из проекта на Figma Make, с конкретными исправлениями, которые предложил A11Y.md в роли автоматического ревьюера. Немного того, что важно для дизайнера: → Контраст текста должен быть 4.5:1, элементов UI — 3:1 → Нельзя передавать состояние только цветом — нужны иконка + текст + цвет → Минимальный размер кнопки — 44×44px → Плейсхолдер не заменяет подпись к полю → Графики обязаны различаться без цвета — текстурами или штриховкой и многое другое Этот файл не научит доступности с нуля, он действует скорее как быстрый фильтр и сверка с WCAG. Конечно, я за то, чтобы изучать A11y глубже )

Подборка лендингов и сайтов для вдохновения на предстоящую неделю 🔥 – myzenbase.com – parallel.la – makipeople.com – wealthsimple.com/en-ca/product/cash – reflexai.com ——— – isomeet.com – sileent.com – conversationdesigninstitute.com – pendragoncycle.com – 247plus.tv ——— – bend.eco – nicolaromei.com – grids.bio – glyphic.bio – span.app ——— – corca.app – hottocha.com – untillabs.com – abewynen.com ——— 💻 Курс по поиску работы 😍 Про дизайн 🔥 Вакансии дизайнерам 🎨 Референсы

Небольшой пак из 25 стильных векторных иконок с настраиваемой палитрой Install ️

Content Core — тот самый сайт из видео, на котором вы можете создать стильный динамичный мокап со своим дизайном. #лайфхаки #сервисы

Но перед этим хотим сказать, что для нас самое важное — это вы! Все, кто читает наши каналы и рассылки, кто пришёл на митап, слушал, шутил и задавал вопросы. Для нас это очень много значит. И, конечно, отдельное спасибо ВКПБ — студиям Deza и Lovemedo, которые всё это организовали. Кстати, на митапе волшебным образом у нас случилась 105% явка. Вот такая шрифтовая магия получается •ᴗ• А теперь сами материалы! Пойдём в порядке лекций: 🐶 Лично от Дениса Васильева: 🌞Большая коллекция бесплатных шрифтов 🌞«Что делать, если нет бюджета на шрифты»  🌞Статья о том, как бесплатно попробовать шрифты 🌞Большая статья о шрифтовых лицензиях 🐶 Красота от Томы Стрельцовой: 🌞О двух техниках древнерусской каллиграфии 🌞Декоративный шрифт Red Klin 🌞Шрифт на основе кириллических букв Сергея Чехонина Список книг, который Тома обещала: 🌞Книга про буквы от Аа до Яя, Юрий Гордон 🌞Designing type, Karen Chang 🌞Основа стиля в типографике, Роберт Брингхерст 🌞Живая типографика, Александра Королькова 🌞The stroke theory of writing, Gerrit Noordzij 🌞Про леттеринг, Джессика Хиш 🌞Искусство каллиграфии, Дэвид Харрис 🌞The origin of the serif, Edward Katich 🐶 Шрифтовая магия от Саши Корольковой: Для начала красивая мысль, с которой Саша начала свою лекцию. Любая достаточно развитая технология неотличима от магии — Артур Кларк 🐶 Глава 1: Нестандартная вариативность 🌞«Тёмная сторона шрифта» — суперлонгрид о технической стороне шрифта (иногда нужен VPN) 🌞Вариативные гротески: Pragmatica Next Circe Contrast 🐶 Глава 2: Оптические размеры Шрифт наполовину состоит из оптических иллюзий 🌞Шрифты с оптическими размерами: Bodoni PT Simon Kudry (с бесплатным начертанием Kudry Weird Headline Stapel Stem PT Sans (бесплатный) PT Serif (бесплатный) 🌞Волшебные слова: Caption — до 12 пт Text — 12-18 Subhead — 18-48 Headline — 48-72 Display — 60+ Poster — 96+ 🐶 Глава 3: Шрифт переодевается 🌞Деликатный геометрический гротеск с большим набором стилистических сетов: Hint Включить сет Grotesque Round в CSS: font-feature-settings: "ss03"; 🌞Статья о Хинте и его стилистических сетах 🐶 Глава 4: внимание к деталям 🌞Шрифт с пропорциональными и моноширинными маюскульными и минускульными цифрами: Bodoni PT Как включить поднятие регистрозависимой пунктуации на all caps в CSS: font-feature-settings: "case"; 🌞Статья о том, как включать стилистические сеты в Фигме и CSS 🐶 Глава 5: странные вещи, которые может шрифт 🌞Шрифт Mojito, который может имитировать почерк и содержит ~1400 знаков 🌞#player">Первая в мире видеоигра в шрифте 🐶 Глава 6: Микротипограф — «что-нибудь полезное» 🌞Микротипограф в шрифте — что это такое и как он работает 🌞Плагин-типограф для Фигмы 🌞Типограф студии Лебедева 🐶 Глава 7: шрифт и нейросети 🌞В шрифт встроили нейросеть 🐶 И на всякий эсэмэмщица напоминает: 🌞«Как разобраться в кириллице» — статья 🌞«Как разобраться в кириллице» — бесплатный курс 🌞Используйте ТЕСТОВЫЕ ВЕРСИИ Главный хайлайт встречи — Саша разрешила произносить Circe как Цирце 👀 Пересматривайте, перечитывайте, пробуйте. А мы всегда на связи: тут в канале или по почте fonts@paratype.com P.S. В комментариях ещё опубликуем несколько фотографий с митапа