cat2
Modulo Full Screen

 

aggiungendo Speciali classi CSS a qualsiasi modulo questo prenderà l'altezza esatta del viewport e si adatterà dinamicamente ai cambiamenti

 

SCOPRI LA PROSSIMA CARATTERISTICA

 

cat4
Modulo Half Screen

 

ESISTE ANCHE UNA CLASSE CSS PER DARE AL MODULO LA METà esatta dell'altezza del viewport

 

Il contenuto dei moduli a dimensione totale centrano automaticamente i contenuti al loro interno

 

prossima caratteristica

Smooth Scrolling

Applicando una specifica classe CSS agli URL collegati ad ancore nella stessa pagina è possibile ottenere un effetto di scrolling animato 

 

prova lo smooth Scroll  prossima caratteristica

 

Personalizzazione

La user experience dei nostri template è progettata agendo dinamicamente su molte variabili quali ad esempio i fonts (font standard e option font) i colori di base del framework (blocco dei contenuti, sfondo pagina, etc) i colori principali dei testi e dei link.
Inoltre vengono inserite 5 variazioni di colore, coerenti fra loro, che vengono applicate a tutti gli elementi dei moduli come sfondi, bordi, titoli, sottotitoli, etc, spesso con variazioni di tonalità (light and dark).
Sono inoltre presenti dei separatori vettoriali che consentono di applicare variazioni grafiche nel passaggio da un modulo all'altro, anch'essi declinati in tutti i colori principali del template. Per esempio questo modulo ha un separatore superiore di colore bianco che chiamiamo 'Ziggy'.

 

Layouts   Colori e Separatori   Pulsanti   Typography

Layouts

Applicando specifiche classi CSS ai moduli è possibile gestire sfondi, bordi colori e separatori.

Tutti i moduli possono essere inseriti nella pagina con una dimensione orizzontale (in dodicesimi della larghezza) che permette di ottenere ogni genere di layout.

Proin pellentesque orci nec dolor vestibulum posuere eu auctor lectus. Fusce tellus massa, laoreet non risus at, egestas gravida libero. Cras finibus, mauris ac efficitur dictum, libero eros porta nibh, fringilla malesuada sem ligula non odio. Aenean pharetra neque eget dolor consequat interdum. Aenean sed magna interdum, pretium nisl in, sodales ligula. Maecenas quis ligula volutpat, posuere lorem nec, sollicitudin ante.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec tincidunt enim ante, ut accumsan ligula tempor et. Ut dapibus iaculis enim eget bibendum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent ut magna nec nunc vestibulum condimentum.

Interdum et malesuada fames ac ante ipsum primis in faucibus. Donec tincidunt enim ante, ut accumsan ligula tempor et. Ut dapibus iaculis enim eget bibendum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Praesent ut magna nec nunc vestibulum condimentum.

Proin pellentesque orci nec dolor vestibulum posuere eu auctor lectus. Fusce tellus massa, laoreet non risus at, egestas gravida libero.

Colori e Separatori

Questi sono i colori principali del template, tutti declinabili anche nelle variazioni light e dark.
Ogni template viene progettato scegliendo insieme al cliente la migliore combinazione di fonts e colori, per coordinare il sito al resto della comunicazione aziendale.
Sono state applicate anche le classi CSS di gestione dei bordi e dei separatori, grazie ai quali è possibile ottenere divertenti risultati grafici.

Brown variazione di colore 1

In questo modulo abbiamo impostato uno sfondo brown, un testo white e un bordo sepia extra-bold sulla sinistra

Sepia variazione di colore 2

In questo modulo abbiamo impostato uno sfondo sepia, un testo brown e un bordo brown extra bold in alto e uno separatore corner in basso a destra nel colore del corpo centrale della pagina.

In questo modulo abbiamo impostato uno sfondo orange-light, un testo orange-dark e un separatore corner in alto a sinistra di colore orange

In questo modulo abbiamo impostato uno sfondo red, un testo white, un separatore corner in alto a sinistra e un separatore ziggy in basso, entrambi nel colore dello sfondo principale della pagina

In questo modulo abbiamo impostato uno sfondo gray, un testo gray-dark, un separatore curve in alto a sinistra nel colore dello sfondo principale della pagina

In questo modulo abbiamo impostato uno sfondo black-light, un testo white, un bordo extra-bold black in alto, e un separatore curve in basso a destra nel colore dello sfondo della pagina.

Bottoni

Il bottone round-button si caratterizza per angoli arrotondati, e testo in maiuscolo. La sua declinazione principale si basa sui colori dell'interfaccia, aggiungendo le variazioni light e dark 

 

semper  ut risus elit

 

Applicando classi CSS specifiche si ottengono variazioni in tutti i colori di base del template 

 

Lorem  Ipsum Dolor  Sit  Amet  consectetur  adipiscing  

 

 

Typography

Riportiamo di seguito le principali variazioni tipografiche presenti nel template. Ad ognuna di esse è possibile aggiungere le variazioni di colore già illustrate per i moduli

 

Lead - Quamquam quae duis expetendis elit.Est sint enim quis vidisse qui excepteur magna labore expetendis cillum. Probant malis multos ne nulla ut ita ad tempor proident, senserit ea occaecat ita minim commodo adipisicing. Consequat quae eiusmod, officia eram iis probant firmissimum.

 

Standard Font - Magna adipisicing nostrud amet occaecat, si id duis officia. Quo cernantur fidelissimae qui o ne ipsum aliquip te quamquam anim incurreret te ab in tempor arbitror, ubi id noster officia ad labore consequat quo enim illum, deserunt se iudicem, sed enim expetendis.

 

Option Font - Ubi de velit summis enim.Nulla in iudicem sed veniam. Nisi ea admodum ubi enim in tamen proident voluptatibus se summis hic iudicem an incididunt fidelissimae est arbitror. Nostrud dolore sint nescius amet in ad o sunt duis quorum.

 

Text-small - Quorum arbitrantur singulis quem expetendis nam a multos proident, fabulas e appellat se vidisse ea multos, enim consequat despicationes aut ita velit veniam nulla vidisse, non noster fabulas eiusmod non litteris nisi ingeniis.Aute occaecat laborum. Quo si export tamen aute, officia esse commodo incurreret, sunt litteris sempiternum de si ipsum dolor ne vidisse. Irure si laboris a fore, sed id anim occaecat.

 

increase1x increase2x increase3x increase4x increase5x increase6x

 

increase7x increase8x increase9x 

 

Module Title 
Module Subtitle

Standard spacing - Qui dolore fore malis possumus, possumus cillum arbitror, aute a fabulas, ea a consectetur.Fugiat concursionibus mandaremus quis excepteur, te aliquip id quamquam, cupidatat distinguantur si consequat, senserit malis doctrina quibusdam non legam expetendis probant iis irure fabulas do despicationes, singulis labore ab doctrina consectetur, e enim quorum malis officia. Noster singulis doctrina se ipsum eu laborum in aliqua.

 

Spacing Compact - Consequat familiaritatem a iudicem. Ne officia fidelissimae est vidisse amet probant senserit.Labore ad hic dolore cernantur, quamquam et dolore. Voluptate consectetur quo proident do aute admodum doctrina, dolor laborum hic duis quae ne cernantur nisi nescius, excepteur sunt labore te cillum, te noster multos dolore mentitum ita in qui quem aliquip quo id enim admodum litteris. Iudicem magna se appellat concursionibus.

 

Spacing1x - Quibusdam exquisitaque qui incididunt, senserit irure minim ad minim et arbitror velit in aliquip graviterque ne laborum nisi veniam possumus legam. Velit ad nostrud, laboris sunt vidisse deserunt ut anim eiusmod non distinguantur in quo quem proident offendit. Aliquip fore dolore pariatur export est occaecat o pariatur.Singulis aute elit offendit tamen e fugiat excepteur voluptatibus. An velit eram noster officia eu nescius quis cillum eu veniam.

 

Spacing2x - Cupidatat sunt a nescius coniunctione nam iis noster consectetur.Esse cohaerescant commodo velit quamquam iis ea amet quis magna iudicem, de malis amet dolore quibusdam, ea noster labore malis eiusmod ne amet cupidatat sed firmissimum, do ipsum doctrina, quid quibusdam transferrem id de irure si culpa.

 

Spacing3x - Possumus an quamquam te pariatur ipsum nisi ingeniis enim, ubi minim mentitum occaecat e mentitum enim elit non aute, excepteur quorum mandaremus, quae arbitrantur litteris nulla quibusdam, eu tempor possumus, anim arbitror de sempiternum. Iudicem relinqueret o iudicem. Mentitum multos fugiat deserunt elit, irure doctrina reprehenderit.

 

Spacing4x - Si eu irure velit duis, iis de dolor vidisse, dolore quo cernantur aut quem ubi si duis appellat. Duis senserit ita sempiternum, nulla est senserit si minim. Fore fidelissimae aliquip veniam laborum, singulis nam offendit do singulis id incididunt, fabulas culpa quae vidisse tamen.

 

Spacing5x - Fore singulis expetendis an excepteur fidelissimae de nescius. Id multos eiusmod laborum, se cillum aute ad ingeniis, sunt proident praesentibus, ut fore anim quis doctrina, aut incurreret tractavissent, export occaecat proident, ipsum vidisse iudicem de e ipsum ut dolore.

 

Uppercase - Occaecat anim iis commodo distinguantur, ingeniis e tamen te constias et sint incurreret e ab malis commodo. Nostrud iis mandaremus.Velit doctrina ita praetermissum, ipsum admodum ex proident. Malis hic sed fugiat nescius te quae deserunt hic summis nisi, ad amet iis minim do dolor do arbitror non elit. Sed culpa familiaritatem. Proident quem nisi quibusdam illum ad et cernantur si incididunt ubi duis ne proident hic labore an ubi iis firmissimum.