Vertical Advisor
Écrire sur WhatsAppcontact@verticaladvisor.aeFREN

Système graphique.

Couleurs, caractères, grille, composants et états, communs aux cinq pages. Les valeurs viennent de assets/site.css.

Couleurs

Le mur, le plâtre, et une terre de Sienne pour agir.

Mur#f6f2ebFond principal
Plâtre#ece5daSalles chaudes, pied de page
Cartel#fbf8f3Cartels, champs, passe-partout
Encre douce#2a2622Texte, titres
Graphite#554d45Texte courant
Taupe#8b8177Légendes
Salle du soir#2f2723Sections sombres
Terre de Sienne#9a5638Boutons, puces, seule couleur d’action
Sienne profonde#7b4129Survol
Sienne pâle#efe0d4Halo de focus, mentions [TBC]

Photographies : saturation ramenée à 78 %, ombres sur un brun chaud, blancs sur ivoire (assets/prepare.py).

Typographie

Hedvig Letters Serif et Commissioner.

Deux familles libres (SIL OFL), auto-hébergées, en attendant la police du client. Un seul poids de titre, la hiérarchie vient de la taille et de l’espace. Valeurs à 1440 px.

Titre d’ouvertureHedvig Letters Serif · 96 / 100 px · −2 %Mobile : 44 px

Rigueur suisse, droit émirien.

Titre 1Hedvig Letters Serif · 76 / 80 pxMobile : 40 px

Quatre pôles, de la société à la succession.

Titre 2Hedvig Letters Serif · 52 / 57 pxMobile : 32 px

Fondé par des avocats suisses.

Titre 3Hedvig Letters Serif · 27 / 34 pxMobile : 22 px

Planification successorale

Nom de salleCommissioner 400 · 14 px, entre deux filets, centréMobile : 14 px

Expertises

ChapeauCommissioner 300 · 21 / 34 pxMobile : 18 px

Conseil juridique, fiscal et administratif aux Émirats.

TexteCommissioner 300 · 16,5 / 28 pxMobile : 16 px

Vertical a été fondé par des avocats suisses. Un dossier lu en entier, une réponse écrite et précise.

LégendeCommissioner 300 · 13,5 px, taupeMobile : 13,5 px

Numéro WhatsApp Business [TBC]

Grille et espacements

Un axe central, un passe-partout de 80 px.

Axe

Centré

Titres, salles et appels sur l’axe ; texte long sur 760 px au plus.

Grille

12 colonnes

Gouttière 28 px, marges 80 px (20 px à 390), largeur max. 1440 px.

Sections

170 px

De haut et de bas à 1440, 88 px à 390. Salles alternées mur et plâtre.

Œuvres

3:4 et 4:5

Pôles en 3:4, œuvres sur passe-partout en 4:5, ouverture en pleine largeur.

Boutons et liens

Le survol remplit le bouton par le bas.

Écrire sur WhatsApp
Repos
Écrire sur WhatsApp
Survol
Écrire sur WhatsApp
Focus clavier
Désactivé
WhatsApp
Petit, en-tête
Le pôle en détail
Discret
Le pôle en détail
Discret, survol
Découvrir le cabinet
Lien
Découvrir le cabinet
Lien, survol

Formulaire

Des champs en cartel.

Vérifiez l’adresse e-mail.
Choix

Composants

Salle, cartel, relais, question.

Au survol, la photo s’approche et le texte du pôle monte sur l’image ; sur mobile, la salle défile à l’horizontale.

Cartel

Un dossier lu en entier

Fond cartel, filet, point de Sienne.

Puis-je détenir ma société à 100 % ?

Réponse ouverte : la croix tourne d’un huitième de tour.

Navigation

Deux étages, puis une ligne.

En haut de page : nom centré, navigation centrée dessous, point de Sienne sous la page courante.

Au défilement : une seule ligne, nom à gauche. Sous 960 px : « Menu » ouvre un plein écran centré.

Mouvement

Accrocher, puis ouvrir.

Ouverture

Accrochage

Le titre monte, l’œuvre descend se poser dans son passe-partout.

Défilement

Pleine largeur

L’œuvre d’ouverture quitte son passe-partout et gagne toute la largeur.

Apparitions

Une fois

Fondu et montée de 18 px ; les œuvres de 32 px.

Pages

Fondu

Fondu enchaîné avec un léger recul. Coupé si l’utilisateur réduit les animations.