Ci imbarchiamo nel grande viaggio che è il footer! CSS-Tricks ha sempre avuto un grande footer di fantasia e questo design non farà eccezione. Tuttavia, non è puramente gratuito. Abbiamo molte cose che meritano davvero almeno un link sul sito (ad esempio link ai social media, link di contatto, altri progetti su cui lavoro, ecc.) E il piè di pagina è un posto perfetto per quelli.
Incorporiamo il classico logo asterisco CSS-Tricks laggiù invece dell'intestazione che è abbastanza occupata. Ma prima, abbiamo attivato il piè di pagina con una sorta di effetto di oscuramento e ombreggiatura per farlo partire dall'area superiore.
Finiamo per usare la forma dell'asterisco come maschera per rivelare una mia foto sotto di essa. Mettiamo in bianco e nero la mia foto e usiamo lo strumento di Photoshop per fare ciò che può portare a risultati in bianco e nero molto più belli rispetto alla semplice rimozione delle informazioni sul colore. Quindi applichiamo un filtro fotografico colorato di marca molto pesante sopra di esso per estendere il marchio e la coerenza del design.