модификация
Смена фона сайта и показ изображения при наведении на заголовок!
Photographer
Maren Caruso
Agency
Turner Duckworth: London, San Francisco, New York
Designer
Nicole Jordan
Category
Food & Beverage
Assignment
To capture the essence of Tillamook’s trailblazing past and ongoing commitment to quality and joyful personality in a modern way, create consistency, build awareness and motivate trial. The target is real foodies - with a bullseye of discerning millennial moms who crave authentic stories and a fresh take on heritage. We worked with Tillamook from design strategy, through design execution, to mechanicals and a brand guide. Creating a system for over 350 SKUs across 6 dairy categories.
Select a performer
TILLAMOOK SWISS
We babied it to buttery perfection
TILLAMOOK medium
So good, any way you slice it
TILLAMOOK EXTRA SHARP
Bolder with every bite
TILLAMOOK VERY BERRY
JUST YAMMY
TILLAMOOK salted caramel
The classic sweet & savory combo
SPREADS
REAL TASTE WORTH SPREADING
VANILLA GREEK YOGURT
Old-fashioned but never bland
BADDIE WINKLE
PRESIDENT, PARTNERSHIP FOR CREAMIER ICE CREAM
НОМЕР ШАБЛОНА 21464535
КАК ЭТО СДЕЛАНО:
1 - Размещаем в зеро блоке шейпы разных цветов;
2 - Задаем им 100% ширины по window , а высоту 3000-3500 пикселей, выравниваем на свой вкус (в моем случае - window left top);
3 - Выставляем значение у каждого шейпа Pointer events - none;
4 - В панели настроек справа выставляем overflow visible;
5 - У верхних и нижних блоков добавляем еще примерно 10 прозрачных шейпов. Двигаем их в слоях в самый низ (ctrl +L вызывает панель слоев) Это действие не даст закрывать нужный контент нашими шейпами;
6 - Чтобы задать шейпам анимацию появления из невидимого состояния - задаем в анимации первому шагу параметры: duration=0, oipacity-0;
7 - Сохраняем, публикуем, радуемся));
2 - Задаем им 100% ширины по window , а высоту 3000-3500 пикселей, выравниваем на свой вкус (в моем случае - window left top);
3 - Выставляем значение у каждого шейпа Pointer events - none;
4 - В панели настроек справа выставляем overflow visible;
5 - У верхних и нижних блоков добавляем еще примерно 10 прозрачных шейпов. Двигаем их в слоях в самый низ (ctrl +L вызывает панель слоев) Это действие не даст закрывать нужный контент нашими шейпами;
6 - Чтобы задать шейпам анимацию появления из невидимого состояния - задаем в анимации первому шагу параметры: duration=0, oipacity-0;
7 - Сохраняем, публикуем, радуемся));
ЕЩЕ КЛАССНЫЕ МОДИФИКАЦИИ