La libreria UI di Emporia Digital Group

<c-table>
<c-filter-bar>
<c-field>
<c-combobox>
<c-modal>
<c-detail>
<c-timeline>
<c-hero>
<c-media-card>
<c-faq>
<c-steps>
<c-scroll-video>

Come funziona

I componenti danno la struttura, lo stile il carattere

Nel progetto restano solo i contenuti. Il resto è già pronto e collaudato.

Uno stile per ogni cliente

Nitido, Clinico, Mappale e gli altri del catalogo. Colori, caratteri e forme stanno in un unico file.

Pagine fatte di componenti

Tabelle, moduli, hero, domande frequenti: arrivano già funzionanti e accessibili.

Nessun colore scritto a mano

Nel codice del progetto non ci sono colori. Per cambiare l'aspetto di un sito finito basta cambiare lo stile.

Accessibili fin dall'inizio

Contrasti controllati su ogni stile, navigazione da tastiera e con lettore di schermo.

Cosa c'è dentro

Dal gestionale alla landing

Gestionali

Tabelle con filtri e ordinamento, moduli, ricerca, finestre di conferma, schede di dettaglio e storico delle modifiche.

Siti e landing

Hero, sezioni, card, testimonianze, domande frequenti, inviti all'azione, caroselli e sfondi animati.

Mappe e prenotazioni

Punti sulla mappa legati all'elenco, ricerca degli indirizzi, calendari con gli orari davvero liberi.

Animazioni con misura

Ingressi allo scroll, contatori, video che seguono la pagina. Si fermano per chi preferisce meno movimento.

templates/home.html

<c-hero variant="frame" backdrop="grid"
  title="Spazi che si vivono." />

<c-feature.grid variant="cards">
  <c-feature title="Progetto" />
  <c-feature title="Cantiere" />
</c-feature.grid>

<c-cta variant="band" title="Parliamone" />

{# al resto pensa lo stile #}

Componenti

Una pagina in poche righe

Ogni blocco è un componente, con le sue varianti. Lo stesso codice diventa Nitido, Clinico o Mappale: cambia solo lo stile.

clienti/entities.py

@register
class ClienteEntity(Entity):
    model = Cliente
    search = ["ragione_sociale", "piva", "citta"]
    columns = ["ragione_sociale", "citta", "stato"]
    filters = ["stato", "citta"]
    api = True

# elenco, scheda, modulo, storico, cestino,
# esportazione e API: pronti.

emporia-core

Un gestionale in una classe

Descrivi l'archivio e hai elenco, scheda, modulo, storico, cestino, esportazione, permessi e API. Tutto già in linea con i componenti e con lo stile del cliente.

componenti e blocchi

56

stili in catalogo

9

esempi da provare

108

siti d'esempio

6

Stili e vetrine

Ogni cliente ha il suo carattere

Siti d'esempio costruiti solo con i componenti, ciascuno con uno stile diverso.

Stile Immobiliare

Casa Navigli

Agenzia immobiliare

Stile Mappale

Studio Lume

Studio di architettura

Stile Editorial Italian

Osteria del Borgo

Ristorante

Stile Clinico

Poliambulatorio San Luca

Studio medico

Stile Dorsale

Aria

Prodotto tech

Stile Nitido

Studio Nove

Agenzia creativa

Chi può usare Emporia UI?

Per ora libreria e documentazione sono riservate: gli account si attivano su invito.

In quali progetti si usa?

Nei progetti Django 5 con django-cotton, Bootstrap 5.3 e HTMX. Un progetto nuovo può partire da un modello in cui è già tutto configurato.

Come si cambia l'aspetto di un sito?

Si sceglie un altro stile. Template e componenti non cambiano, e i contrasti sono già controllati per ogni stile del catalogo.

Serve JavaScript?

Per le pagine no: i contenuti si vedono comunque, lo script aggiunge interazioni e animazioni. Mappe, calendari e ricerche dal vivo invece ne hanno bisogno.

A cosa serve emporia-core?

Alla parte gestionale: archivi descritti in una classe, permessi per ruolo, storico, cestino, esportazione, API e la possibilità di entrare come un altro utente.

Documentazione riservata

Codice, esempi e vetrine sono riservati a chi ha un account.

Accedi