Versioni online e portatili Modello HTML

Le colonne per laptop e smartphone creano una sezione di accesso già pronta

Il blocco assolve già a una specifica funzione di contenuto: presentare modalità alternative per accedere a un'applicazione. A sinistra, l'immagine del laptop definisce il contesto online prima che il titolo “Versione online” e il paragrafo di supporto illustrino l'opzione. L'azione con bordo “Esegui nel browser” offre a quella colonna un passaggio successivo chiaro, senza richiedere un'ulteriore area descrittiva.

La colonna di destra richiama le proporzioni generali, ma varia l'elemento visivo e il formato dell'azione. L'immagine di uno smartphone introduce “Preferisci la versione portatile”, mentre il testo di supporto rimanda a due badge degli store invece che a un pulsante di testo. Questa differenza aiuta gli utenti a percepire che le colonne sono scelte parallele con destinazioni distinte. L'impostazione centrata e gli ampi spazi vuoti mantengono il confronto chiaro e leggibile quando la sezione viene collocata tra gli altri contenuti della pagina.

All'interno di una pagina HTML statica, questo blocco può fungere da sezione di accesso completa, mentre la pagina contenitore fornisce navigazione, contenuti di supporto ed eventuali ulteriori destinazioni. La sua struttura interna non necessita di modifiche per comunicare efficacemente i due percorsi. Immagini, testo, spaziatura, bordi e dettagli di azione possono essere personalizzati per il progetto, preservando al contempo l'efficace composizione statica tra l'accesso da browser lato laptop e i download mobili lato smartphone.