Раскладки и бенто

23 компонента

Каркасы секций, в которые кладут свой контент: бенто-витрина и бенто-hero, редакционная сетка, мозаика, стопка карточек, горизонтальная лента, закреплённый кадр рядом с текстом, раскрывающиеся панели и таймлайн с годом. Для сервисов есть оболочка приложения и каталог с боковой навигацией.

Раскладки и бенто

Bento-витрина (Bento Showcase)

Bento-hero (Bento Hero)

Редакционная сетка (Editorial Grid)

Стопка карточек (Card Stack)

Горизонтальная лента (Horizontal Scroll)

Закреплённый кадр (Sticky Media)

Кинетический заголовок (Kinetic Heading)

Оболочка приложения (App Shell)

Раскрывающиеся панели (Expanding Panels)

Мозаика (Masonry)

Орбита интеграций (Integration Orbit)

Таймлайн с годом (Sticky Timeline)

Колонки-ленты (Column Deck)

Каталог с боковой навигацией (Catalog Shell)

Возможности bento-плитками с CSS-микродемо (Features as bento tiles with CSS micro-demos)

Интеграции маршрутизатором: входы → ядро продукта → выходы, по линиям бегут пакеты (Integrations as a router: inputs → product core → outputs, packets run along the wires)

Бенто «как проходят занятия»: таймлайн урока, фото и живые плитки (“How lessons work” bento: a lesson timeline, a photo and live tiles)

Возможности банка bento-сеткой с микроанимацией в каждой плитке (Bank features in a bento grid with a micro-animation in every tile)

Bento для авторов: цифры докручиваются, календарь выплат, лента покупок (Authors bento: counting numbers, a payout calendar, a purchases ticker)

Эндпоинты API bento-плитками с CSS-микродемо (API endpoints as bento tiles with CSS micro-demos)

Возможности гаджета bento: эквалайзер, кольца датчиков, CSS-телефон (Gadget features bento: an equalizer, sensor rings, a CSS phone)

О себе как bento: портрет, докручивающиеся цифры, города и черновик (About as a bento: portrait, counting numbers, cities and a draft)

Типографская пауза-разворот (Typographic interlude spread)

Раскладки и бенто

LY001Bento-витрина (Bento Showcase)

LY002Bento-hero (Bento Hero)

LY003Редакционная сетка (Editorial Grid)

LY004Стопка карточек (Card Stack)

LY005Горизонтальная лента (Horizontal Scroll)

LY006Закреплённый кадр (Sticky Media)

LY007Кинетический заголовок (Kinetic Heading)

LY008Оболочка приложения (App Shell)

LY009Раскрывающиеся панели (Expanding Panels)

LY010Мозаика (Masonry)

LY012Орбита интеграций (Integration Orbit)

LY014Таймлайн с годом (Sticky Timeline)

LY015Колонки-ленты (Column Deck)

LY016Каталог с боковой навигацией (Catalog Shell)

BE001Возможности bento-плитками с CSS-микродемо (Features as bento tiles with CSS micro-demos)

BE002Интеграции маршрутизатором: входы → ядро продукта → выходы, по линиям бегут пакеты (Integrations as a router: inputs → product core → outputs, packets run along the wires)

BE008Бенто «как проходят занятия»: таймлайн урока, фото и живые плитки (“How lessons work” bento: a lesson timeline, a photo and live tiles)

BE009Возможности банка bento-сеткой с микроанимацией в каждой плитке (Bank features in a bento grid with a micro-animation in every tile)

BE010Bento для авторов: цифры докручиваются, календарь выплат, лента покупок (Authors bento: counting numbers, a payout calendar, a purchases ticker)

BE011Эндпоинты API bento-плитками с CSS-микродемо (API endpoints as bento tiles with CSS micro-demos)

BE012Возможности гаджета bento: эквалайзер, кольца датчиков, CSS-телефон (Gadget features bento: an equalizer, sensor rings, a CSS phone)

BE014О себе как bento: портрет, докручивающиеся цифры, города и черновик (About as a bento: portrait, counting numbers, cities and a draft)

LY017Типографская пауза-разворот (Typographic interlude spread)

Bento-витрина (Bento Showcase)

Bento-hero (Bento Hero)

Редакционная сетка (Editorial Grid)

Стопка карточек (Card Stack)

Горизонтальная лента (Horizontal Scroll)

Закреплённый кадр (Sticky Media)

Кинетический заголовок (Kinetic Heading)

Оболочка приложения (App Shell)

Раскрывающиеся панели (Expanding Panels)

Мозаика (Masonry)

Орбита интеграций (Integration Orbit)

Таймлайн с годом (Sticky Timeline)

Колонки-ленты (Column Deck)

Каталог с боковой навигацией (Catalog Shell)

Возможности bento-плитками с CSS-микродемо (Features as bento tiles with CSS micro-demos)

Интеграции маршрутизатором: входы → ядро продукта → выходы, по линиям бегут пакеты (Integrations as a router: inputs → product core → outputs, packets run along the wires)

Бенто «как проходят занятия»: таймлайн урока, фото и живые плитки (“How lessons work” bento: a lesson timeline, a photo and live tiles)

Возможности банка bento-сеткой с микроанимацией в каждой плитке (Bank features in a bento grid with a micro-animation in every tile)

Bento для авторов: цифры докручиваются, календарь выплат, лента покупок (Authors bento: counting numbers, a payout calendar, a purchases ticker)

Эндпоинты API bento-плитками с CSS-микродемо (API endpoints as bento tiles with CSS micro-demos)

Возможности гаджета bento: эквалайзер, кольца датчиков, CSS-телефон (Gadget features bento: an equalizer, sensor rings, a CSS phone)

О себе как bento: портрет, докручивающиеся цифры, города и черновик (About as a bento: portrait, counting numbers, cities and a draft)

Типографская пауза-разворот (Typographic interlude spread)