Interfaces produit

Design systems

Des tokens, des primitives et un comportement accessible, pour que le dixième écran ressemble au premier.

Tailwind CSS
Base UI
shadcn
Lucide

Ce que c'est

Le vocabulaire commun d'une interface — tokens de couleur et d'espacement, typographie, et un jeu de primitives dont le comportement au clavier et au lecteur d'écran est déjà réglé.

Pourquoi nous l'avons choisi

Tailwind garde les tokens sous forme de propriétés CSS personnalisées : un thème est une donnée plutôt qu'une recompilation, et le clair et le sombre sont les mêmes composants. Base UI fournit des primitives non stylées et accessibles — menus, boîtes de dialogue, combobox — que nous stylons nous-mêmes, ce qui est le bon partage : le comportement est difficile et générique, l'apparence est facile et spécifique. Le contraste n'est pas laissé au goût de chacun ; sur ce site, chaque couple premier plan / arrière-plan est vérifié contre WCAG AA par un test unitaire, dans les deux thèmes, si bien qu'un changement de couleur qui casse la lisibilité fait échouer le build.

Ce que nous construisons avec

Landing pages et sites vitrines

Des sites prérendus, rapides, qui s'affichent instantanément et ne coûtent presque rien à faire tourner. Un contenu que vous pouvez modifier vous-même, dans autant de langues que nécessaire.

Applications web full-stack · Design systems · Internationalisation · Plateforme edge

Où nous l'utilisons

Dans chaque interface que nous concevons, et comme raison pour laquelle le dixième écran d'un produit ressemble encore au premier.

capturemycarro.app

Le moteur de recherche automobile Mycarro tel qu'il tourne aujourd'hui, sur ses annonces portugaises en ligne.

Mycarro — place de marché auto et CRM concessionnaires

Une place de marché de voitures d'occasion en ligne au Portugal. Une recherche grand public sur des annonces collectées dans tout le marché, un back-office concessionnaires pour les leads, le stock et la facturation, et une application mobile — construits de bout en bout.

nous l'avons construit

capturelivemark.dev

Le site de documentation de Livemark, généré par Livemark lui-même à partir de simple Markdown.

Livemark — sites de documentation Markdown

Transforme des fichiers Markdown en site de documentation rapide — coloration syntaxique, diagrammes, composants, blog et changelog inclus.

nous le maintenons

Nous contacter

Dites-nous ce que vous voulez faire construire.

Nous sommes une petite équipe au Portugal, aux horaires de Londres. Un site, une application, un outil interne, ou la plateforme derrière — commencez par une phrase sur le problème et nous prenons la suite.

Entamer la conversation Voir sur GitHub

Toutes les technologies