Brand Identity Guidelines — v1.0 · 2026
FORMERA.

La formazione ECM che avanza con te.

Settore Sanità · ECM FAD
Audience Professionisti sanitari
Palette Dinus Design System
Archetipo Il Saggio

Perché esiste FORMERA

Per i professionisti sanitari italiani con obbligo ECM, FORMERA è la piattaforma FAD che rende l'aggiornamento semplice, accreditato e davvero utile alla pratica clinica. A differenza dei provider tradizionali, offre contenuti validati senza sprecare il tempo di chi ha già poco.

Purpose

Perché esistiamo

Rendere la formazione ECM un'opportunità reale di crescita professionale — non un obbligo burocratico da assolvere nel minor tempo possibile.

Vision

Il futuro che costruiamo

Un sistema sanitario in cui ogni professionista si aggiorna con la stessa facilità con cui consulta una linea guida clinica: rapidamente, con fiducia, ovunque.

Mission

Come ci arriviamo

Distribuire corsi ECM FAD accreditati AGENAS — chiari, aggiornati, accessibili su qualsiasi dispositivo — e automatizzare tutto il processo amministrativo che li circonda.

Promessa

Cosa garantiamo

I tuoi crediti ECM, sempre entro il triennio. Contenuti che tornano utili il giorno dopo in corsia, nello studio, in farmacia.

01

Chiarezza

Niente gergo inutile. Ogni schermata, ogni testo, ogni notifica deve essere capita al primo sguardo.

02

Affidabilità

Contenuti accreditati AGENAS. Crediti trasmessi automaticamente al Co.Ge.A.P.S. Nessuna sorpresa.

03

Rispetto del tempo

Studia quando e dove vuoi. La piattaforma si adatta al professionista — non il contrario.

04

Qualità clinica

Ogni corso è curato da esperti del settore. La FAD è un percorso serio, non una scorciatoia.

Accessibilità

Interfaccia intuitiva, prezzi trasparenti, supporto reale. Zero barriere all'apprendimento.

Continuità

Non solo il triennio ECM. FORMERA è un compagno permanente di aggiornamento professionale.

Impatto reale

La formazione che eroghiamo deve tornare utile il giorno dopo, nel lavoro quotidiano.

Il Saggio — con cura

📚
Archetipo primario + secondario

Il Saggio + Il Caregiver

FORMERA incarna Il Saggio: la voce esperta che orienta senza imporsi, analitica ma accessibile. Parla da pari a pari — sa che chi la usa è già un professionista competente. Il carattere secondario è Il Caregiver: ogni contenuto è costruito con cura per chi, a sua volta, si prende cura degli altri.

Identità visiva principale

FORMERA
Su sfondo chiaro
FORMERA
Su sfondo scuro
Solo simbolo

Simbolo — tre elementi

Cerchio aperto (teal #00897B) — la formazione continua, mai conclusa. Il gap simboleggia che c'è sempre altro da imparare.

Freccia (arancio #FF6B35) — la direzione del progresso professionale. Il punto arancio è la destinazione, l'energia, il CTA.

Chevron (inchiostro/bianco) — la crescita individuale, il passo avanti del singolo professionista.

Wordmark + zona di rispetto

Font: DM Serif Display, Regular. Il carattere serif trasmette autorevolezza accademica senza freddezza.

Zona di rispetto: spazio minimo intorno al logo pari all'altezza della lettera "F" del wordmark su tutti i lati.

Dimensioni minime: 120px orizzontale per il lockup completo; 24px per il solo simbolo (favicon).

✓ Corretto
Logo su sfondo bianco, #F7F6F1 o primary-deep
✓ Corretto
Simbolo solo in contesti piccoli (favicon, avatar, badge)
✗ Vietato
Cambiare il colore del cerchio o della freccia singolarmente
✗ Vietato
Aggiungere ombre, outline, glow o effetti al logo

Sistema cromatico

DEEP · PRIMARY
FORMERA Blue
#0B3D91 · RGB 11 61 145
Header, form, sezioni di autorevolezza
BRAND · TEAL
FORMERA Teal
#00897B · RGB 0 137 123
Link, label ECM, accenti di brand
CTA · ACCENT
FORMERA Orange
#FF6B35 · RGB 255 107 53
CTA principali, badge crediti, urgenza positiva
Scala Blue (Primary)
Pale100300MidBase700Deep
Scala Teal (Brand)
Pale100300MidBase700Deep
Scala Orange (Accent / CTA)
Pale100300MidBase700Deep

Proporzioni cromatiche consigliate

60% — Neutro warm
30% — Blue
7%
3%

Teal e arancio sono colori d'accento — usarli con parsimonia ne preserva l'impatto.

Colori semantici UI

Successo
Test superato · crediti assegnati
Attenzione
Crediti in scadenza · avvisi
Errore
Test fallito · blocchi accesso
Informazione
Novità · aggiornamenti normativi

Sistema tipografico

DM Serif Display
Titoli · Headline · Display · Wordmark
+
DM Sans
Body · UI text · Descrizioni · Form
+
Space Mono
Label · Badge · Eyebrow · Dati tecnici

La formazione che avanza con la tua carriera.

FORMERA offre corsi ECM FAD accreditati da provider nazionali, progettati per medici, infermieri, farmacisti e tutte le professioni sanitarie. Studia quando vuoi, ottieni i crediti certificati e trasmessi automaticamente al Co.Ge.A.P.S.

Display
DM Serif · 56px · Regular
Impara. Cresci. Cura.
Heading 1
DM Serif · 36px · Regular
I tuoi crediti ECM, garantiti.
Heading 2
DM Sans · 26px · 700
Corsi accreditati AGENAS
Lead
DM Sans · 18px · 300
Ogni corso è completabile in autonomia, con materiali scaricabili e test finale incluso.
Body
DM Sans · 16px · 400
L'acquisizione dei crediti è subordinata al completamento del corso e al superamento del test di apprendimento con il punteggio minimo previsto.
Caption
DM Sans · 13px · 400
Provider accreditato AGENAS n. XXXX · Crediti trasmessi al Co.Ge.A.P.S. entro 90 giorni.
UI Label
Space Mono · 10px · Uppercase
Crediti ECM · Formazione a distanza · Accreditato

Come parla FORMERA

✓ Siamo

Chiari e diretti — diciamo esattamente cosa ottieni e cosa devi fare, senza giri di parole.
Competenti senza essere accademici — il linguaggio clinico è corretto, ma non è un ostacolo.
Rispettosi del tempo — ogni testo è scritto per chi ha pochi minuti, non poche ore.
Incoraggianti — l'ECM è un traguardo professionale, non una punizione normativa.

✗ Non siamo

Burocratici — niente "ai sensi del D.Lgs. 502/92" nelle homepage o nelle email di benvenuto.
Condiscendenti — il professionista conosce il suo mestiere. Noi offriamo strumenti, non lezioni di vita.
Vaghi — no a "soluzioni innovative per un ecosistema formativo in continua evoluzione".
Allarmisti — non usiamo urgenza artificiale o paura delle scadenze ECM come leva persuasiva.
Contesto Tono Esempio di copy
Hero / Homepage Motivante, sicuro "La tua formazione ECM. Semplice, accreditata, ovunque."
Scheda corso Informativo, preciso "10 crediti ECM · 4 ore · Test finale incluso · Valido per medici e infermieri"
Completamento corso Celebrativo, breve "Ottimo lavoro! I tuoi 10 crediti saranno trasmessi al Co.Ge.A.P.S. entro 90 giorni."
Test fallito Calmo, orientativo "Non hai raggiunto il punteggio minimo. Puoi ripetere il test quando vuoi."
Onboarding Accogliente, efficiente "Benvenuto. Scegli la tua professione — troviamo subito i corsi giusti per te."
Scadenza crediti Utile, non allarmista "Il tuo triennio ECM scade il 31/12. Ti mancano 23 crediti — hai tempo per completarli."

Applicazioni del sistema

Bottoni — Primary Blue · Teal · Accent Orange · Outline · Ghost
ECM FAD Accreditato 10 Crediti Medicina AGENAS
Badge e tag — teal, blue, accent, neutro
10 crediti ECM
Medicina interna
Gestione del paziente con BPCO in medicina generale
⏱ 4 ore 📄 Test finale 💻 FAD
Card corso ECM — header blue, badge accent
47
Crediti ottenuti
3
Corsi completati
23
Crediti mancanti
Stat cards dashboard — blue · teal · accent per priorità
Navigazione — active state blue, CTA accent orange
Form di ricerca — Space Mono per label, DM Sans per input, btn-primary blue per submit

CSS Variables

/* ── FORMERA — Design Tokens (palette Dinus) ── */
:root {
  /* Primary — Blue notte */
  --primary:       #0B3D91;
  --primary-mid:   #1A56C4;
  --primary-pale:  #E8EEF9;
  --primary-deep:  #071F4A;

  /* Teal — Colore brand ECM */
  --teal:           #00897B;
  --teal-mid:       #00A896;
  --teal-pale:      #E0F4F1;
  --teal-deep:      #005047;

  /* Accent — Arancio CTA */
  --accent:         #FF6B35;
  --accent-mid:     #FF8C5A;
  --accent-pale:    #FFF0EA;
  --accent-deep:    #C94A1A;
  --accent-glow:    rgba(255,107,53,0.25);

  /* Backgrounds — caldi, mai bianchi puri */
  --bg:             #F7F6F1;   /* warm off-white */
  --bg-raised:      #FFFFFF;
  --bg-section:     #F0EEE8;   /* sezioni alternate */

  /* Text */
  --ink:            #0A0F1E;
  --slate:          #455A7A;
  --slate-light:    #8FA4BF;

  /* Borders & shadows */
  --border:         rgba(0,0,0,0.07);
  --border-md:      rgba(0,0,0,0.12);
  --shadow-sm:      0 2px 12px rgba(0,0,0,0.06);
  --shadow-md:      0 8px 32px rgba(0,0,0,0.09);

  /* Typography */
  --font-heading:   'DM Serif Display', serif;
  --font-body:      'DM Sans', sans-serif;
  --font-mono:      'Space Mono', monospace;

  /* Radii */
  --r-sm:           6px;
  --r-md:           10px;
  --r-lg:           16px;
  --r-xl:           24px;
  --r-pill:         9999px;
}