MIFF Awards: Milano racconta il cinema indipendente

I MIFF Awards rappresentano un presidio culturale dedicato al cinema indipendente e al dialogo tra autori, pubblico e città. Il progetto valorizza una visione internazionale, ma resta profondamente legato a Milano e alla sua vocazione creativa, con un’identità chiara e riconoscibile.

Per questo intervento Galatea ha lavorato su un racconto digitale capace di unire memoria, programma e immaginario del festival. La struttura editoriale accompagna l’utente tra storia, riconoscimenti e archivio, con un tono coerente con il profilo istituzionale di un evento che parla a filmmaker, stampa e spettatori.

Il risultato è una presenza online ordinata, accessibile e adatta a un contesto culturale esigente, dove contenuti e reputazione devono convivere con equilibrio. Galatea si conferma partner digitale attento alla qualità formale e alla specificità del settore, senza forzature né effetti superflui.

Scopri l’esempio

Pagina dei MIFF Awards dedicata al cinema indipendente e al Cavallo di Leonardo

Esempi

{source}<style>

.nascondi-titolo-esempi .module-title,
.nascondi-titolo-esempi .modtitle,
.nascondi-titolo-esempi h1,
.nascondi-titolo-esempi h2,
.nascondi-titolo-esempi h3,
.nascondi-titolo-esempi h4 {
display: none !important;
}

/* contenitore generale della singola card */
.blog-esempi .item,
.blog-esempi .item-content {
background: #ffffff;
border: 1px solid #e8e8e8;
border-radius: 14px;
padding: 26px;
margin-bottom: 32px;
box-shadow: 0 6px 18px rgba(0,0,0,0.04);
}

/* titolo */
.blog-esempi h2,
.blog-esempi .page-header h2 {
font-size: 2rem;
line-height: 1.2;
margin: 0 0 14px 0;
}

.blog-esempi h2 a,
.blog-esempi .page-header h2 a {
text-decoration: none;
color: #222;
}

/* testo introduttivo */
.blog-esempi .introtext,
.blog-esempi .item-content p {
font-size: 1rem;
line-height: 1.7;
color: #555;
}

/* immagine introduttiva */
.blog-esempi img {
display: block;
max-width: 400px;
width: 100%;
height: auto;
margin: 18px auto;
border-radius: 10px;
}

/* se vuoi centrare l'immagine nella card */
.blog-esempi img {
margin-left: auto;
margin-right: auto;
}

/* bottone leggi tutto */
.blog-esempi .readmore,
.blog-esempi p.readmore {
margin-top: 18px;
}

.blog-esempi .readmore a,
.blog-esempi p.readmore a,
.blog-esempi .btn {
background: transparent;
color: #e53935 !important;
border: 1px solid #e53935;
}


.blog-esempi .readmore a:hover,
.blog-esempi p.readmore a:hover,
.blog-esempi .btn:hover {
background: #e53935;
color: #fff !important;
}

/* toglie eventuali spaziature strane */
.blog-esempi .items-row {
display: block;
}

/* paginazione un po' più pulita */
.blog-esempi .pagination {
margin-top: 30px;
}

.blog-esempi .com-content-category-blog__pagination {
text-align: center;
margin-top: 40px;
}

/* bottoni paginazione */
.blog-esempi .pagination .page-link {
border-radius: 8px;
margin: 0 4px;
padding: 8px 12px;
border: 1px solid #ddd;
color: #DDDDDD;
}

/* hover */
.blog-esempi .pagination .page-link:hover {
background: #e53935;
color: #fff;
border-color: #e53935;
}

/* pagina attiva */
.blog-esempi .pagination .active .page-link {
background: #e53935;
border-color: #e53935;
color: #fff;
}



/* mobile */
@media (max-width: 768px) {
.blog-esempi .item,
.blog-esempi .item-content {
padding: 18px;
}

.blog-esempi h2,
.blog-esempi .page-header h2 {
font-size: 1.5rem;
}

.blog-esempi img {
max-width: 100%;
max-height: 260px;
}

/* container paginazione */
.blog-esempi .pagination {
display: flex;
flex-wrap: nowrap;
justify-content: center;
gap: 6px;
overflow: hidden;
} /* nasconde tutti i numeri */
.blog-esempi .pagination li {
display: none;
} /* mostra solo questi */
.blog-esempi .pagination li:first-child, /* << */
.blog-esempi .pagination li:nth-child(2), /* < */
.blog-esempi .pagination li.active, /* pagina attuale */
.blog-esempi .pagination li:last-child, /* >> */
.blog-esempi .pagination li:nth-last-child(2) /* > */ {
display: block;
} /* stile bottoni */
.blog-esempi .pagination .page-link {
padding: 6px 10px;
font-size: 0.9rem;
}


}
</style>
{/source}