Variante D · Guide de style

Hub système de design.

Le langage du hub d'index, appliqué au site complet. Lavande pâle quadrillé, mix Fraunces + Worksans, italiques rose, asides marine sticky, cards avec accent block latéral.

01 · Palette

  • lavender-soft

    #C8CFF0

    Fond signature des compositions

  • lavender-deep

    #6A78CB

    Accent intermédiaire / italiques

  • marine-deep

    #1B2D5E

    Texte sombre, asides marqués

  • rose

    #E73F6F

    Accent italic + barres haut

  • cyan

    #44C8F5

    Accents secondaires + soulignements

  • yellow

    #F9DC5B

    Hand notes + chiffres importants

  • cream

    #F3F7F8

    Fond default des cards

02 · Typographie

Display 4xl

Voix étudiante de premier cycle.

Display 2xl bold

Section secondaire

Hand

une note manuscrite

Body sans

Le body Worksans 14-16 sur fond cream avec line-height généreux.

Eyebrow grotesk

01 · Notre rôle

03 · Card avec accent block (signature hub)

  • 01

    Eyebrow card

    Card horizontale signature

    Avec un accent block coloré à gauche, un gros chiffre en filigrane, et une barre qui s'élargit au hover.

  • 02

    Eyebrow card

    Card horizontale signature

    Avec un accent block coloré à gauche, un gros chiffre en filigrane, et une barre qui s'élargit au hover.

  • 03

    Eyebrow card

    Card horizontale signature

    Avec un accent block coloré à gauche, un gros chiffre en filigrane, et une barre qui s'élargit au hover.

  • 04

    Eyebrow card

    Card horizontale signature

    Avec un accent block coloré à gauche, un gros chiffre en filigrane, et une barre qui s'élargit au hover.

04 · Aside marine sticky

En bref

Format sticky pour info clé

  • Avec radial gradients cyan + rose en blur.
  • Hand annotation en jaune pour le titre court.

05 · Section avec fond lavande grid

Sur fond lavande pâle quadrillé, les cards cream se détachent.

06 · Actions

Autres prototypes