Mosbius Design
MOSBIUS @UI

Résolution Radicale :
Harmonie Pixel par Pixel.

Chaque pixel a un but. Nous concevons des interfaces centrées sur l'utilisateur avec la clarté d'Apple et l'intégrité d'Airbnb.

Clarté

Des interfaces claires, directes et compréhensibles qui éliminent l'ambiguïté.

Intégrité

Chaque partie sert un but unique, aucun détail n'est accidentel.

Respect

Le contenu est roi. L'interface s'efface élégamment pour mettre en valeur le contenu.

Interaction

Le mouvement est un signe de vie. Des réponses significatives et naturelles à chaque contact.

ADN du Design

Système Atomique

Notre tableau périodique du design. Des particules atomiques enrichies avec la hiérarchie sémantique des couleurs d'Apple et la typographie holistique d'Airbnb.

Expérience Développeur

Vous Possédez le Code.
Pas de Boîtes Noires.

Nous travaillons avec la philosophie "Open Code". Au lieu de cacher des composants dans un paquet npm, nous les intégrons directement dans votre projet. Contrôle total, personnalisation totale.

~npx mosbius-ui init
// Proje şematiklerini ve temelini kurar
~npx mosbius-ui add magnetic-button
// 'MagneticButton' bileşenini /components klasörüne kopyalar
✔ Başarıyla eklendi! (0.42s)

100/100 PSI

Zéro surcharge d'exécution. Optimisé avec le sous-ensemble de polices et le tree-shaking.

Prêt pour RSC

Entièrement compatible avec les Server Components de Next.js 16. Envoie le javascript au client uniquement si nécessaire.

Indépendant

Ne dépend d'aucune bibliothèque de style. Pure Tailwind CSS 4 et React.

Open Source

Le code est à vous. Modifiez, étendez et personnalisez-le comme vous le souhaitez.

Organismes Vivants

Terrain de Jeu de Composants

Des composants vivants et respirants. Testez des variations, examinez les scores d'accessibilité et copiez votre code.

Framer Motion Enter
Hover: Lift
Tap: Scale 0.98
import { Button } from '@mosbius/ui'
Logique Spatiale

Mise en Page & Rythme

Harmonie mathématique et équilibre optique. Règles de mise en page sans CLS, centrées sur l'humain, basées sur un système de grille de 8pt.

12-Column Fluid Grid

4 Col
8 Col
12 Col
Padding: 24px (Mobile) / 48px (Desktop)

Grille Stricte 8pt

Tous les espacements doivent être des multiples de 8 (8, 16, 24, 32...). Le rythme vertical doit être maintenu.

8
16
24
32

Largeur Max 70ch

Les lignes de texte doivent rester dans la limite de 60-75 caractères (environ 600-800px) pour la lisibilité.

Alignement Optique

Le centre géométrique n'est pas toujours correct. Faites confiance à l'œil humain et faites des corrections optiques de +/- 1px.

Au-delà de la Conformité

Universel & Inclusif

L'accessibilité n'est pas une réflexion après coup, c'est un pilier architectural. Concevoir pour chaque culture, chaque capacité et chaque appareil.

Carte de Score a11y

Vérification de Conformité en Direct

Nav Clavier
TABENTER
Vérif Contraste
4.5:1 (AA)
VoiceOver
"Button, Submit, Group"
<button aria-label="Submit" />

Respecter Préférence

Lorsque l'utilisateur dit "Réduire le Mouvement", les transitions complexes cèdent la place à de simples changements d'opacité.

Animation Standard

Typographie Dynamique

Support de grossissement du texte jusqu'à 200%.

AAA
ADN de Communication

Voix & Ton

Les mots font aussi partie du design. Nous construisons un lien de confiance avec l'utilisateur en utilisant un langage clair, humain et inclusif.

Notre Langue

Professionnel mais Amical

Nous sommes loin du langage robotique. Nous sommes assez humains pour dire "Nous ne pouvons pas faire cela pour le moment" au lieu d'expressions froides comme "Opération échouée".

Clair et Direct

Nous évitons la Voix Passive. Au lieu de "Le fichier est en cours de téléchargement", nous disons "Téléchargement du fichier" ou "Télécharger".

L'utilisation de la casse de phrase est obligatoire.

Règles d'Écriture

Vague

Buraya Tıkla

Orienté Action

Essayez Maintenant

Title Case

Envoyer Votre Demande

Sentence Case

Envoyez votre demande

Format

10MO / Trois erreurs

Précision

10 MO / 3 erreurs

Erreur Technique

Erreur Système 404

Solution

Page non trouvée

Infrastructure du Design
@mosbius/ui