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.

CouleursPapier, encre, tabac

Un tirage noir et blanc, une seule couleur pour agir.

Baryta#f2ede4Fond principal
Papier gris#e7e0d3Sections chaudes
Feuille#f8f5efChamps, survols
Encre#1d1a17Texte, fonds sombres, pied de page
Graphite#46413aTexte courant
Taupe#877c70Légendes
Tabac#5b3b28Boutons, seule couleur d’action
Tabac profond#402819Survol des boutons

Toutes les photographies sont tirées en noir et blanc chaud (noirs #1c1814, blancs #f3ede2, grain fin) par assets/prepare.py.

TypographieImbue · Manrope

Un didone étroit pour les titres, une linéale pour le reste.

Imbue (axes graisse et taille optique) et Manrope, libres (SIL OFL) et auto-hébergées, en attendant la police du client. Échelle fluide entre 390 et 1440 px ; valeurs à 1440 px.

Titre d’ouvertureImbue 300 · 168 / 148 px · −2,5 %Mobile : 64 px

Rigueur suisse,

Titre 1Imbue 300 · 112 / 105 px · −2 %Mobile : 52 px

Le soir. Le week-end.

Titre 2Imbue 350 · 72 / 72 pxMobile : 40 px

De la société à la succession.

Titre 3Imbue 400 · 40 / 42 pxMobile : 30 px

Un dossier lu en entier

Légende de sectionManrope 500 · 11,5 px · capitales espacées de 8 %Mobile : 11,5 px

Expertises · quatre pôles

ChapeauManrope 400 · 21 / 34 pxMobile : 18 px

Conseil juridique, fiscal et administratif aux Émirats.

TexteManrope 400 · 16 / 27 pxMobile : 15,5 px

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

NoteManrope 400 · 13 / 20 px, taupeMobile : 13 px

Numéro WhatsApp Business [TBC]

Grille et espacements12 colonnes
12colonnes, gouttière 20 px, marges 64 px (20 px à 390), largeur max. 1520 px
152px de haut et de bas pour une section à 1440, 80 px à 390
96 → 64px : hauteur de l’en-tête, puis au défilement
1 pxfilet d’encre à 55 % qui ouvre chaque section, légende à gauche et à droite
Boutons et liensÉtats
Écrire sur WhatsApp
Repos
Écrire sur WhatsApp
Survol : la pilule s’élargit
Écrire sur WhatsApp
Focus clavier
Désactivé
WhatsApp
Petit, en-tête
La page du pôle
Contour
La page du pôle
Contour, survol
Découvrir le cabinet
Lien
Découvrir le cabinet
Lien, survol
FormulaireChamps en caractère de titre
Vérifiez l’adresse e-mail.
Choix
ComposantsIndex, journal, question

Index des pôles : au survol, le tirage du pôle suit le pointeur et le nom se décale ; sur mobile, une vignette à droite.

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

Réponse ouverte : « Lire » devient « Fermer ».

NavigationEn-tête de journal

Nom centré, navigation répartie de part et d’autre, page courante soulignée. Au défilement : 64 px et un filet. Sous 960 px : « Menu » ouvre un rideau d’encre plein écran.

MouvementLe tirage se révèle
OuvertureLes trois lignes du titre montent dans leur masque ; la photo apparaît comme un tirage dans le révélateur (surexposée, puis juste).
DéfilementLes blocs montent de 26 px en fondu ; chaque planche se révèle de la même façon, une fois.
IndexLe tirage du pôle survolé suit le pointeur avec un léger retard.
PagesUn rideau d’encre monte, la page suivante s’ouvre en dessous. Coupé si l’utilisateur réduit les animations.