Mosbius Design
MOSBIUS @UI

Risoluzione Radicale:
Armonia Pixel per Pixel.

Ogni pixel ha uno scopo. Progettiamo interfacce incentrate sull'utente con la chiarezza di Apple e l'integrità di Airbnb.

Chiarezza

Interfacce chiare, dirette e comprensibili che eliminano l'ambiguità.

Integrità

Ogni parte serve a uno scopo unico, nessun dettaglio è accidentale.

Rispetto

Il contenuto è re. L'interfaccia si ritira elegantemente per evidenziare il contenuto.

Interazione

Il movimento è un segno di vita. Risposte significative e naturali a ogni tocco.

DNA del Design

Sistema Atomico

La nostra tavola periodica del design. Particelle atomiche arricchite con la gerarchia semantica dei colori di Apple e la tipografia olistica di Airbnb.

Esperienza Sviluppatore

Tu Possiedi il Codice.
Niente Scatole Nere.

Lavoriamo con la filosofia "Open Code". Invece di nascondere i componenti in un pacchetto npm, li integriamo direttamente nel tuo progetto. Controllo totale, personalizzazione 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

Zero overhead di runtime. Ottimizzato con sottoinsieme di font e tree-shaking.

RSC Ready

Pienamente compatibile con Next.js 16 Server Components. Invia javascript al client solo quando necessario.

Indipendente

Non dipende da nessuna libreria di stili. Puro Tailwind CSS 4 e React.

Open Source

Il codice è tuo. Modificalo, estendilo e personalizzalo come desideri.

Organismi Viventi

Parco Giochi Componenti

Componenti vivi e pulsanti. Testa variazioni, esamina punteggi di accessibilità e copia il tuo codice.

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

Layout e Ritmo

Armonia matematica ed equilibrio ottico. Regole di layout senza CLS, incentrate sull'uomo, basate su un sistema a griglia di 8pt.

12-Column Fluid Grid

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

Griglia Rigida 8pt

Tutti gli spazi devono essere multipli di 8 (8, 16, 24, 32...). Il ritmo verticale deve essere mantenuto.

8
16
24
32

Max 70ch Larghezza

Le righe di testo devono rimanere entro il limite di 60-75 caratteri (ca. 600-800px) per la leggibilità.

Allineamento Ottico

Il centro geometrico non è sempre corretto. Fidati dell'occhio umano e fai correzioni ottiche di +/- 1px.

Oltre la Conformità

Universale e Inclusivo

L'accessibilità non è un ripensamento, è un pilastro architettonico. Progettare per ogni cultura, ogni abilità e ogni dispositivo.

Scheda Punteggio a11y

Controllo Conformità Live

Nav Tastiera
TABENTER
Verifica Contrasto
4.5:1 (AA)
VoiceOver
"Button, Submit, Group"
<button aria-label="Submit" />

Rispetta Preferenza

Quando l'utente dice "Riduci Movimento", le transizioni complesse lasciano il posto a semplici cambi di opacità.

Animazione Standard

Tipografia Dinamica

Supporto ingrandimento testo fino al 200%.

AAA
DNA Comunicativo

Voce e Tono

Le parole sono parte del design. Costruiamo un legame di fiducia con l'utente usando un linguaggio chiaro, umano e inclusivo.

La Nostra Lingua

Professionale ma Amichevole

Siamo lontani dal linguaggio robotico. Siamo abbastanza umani da dire "Non possiamo farlo ora" invece di espressioni fredde come "Operazione fallita".

Chiaro e Diretto

Evitiamo la Voce Passiva. Invece di "Il file è in fase di download", diciamo "Download del file" o "Scarica".

L'uso del Sentence Case è obbligatorio.

Regole di Scrittura

Vago

Buraya Tıkla

Orientato all'Azione

Prova Ora

Title Case

Invia la Tua Richiesta

Sentence Case

Invia la tua richiesta

Formato

10MB / Tre errori

Precisione

10 MB / 3 errori

Errore Tecnico

Errore di Sistema 404

Soluzione

Pagina non trovata

Infrastruttura di Design
@mosbius/ui