← Все дизайныПревью: Vodafone Inspired · только визуальный шаблон, реальный CSS генерируется при «Применить»
webrelay/redesignsvodafone
Применить дизайн

Telecom super-brand с чередованием editorial photography hero-баров и stark white CTA-surfaces.

Telecom super-brand с чередованием editorial photography hero-баров и stark white CTA-surfaces. Vodafone Red (#E60000) как central voltage.

ПрименитьКаталог
// design: vodafone
import { tokens } from '@webrelay/redesign'

const palette = {
  primary: "#e60000",
  on-primary: "#ffffff",
  ink: "#25282b",
  body: "#7e7e7e",
  mute: "#bebebe",
}

01 — COLOR PALETTE

Color palette

primary
#e60000
on-primary
#ffffff
ink
#25282b
body
#7e7e7e
mute
#bebebe
canvas
#ffffff
canvas-soft
#f2f2f2
on-dark
#ffffff

02 — TYPOGRAPHY

Typography

display-hero

Меняется визуал — формы и тексты остаются нетронутыми.

Vodafone · 144px · 800 · lh 114px

display-xxl

Меняется визуал — формы и тексты остаются нетронутыми.

Vodafone · 126px · 800 · lh 113px

display-xl

Меняется визуал — формы и тексты остаются нетронутыми.

Vodafone · 90px · 800 · lh 84px

display-lg

Меняется визуал — формы и тексты остаются нетронутыми.

Vodafone · 48px · 300 · lh 52px

display-md

Меняется визуал — формы и тексты остаются нетронутыми.

Vodafone · 40px · 300 · lh 44px

display-sm

Меняется визуал — формы и тексты остаются нетронутыми.

Vodafone · 32px · 700 · lh 40px

03 — COMPONENTS

Components

BUTTONS

INPUT

CARD

Карточка тарифа

Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Vodafone Inspired.

990 ₽в месяц

04 — DESIGNED FOR

Designed for

landingstore