dpkit Terminal und TypeScript vorgestelltZur Ankündigung
Datist

Produktoberflächen

Designsysteme

Tokens, Primitive und barrierefreies Verhalten, damit der zehnte Screen wie der erste aussieht.

  • Tailwind CSS
  • Base UI
  • shadcn
  • Lucide

Was es ist

Das gemeinsame Vokabular einer Oberfläche — Farb- und Abstands-Tokens, Typografie und ein Satz Primitive, bei denen Tastatur- und Screenreader-Verhalten bereits erledigt sind.

Warum wir es gewählt haben

Tailwind hält die Tokens als CSS-Custom-Properties, sodass ein Theme Daten sind und kein neuer Build, und Hell und Dunkel dieselben Komponenten nutzen. Base UI liefert ungestylte, barrierefreie Primitive — Menüs, Dialoge, Comboboxen —, die wir selbst gestalten; das ist die richtige Aufteilung: Verhalten ist schwierig und allgemein, Aussehen ist einfach und spezifisch. Kontrast bleibt nicht dem Geschmack überlassen: Auf dieser Website prüft ein Unit-Test jede Kombination aus Vorder- und Hintergrund gegen WCAG AA, in beiden Themes, sodass eine Farbänderung, die die Lesbarkeit bricht, den Build scheitern lässt.

Was wir damit bauen

Landingpages & Marketing-Websites

Schnelle, vorgerenderte Websites, die sofort laden und im Betrieb fast nichts kosten. Inhalte, die Sie selbst bearbeiten können, in so vielen Sprachen, wie Sie brauchen.

Full-Stack-Webanwendungen · Designsysteme · Internationalisierung · Edge-Plattform

Wo wir es einsetzen

In jeder Oberfläche, die wir gestalten, und als Grund dafür, dass der zehnte Screen eines Produkts noch zum ersten passt.
Aufnahmemycarro.app
Die Fahrzeugsuche von Mycarro, wie sie heute läuft, über die aktuellen portugiesischen Inserate.

Mycarro — Automarktplatz und Händler-CRM

Ein Gebrauchtwagen-Marktplatz, live in Portugal. Verbrauchersuche über Inserate aus dem gesamten Markt, ein Händler-Back-Office für Leads, Bestand und Rechnungen sowie eine mobile App — end to end gebaut.

wir haben gebaut

Aufnahmelivemark.dev
Die Dokumentationsseite von Livemark, von Livemark selbst aus schlichtem Markdown erzeugt.

Livemark — Dokumentationsseiten aus Markdown

Macht aus Markdown-Dateien eine schnelle Dokumentationsseite — Syntaxhervorhebung, Diagramme, Komponenten, Blog und Changelog inklusive.

wir pflegen

Kontakt aufnehmen

Sagen Sie uns, was gebaut werden soll.

Wir sind ein kleines Team in Portugal und arbeiten zu Londoner Zeiten. Eine Website, eine App, ein internes Werkzeug oder die Plattform dahinter — beginnen Sie mit einem Satz zum Problem, den Rest übernehmen wir.

Gespräch beginnenAuf GitHub ansehen
Alle Technologien
Angebot anfordern