Kit globale Elementor V4
Colori, tipografia e componenti del nuovo sito, generati dalle variabili e dalle classi globali del kit.
Pagina interna di riferimento: non va pubblicata né inserita nel menu.
#1E7880 · link, pulsanti, badge, eyebrow
#03414E · tutti i titoli H1–H6, titoli delle card
#E8A138 · azione principale, con testo bianco
#212121 · testo corrente e menu
#EEEEEE · fondo neutro delle sezioni
#FFFFFF · sfondo, testo su foto e su primary
Vetro: color-glass (bianco 50%), color-glass-strong (76%), color-glass-border (37,6%), color-glass-border-strong (80%). Sono visibili nella sezione Vetro più in basso.
Font unico Raleway (variabile font-main). I titoli H1–H6, il paragrafo e i link prendono lo stile in automatico dagli stili predefiniti del kit; tutti i titoli sono in color-secondary. Lead, piccolo, titolo card e prezzo sono classi.
H1 · predefinito · 55 / 45 / 32px · 700 · color-secondary
H2 · predefinito · 40 / 35 / 26px · 700 · color-secondary
H3 · predefinito · 32 / 26 / 22px · 700 · color-secondary
H4 · predefinito · 26 / 22 / 18px · 700 · color-secondary
H5 · predefinito · 20px · 700 · color-secondary
H6 · predefinito · 18px · 600 · color-secondary
Lead · classe ec-lead · 20 / 18px · 600
Gestiamo noi la complessità dei bandi, tu pensi solo a partire.
Testo · predefinito p · 16px · 400 · interlinea 1.4
Organizziamo gite scolastiche, ritiri sportivi, team building e soggiorni con il Bando INPSieme. Un link nel testo usa color-primary e diventa color-secondary al passaggio del mouse.
Piccolo · classe ec-small · 14px · 400
©2026 Experience Co SAS · Via della Moscova 38, 20121 Milano
Titolo card · classe ec-card-title · 20px · 700 (applicabile a un H3 nelle card)
Valencia CF Camp – Villafranca
Prezzo · classe ec-price · 16px · 600
A partire da € 870
Pulsanti a pillola, più un pulsante solo testuale. Il pulsante accent ha testo bianco: è una scelta grafica, con contrasto 2.2:1 (sotto la soglia AA di 4.5:1). Il ghost è nella sezione Vetro, perché funziona solo sopra foto o fondi scuri.
Da sinistra: ec-btn-primary · ec-btn-accent · ec-btn-outline · ec-btn-primary + ec-btn-small (card pacchetto) · ec-btn-link (solo testo)
Classe ec-badge · 12px · 600 · maiuscolo · testo bianco su color-primary (5.2:1)
Pannello grande · ec-glass-panel
Vetro bianco 50% con sfocatura dello sfondo, bordo color-glass-border, raggio 32px e ombra profonda. Va sempre sopra una foto o un fondo colorato.
Tile · ec-glass-tile · raggio 24px, ombra tile
Tile · ec-glass-tile · padding 20px
Tile · ec-glass-tile · gap 8px
Fondo della sezione: ec-bg-brand-gradient. Pulsante a destra: ec-btn-ghost (bordo color-glass-border, in hover il fondo diventa color-glass-border).
Struttura di riferimento per il Loop Item: ec-package-card › ec-card-media (con ec-card-media-badge) › ec-card-body. Al posto del fondo grigio andrà l'immagine in evidenza del prodotto.
Govone (CN) · 1 giorno
Su richiesta
Trentino · 7 notti
A partire da € 870
Malpensa / Linate · auto o minivan
A partire da € 60
3px piccoli elementi · 12px elementi interni · 24px card, tile e badge · 32px pannelli grandi · 100px pulsanti (pillola)
4 · 8 · 16 · 20 (padding laterale sezioni e card) · 32 (gap standard) · 64px (stacco tra sezioni). Container 1240px.
Card: 0 8px 32px rgba(31,38,135,.07) · Tile: doppia ombra morbida · Hero: 0 25px 50px -12px rgba(0,0,0,.5). Sfocatura vetro: blur(25px) saturate(1.5).
ec-section (sezione, padding 64/20px) · ec-container (1240px, colonna, gap 32px) · ec-stack-8 / 16 / 32 (colonna con gap) · ec-row (riga che va a capo, gap 16px) · ec-grid-3 (3 / 2 / 1 colonne) · ec-bg-white / surface / primary / secondary / accent / text / brand-gradient · ec-text-white.
