← DICE-brändikirja
DICE — Käyttöliittymä

Käyttöliittymä

gray-mid
#4E4E4E
gray-dark
#303030
gray
#848586
gray-muted
#A9A9A9
dot-red · dot-green
#FF5F57 · #28C840

Mikä paneeli missä

Hyväksytty

Ei koskaan

hero-heavy900 · 76 px · clamp(32px, 5.6vw, 76px)

Tapaa DICE

section-heading900 · 40 px · +0.01em · clamp(28px, 3.4vw, 40px)

Käytä DICEä neljällä tavalla

heading900 · 40 px · clamp(24px, 3vw, 40px)

Datasi, aina.

step-title900 · 34 px · clamp(24px, 2.8vw, 34px)

Kysy DICEltä

lead400 · 22 px / 1.5 · clamp(18px, 2vw, 22px)

body400 · 17 px / 1.55 · clamp(15px, 1.3vw, 17px)

button · nav700 · 14 px · +0.03em

Katso miten se toimii

label700 · 13 px · +0.02em

Millainen markkinoija olet?

micro700 · 12 px · +0.04em

Tila

Hyväksytty

Ei koskaan

panel-radius36 px ·
card-radius24 px ·
pill-radius100 px ·
panel-gap · insetclamp(8px, 1vw, 14px) ·
page-max1366 px ·
panel padding156 / 128 px · clamp(28px, 5vw, 72px) ·
shadow-pill0 2px 10px rgba(0,0,0,.18) ·

UKK-rivi
Lomakekenttä
Käytä DICEä neljällä tavalla
Paneeli

Integraatiologot

TilaPäivitetty
Google AdsYhdistetty2 h
Meta AdsYhdistetty2 h
GA4Yhdistetty1 h
LinkedIn AdsYhdistetty5 h
TikTok AdsYhdistä—
Search ConsoleYhdistä—
AdformYhdistä—

dice-springlinear(…) · 0.85s
dice-uicubic-bezier(.65,.05,0,1) · 0.5s

Kestot

0.15sHäivytys
0.2sVäri
0.5sKäyttöliittymä
0.75sKierto
0.85sSiirto

Hyväksytty

Ei koskaan

Ollaanko yhteyksissä?