SecuTix online sales has a whole new look! Fresher, simpler and more contemporary, the new graphic theme is right on trend. We present Equilibrium, a completely seamless, balanced theme that will revolutionise the online visitor experience.
A contemporary, balanced theme
Equilibrium is much more than a graphics layer. This new graphic theme is intended to enhance the user experience. We've completely redesigned the on-screen information for more impact and a clearer hierarchy for a balanced look. The new imagery conveys all the information while reducing page complexity. We've increased the spacing between elements with greater emphasis on the pace of the page content and on giving your content room to breathe. The result: improved readability. As we were making these changes we also took the opportunity to create a simpler look, especially by using areas of white space. We've consciously made embedded content easier to spot.
Equilibrium is therefore more contemporary. It takes its inspiration from flat design and particularly Material Design, the set of design rules put forward by Google. In line with this development, Equilibrium is built on Steve Matteson's Open Sans typeface, which is available free from Google Fonts. Optimised for web and mobile, this interface provides excellent readability and comes with five layers.
To solve the problem of the base width of the current theme, which had really been outgrown, we've increased the centre content column from 700px to 970px. The overall page layout is now 1220px on large screens.
The end result is a more contemporary ticket shop that will captivate visitors.
Graphic customisation is changing
Just like the classic SecuTix theme, Equilibrium can be graphically adapted to suit your corporate identity.
For as long as PizBernina V1 runs, you'll be able to choose between the classic theme and Equilibrium. To make your selection, go to the "Internet Theme" page for the point of sale concerned, where you'll find two radio buttons that allow you to switch. To maintain backwards compatibility the customisable fields shown (such as colour, background image, rounded borders, etc.) haven't changed in the settings window; however, they produce slightly different results than before. So before switching to Equilibrium, we recommend that you do a reset (link at top right of page).
Please note that the classic theme will only be available for a limited time. So we'd encourage you to migrate to the new theme during PizBernina V1.
Usage recommendations
Voici une liste de recommandations d'usage pour profiter au maximum de l'élégance d'Equilibrium tout en véhiculant votre identité visuelle.
Police de caractère
Avec l'élargissement de la colonne centrale, la mise en page gagne en flexibilité: vous pouvez désormais changer la police pour toutes les textes et pas uniquement les titres.
Unité des couleurs de fond
Un des éléments forts de ce nouveau thème est l'unité dans le choix des couleurs. De ce fait, nous vous encourageons à utiliser la même couleur de fond pour la zone principale et pour le fond des titres. Si vous modifiez la couleur de fond principale mais laissez le fond de titres vides, celui-ci s'adaptera automatiquement au fond principal.
Il est important de comprendre qu'il existe trois couleurs de fond pour les contenus, en anglais, "Body background color", "Background color" et "Embedded area background color". Ces trois variables permettent de définir:
- la couleur de fond principale du contenu
- la couleur utilisée pour les alternances (par exemple: le fond alterne entre deux catégories de places, parfois appelé effet pyjama)
- la couleur de contenus imbriqués.
Pour un résultat optimal, nous pensons qu'il est préférable de choisir trois couleurs différentiées mais qui évoluent dans la même direction: par exemple, les couleurs de base d'Equilibrium sont un blanc pur, un gris très léger et un gris un peu plus appuyé. À noter: la couleur imbriquée sert également de couleur pour les bords dans le thème. Il est préférable qu'elle se distingue un peu de la couleur principale du fond.
Images de fond
Il est toujours possible de choisir la même image de fond pour toute la page. Toutefois, si celle-ci est trop contrastée, ou si vous ajoutez des effets de transparence sur les couleurs de fond internes, vous risquez de réduire la lisibilité des contenus.
L'image de fond sur la zone centrale n'est plus disponible.
Boutons et liens
Equilibrium apporte davantage de granularité aux boutons d'appel à action (Call to action).
Les actions principales sont toujours représentées par des boutons de couleur distinctive. En revanche, les actions secondaires se déclinent désormais en trois niveaux.
- Les plus importantes sont de couleur distinctive et s'accompagnent d'une icône.
- Les actions simples n'ont pas d'icône associée
- Les actions qui ne sont pas souhaitables (par exemple, une annulation) ne sont pas en couleur et apparaissent dans la couleur du texte standard.
Signalons également que la possibilité d'arrondi s'applique désormais à d'autres domaines que les boutons.
Couleur du texte par défaut
La variable de couleur du texte par défaut s'applique à de très nombreux éléments, mais parfois avec de petits effets d'allègement (légère opacité). Ne vous étonnez donc pas si certains éléments apparaissent un peu plus clairs ou plus foncés: c'est un effet de nuance recherché dans Equilibrium.
Mapping des couleurs
L'image suivante décrit précisément les variables qui influencent les aspects visuels dans Equilibrium. Retrouvez ces variables en consultant le document: equilibrium-color-mapping.pdf.
