Cinematic коммерческая платформа с двумя параллельными design-треками. Маркетинг — мягкий cream-white + Shopify Green; продуктовые admin-pages — серьёзные white surfaces.
// design: shopify
import { tokens } from '@webrelay/redesign'
const palette = {
primary: "#000000",
ink: "#000000",
on-primary: "#ffffff",
on-dark: "#ffffff",
canvas-night: "#000000",
}01 — COLOR PALETTE
02 — TYPOGRAPHY
display-xxl
Меняется визуал — формы и тексты остаются нетронутыми.
NeueHaasGrotesk Display · 96px · 330 · lh 1
display-xl
Меняется визуал — формы и тексты остаются нетронутыми.
NeueHaasGrotesk Display · 70px · 330 · lh 1
display-lg
Меняется визуал — формы и тексты остаются нетронутыми.
NeueHaasGrotesk Display · 55px · 330 · lh 1.16
display-md
Меняется визуал — формы и тексты остаются нетронутыми.
NeueHaasGrotesk Display · 48px · 330 · lh 1.14
heading-xl
Меняется визуал — формы и тексты остаются нетронутыми.
NeueHaasGrotesk Display · 28px · 500 · lh 1.28
heading-lg
Меняется визуал — формы и тексты остаются нетронутыми.
NeueHaasGrotesk Display · 24px · 400 · lh 1.14
03 — COMPONENTS
BUTTONS
INPUT
CARD
Цена, фичи, кнопка call-to-action. Лейаут — наш, стиль — из Shopifi Inspired.