Kit presse

Le logo, l’icône et les couleurs de Ramp Up, prêts à utiliser dans un article, une conférence ou une page partenaire.

Ramp Up en quelques mots

Prêts à citer, tels quels ou raccourcis.

Description courte

Ramp Up propose des formations en ligne à l’accessibilité numérique, une courte leçon à la fois, en commençant par l’audit d’un site selon le RAWeb, le référentiel luxembourgeois d’accessibilité web.

Description longue

Ramp Up propose des formations en ligne à l’accessibilité numérique pour les designers, les développeurs, les responsables de projet et de produit, et les futurs auditeurs. Sa première formation, « Devenir auditeur ou auditrice RAWeb », va des premiers pas en accessibilité jusqu’à un premier audit complet selon le RAWeb, le référentiel luxembourgeois d’accessibilité web.

Les leçons sont courtes, écrites avec des mots simples et pleines d’exemples réels. Les apprenants s’exercent sur un site conçu pour l’exercice, vérifient leurs acquis avec un quiz après chaque module, et lisent le texte officiel du RAWeb avec une explication. À la fin d’une formation, ils obtiennent un certificat que chacun peut vérifier en ligne.

Les premiers modules sont gratuits avec un compte. Un paiement unique de 79 € HT donne un accès à vie à toutes les formations, actuelles et futures, y compris la lecture hors ligne dans l’application Ramp Up.

Ramp Up est créé et enseigné par Geoffrey Crofte, qui travaille dans le design, le développement front-end, les design systems et l’accessibilité depuis 2008, et publié par Crofte Studio S.à r.l.-S au Luxembourg.

Ce que dit le logo

L’icône est une rampe, dessinée trois fois. Chaque façon de la regarder raconte une partie de l’histoire.

  • Une rampe

    L’image la plus simple de l’accès : une entrée, ouverte à tout le monde.

  • Des compétences qui grandissent

    Une ligne qui monte pas à pas, comme vos connaissances au fil des formations.

  • Des couches

    L’accessibilité se construit par couches, chacune posée sur la précédente.

  • Un livre ouvert

    Ensemble, les rampes évoquent les pages d’un livre ouvert : le savoir, partagé.

Logo et icône

Couleurs

  • Violet#5B4BDBLa tuile de l’icône.
  • Corail#F5A07ALa lueur dans le coin de l’icône.
  • Encre#16161DLe nom, sur fond clair.
  • Encre claire#F2F2F7Le nom, sur fond sombre.

Utiliser le logo

  • Gardez autour du logo un espace libre d’au moins un quart de la hauteur de l’icône.
  • Utilisez le logo à 24 pixels de haut ou plus. En dessous, utilisez l’icône seule.
  • Utilisez la version faite pour le fond : claire, sombre, ou monochrome quand la couleur n’est pas possible.
  • Gardez le logo tel quel : ni étirement, ni rotation, ni changement de couleur, ni effet.
  • Dans une phrase, écrivez Ramp Up, en deux mots.

Couleurs de la plateforme

Chaque couleur du site et de l’application existe en thème clair et en thème sombre. Les textes et les contrôles respectent dans les deux les contrastes demandés par le RAWeb.

Couleurs des thèmes clair et sombre
JetonThème clairThème sombre
--color-bg#F5F5F8#121218
--color-surface#FFFFFF#1C1C24
--color-surface-muted#EEEEF3#262630
--color-text#16161D#F2F2F7
--color-text-muted#5B5B6B#B4B4C4
--color-border#E2E2EA#33333F
--color-border-strong#767686#85859A
--color-primary#5B4BDB#A99BFF
--color-primary-hover#4A3BC4#C2B8FF
--color-primary-soft#EEEBFF#2B2652
--color-on-primary#FFFFFF#16161D
--color-selection#5B4BDB#5B4BDB
--color-on-selection#FFFFFF#FFFFFF
--color-success#157F55#5FD39B
--color-warning#9A5B00#F2B45A
--color-danger#B42318#FF8F85
--color-accent-rose#B0306E#F28BBD
--color-accent-coral#A8461A#F5A07A
--color-highlight-violet#E9E4FF#3B3270
--color-highlight-rose#FCE1EE#5C2742
--color-highlight-coral#FDE4D6#5A3220
--color-highlight-green#D9F3E6#193D2D
--color-cta-start#4B3BC4#3A2C9C
--color-cta-end#7A3FB8#64308F
--color-on-cta#FFFFFF#FFFFFF

Police de caractères

La plateforme est composée en Inclusive Sans, d’Olivia King, une police conçue pour la lisibilité : les lettres qui se ressemblent, comme I, l et 1, se distinguent facilement. Elle est libre, sous licence SIL Open Font License.

  • Light, 300Apprendre l’accessibilité numérique, pas à pas. Il 1 O 0
  • Regular, 400Apprendre l’accessibilité numérique, pas à pas. Il 1 O 0
  • Bold, 700Apprendre l’accessibilité numérique, pas à pas. Il 1 O 0
Inclusive Sans sur GitHub

Icônes

Les icônes viennent de Tabler Icons, de Paweł Kuna et ses contributeurs, sous licence MIT : en contour, d’un trait régulier. Sur la plateforme, une icône ne porte jamais un sens à elle seule.

  • accessible
  • book-2
  • certificate
  • checklist
  • circle-check
  • clock
  • cloud-download
  • flag
  • home
  • language
  • list-check
  • lock
  • messages
  • moon
  • route
  • school
  • search
  • sun
  • trophy
  • user
  • wifi-off
  • world
Tabler Icons

Autre chose ?

Pour une interview, une photo ou un autre format, écrivez-moi.