Aurlom BTS+ - Premier groupe BTS et prépa de France
    AppelerContactAdmissions

    Style Guide

    Tous les composants du design system Aurlom.

    Typographie

    Poppins ExtraBold - H1

    Le choix du succès.

    Poppins ExtraBold - H2

    Nos formations d'excellence

    Poppins Medium - H3

    BTS Commerce International

    Inter Regular - Body

    Aurlom forme chaque année plus de 4 000 étudiants dans ses campus parisiens. Notre pédagogie repose sur l'exigence, l'encadrement et la mesure des résultats.

    Inter - Small / Muted

    Texte secondaire, légendes, labels et métadonnées.

    Poppins Light Italic + ExtraBold Italic - Signature

    Candidature en BTS+

    Couleurs

    Primary (Rose Fluo)

    --primary

    Navy

    --navy

    Yellow CTA

    --yellow-cta

    Success

    --success

    Background

    --background

    Foreground

    --foreground

    Muted

    --muted

    Border

    --border

    Destructive

    --destructive

    Dégradés

    Gradient Primary

    Gradient Hero

    Gradient Accent

    Gradient Soft

    Boutons

    Default (Rose)
    Hero (Noir)
    Yellow CTA (Prioritaire)
    Outline
    Header Pills
    Utility

    Proposition - Brutalist Bold

    DÉMO

    Bordure 2px noire, ombre dure décalée 4px (sans flou), translate au hover qui "enfonce" le bouton dans son ombre. Typographie Poppins ExtraBold Italic conservée.

    Hero - Noir (CTA principal)

    Actuel

    Brutalist

    Yellow - Prioritaire (Candidater)

    Actuel

    Brutalist

    Rose - Signature

    Actuel

    Brutalist

    Outline - Secondaire

    Actuel

    Brutalist

    Header - Pills compactes (ombre 3px)

    Actuel

    Brutalist

    Bordure2px solid foreground
    Radiusrounded-md (6px)
    Ombre4px 4px 0 (hard)
    Hovertranslate(4,4) + ombre 0

    Cards

    Card Standard

    Fond blanc, bordure subtile, icône dans un cercle outline. Utilisée pour les blocs de contenu.

    En savoir plus

    Card Muted

    Fond muted, utilisée dans les sections alternées et les sous-blocs pédagogiques.

    • ✓Point clé un
    • ✓Point clé deux

    Card Accent

    Fond rose léger, bordure primaire, pour les CTA et blocs mis en avant.

    Formulaires

    Badges & Pills

    AlternanceInscription ouverteNouveauté 2026InitialComplet

    Navigation

    Breadcrumbs
    Signature LinkDécouvrir le programme →

    Ombres & Arrondis

    rounded-lg

    0.5rem

    rounded-xl

    0.75rem

    rounded-2xl

    1rem

    rounded-full

    9999px

    shadow-sm

    shadow-soft

    shadow-card

    shadow-primary

    Espacements standards

    4pxGap entre icône et texte inline
    8pxPadding interne compact
    16pxGap standard entre éléments
    24pxPadding de card / section
    64pxEspacement entre sections