Interfacce di prodotto

Design system

Token, primitive e comportamento accessibile, così la decima schermata assomiglia alla prima.

Tailwind CSS
Base UI
shadcn
Lucide

Che cos'è

Il vocabolario condiviso di un'interfaccia — token di colore e spaziatura, tipografia e un insieme di primitive con il comportamento da tastiera e da screen reader già risolto.

Perché l'abbiamo scelto

Tailwind tiene i token come custom property CSS, così un tema è un dato invece che una ricompilazione, e chiaro e scuro sono gli stessi componenti. Base UI fornisce primitive accessibili e senza stile — menu, dialoghi, combobox — a cui diamo noi lo stile, che è la divisione giusta: il comportamento è difficile e generico, l'aspetto è facile e specifico. Il contrasto non è lasciato al gusto: su questo sito ogni accoppiamento di primo piano e sfondo è verificato rispetto a WCAG AA da un test unitario, in entrambi i temi, così una modifica di colore che rompe la leggibilità fa fallire la build.

Che cosa ci costruiamo

Landing page e siti vetrina

Siti veloci e pre-renderizzati che si aprono all'istante e costano quasi nulla da mantenere. Contenuti che potete modificare da soli, nelle lingue di cui avete bisogno.

Applicazioni web full-stack · Design system · Internazionalizzazione · Piattaforma edge

Dove lo usiamo

In ogni interfaccia che progettiamo, ed è il motivo per cui la decima schermata di un prodotto sembra ancora appartenere alla prima.

schermatamycarro.app

Il motore di ricerca auto di Mycarro come funziona oggi, che cerca tra i suoi annunci portoghesi attivi.

Mycarro — marketplace auto e CRM per rivenditori

Un marketplace di auto usate attivo in Portogallo. Ricerca per il consumatore su annunci raccolti da tutto il mercato, un back office per i rivenditori con contatti, magazzino e fatturazione, e un'app mobile — costruito end-to-end.

l'abbiamo costruito

schermatalivemark.dev

Il sito di documentazione di Livemark, generato da Livemark stesso a partire da semplice Markdown.

Livemark — siti di documentazione in Markdown

Trasforma i file Markdown in un sito di documentazione veloce — evidenziazione della sintassi, diagrammi, componenti, blog e changelog inclusi.

lo manteniamo

Contattateci

Raccontateci che cosa volete costruire.

Siamo un piccolo team in Portogallo, con orario di Londra. Un sito, un'app, uno strumento interno o la piattaforma che ci sta dietro — iniziate con una frase sul problema e poi ci pensiamo noi.

Iniziamo a parlarne Vedi su GitHub

Tutte le tecnologie