Design system des services publics PF

Une expérience numérique cohérente pour les services administratifs du Pays

Ori fournit les tokens, composants et patterns nécessaires pour bâtir des portails, des espaces agents et des sites institutionnels conformes aux standards d'accessibilité et à l'identité visuelle de la Polynésie française.

Trois packages, trois usages

Selon le contexte de votre projet, vous consommerez Ori différemment.

HTML statique

Importez @govpf/ori-css et utilisez les classes .ori-*. Idéal pour les landing pages, emails, intégrations CMS et GLPI.

React

Importez @govpf/ori-react dans Next.js, Vite ou Remix et utilisez les composants en JSX, typés avec TypeScript.

Angular

Importez @govpf/ori-angular dans vos modules standalone ou classiques. Compatible Angular 20.

Conçu pour le service public

Ori est pensé pour les contraintes des administrations PF.

RGAA niveau AA

Tous les composants sont conformes au Référentiel Général d'Amélioration de l'Accessibilité, niveau AA.

Bundle minimal

Les classes utilitaires Tailwind ne sont conservées que si elles sont utilisées. Les variantes inutiles sont éliminées au build.

Cohérence cross-framework

Une modification de design est répliquée à l'identique sur React et Angular. Aucun écart visuel ou comportemental.

Mode sombre natif

Tous les tokens disposent d'une variante dark. La bascule se fait via data-theme="dark".