Swiss Style
Этим проектом мы хотели бы обратить внимание коммьюнити тильдошной на европейские стили верстки.

Представляем вам шаблоны и туториал верстки в стилистике Swiss Style. Проект был реализован дизайн-студией _censored исключительно от нех*р делать (ну а также для развития тильдошной).
There is no design without discipline. There is no discipline without intelligence.
Tutorial.
Hello!
/04
///
There is no design without discipline. There is no discipline without intelligence.
There is no design without discipline. There is no discipline without intelligence.

There is no design without discipline. There is no discipline without intelligence. There is no design without discipline. There is no discipline without intelligence. There is no discipline without intelligence.

There is no discipline without intelligence.
There is no design without discipline. There is no discipline

There is no design without discipline. There is no discipline without intelligence. There is no design without discipline. There is no.
Swiss Style
Tutorial
Этим проектом мы хотели бы обратить внимание коммьюнити тильдошной на европейские стили верстки.

Представляем вам шаблоны и туториал верстки в стилистике Swiss Style. Проект был реализован дизайн-студией _censored исключительно от нех*р делать (ну а также для развития тильдошной).
Tutorial.
Hello!
/04
///
Style
There is no design without discipline. There is no discipline without intelligence.

There is no discipline without intelligence. There is no design without discipline. There is no discipline without intelligence. There is no discipline without intelligence.
There is no design without discipline.
There is no design without
Click here
There is no design
without
discipline.
oh no/
There is no design without discipline. There is no discipline without intelligence.

There is no discipline without intelligence. There is no design without discipline.
There is no design without discipline. There is no discipline without intelligence.

There is no discipline without intelligence. There is no design without discipline.
The title.
There is no design without discipline. There is no discipline
Click here
There is no design without discipline. There is no discipline without intelligence.

here is no design without discipline. There is no discipline without intelligence.
There is no design without discipline. There is no discipline without intelligence.
There is no design without discipline. There is no discipline without intelligence.

There is no discipline without intelligence. There is no design without discipline. There is no discipline without intelligence.
There is no design without discipline.
There is no design without discipline.
Click here
There is no design without discipline. There is no discipline without intelligence.

There is no design without discipline. There is no discipline without intelligence. There is no design without discipline. There is no discipline without intelligence.
Curiosity.
Without intelligence.
There is no design
Without discipline.
Curiosity. There is discipline. There is discipline
Click here
Experience.
There is no design without discipline. There is no discipline without intelligence.

There is no design without discipline. There is no discipline without intelligence. There is no design without discipline. There is no discipline without intelligence.
Curiosity.
There is no design without discipline.
There is no design
Without discipline.
Curiosity. There is discipline. There is discipline. Curiosity. There is discipline. There is discipline.
Click here
Experience.
Curiosity. There is discipline. There is discipline. Curiosity. There is discipline. There is discipline.
Curiosity. There is discipline. There is discipline. Curiosity. There is discipline. There is discipline.
20px
Tutorial.
The
Grid
20px
20px
20px
20px
20px
20px
20px
20px
20px
20px
20px
20px
20px
Выравнивайте весь текст по силовой линии, смещая первую строку заголовка влево по сетке.
The
Fonts
Helvetica
96px
#fff
Monsterrat: 12px
Spacing: 1.65
Opacity: 65%
Color: #fff
The rules
which you
must use.
Monsterrat: 12px
Spacing: 1.65
Opacity: 65%
Color: #fff
275px
The
1160px
20px
20px
275
px
275
px
В целом старайтесь сделать контейнер текста более квадратным.

Основная идея швейцарского стиля - минимализм, типографика и верстка пиксель в пиксель.
Click here
Не стесняйтесь выравнивать текст по правому краю. Но только небольшие кусочки, не больше 2-3 строчек.

А еще круто смотрится сочетание большего текста, как этот, и, прижатого к правому краю в соседнем шейпе текста.
Мало текста
The
Background
color: #141414.
Никогда не используйте hex: #000000
Используйте метод верстки - Autoscale
Обязательно делаем отступы между блоками для создания смыслового разделения и воздуха.

Кнопку прижимаем к низу шейпа. Не скругляем кнопку. Не забываем ставить точку в конце заголовка.
Выравнивайте текст по силовой линии, смещая первую строку заголовка влево по сетке.
Сетка состоит из 4 одинаковых шейпов с отступами 20px.
Задавайте ширину контейнера текста около 240-265px. А если текст маленький, то 180-210px.

Ширина контейнера текста в этом шейпе - 263px. Исключение: одна из строчек сильно длиннее остальных.
Исключение 2 - висящие предлоги в конце строчки.
Больше креатива. Экспериментируй. Незначительный текст даже можно перевернуть
Межстрочный отступ в заголовке должен быть минимален.

Также не забываем о межстрочном отступе в описании - делаем больше воздуха.
Еще одно, но не менее важное правило:

Старайтесь разделять текст на абзацы, особенно если текст большой - смотрится сексуально.
Варианты шрифтов для заголовков:

Inter
Neutral Face
Neue Machina
Helvetica.
Experience.
Проект разработан дизайн-студией _censored в бескорыстных образовательных целях
Tutorial.
The//
Template id: 31053590
Распространите проект, мы старались <3
The
Made on
Tilda