Genel bakış
Konu neydi.
metisOne grubunun görünümü için kendi tasarım sistemine sahip çok sayfalı bir web sitesi kurduk — renk ve tipografi token'larından yeniden kullanılabilir bileşenlere ve tek tek sayfalara kadar.
Başlangıç durumu
- Ortak bir tasarım temeli yok
- Tek çatı altındaki birden çok markayı tutarlı göstermek
- Yükleme süresi ve bulunabilirlikte yüksek beklentiler
Çözümümüz
- Renk, tipografi ve bileşen token'lı kendi tasarım sistemi
- Next.js ile sunucu tarafında render, açık/koyu mod
- Baştan sona erişilebilirlik, çok dile hazır
Sonuç
- Tüm grupta tutarlı görünüm
- Yeni sayfalar hazır yapı taşlarından doğuyor
- Hızlı, erişilebilir ve kolay bulunur
Teknoloji
Neyle inşa ettik.
TypeScriptNext.jsReactDesign-Tokens
Kulağa sizin probleminiz gibi mi geliyor?
Projenizi anlatın — ücretsiz bir görüşmede neyin mümkün olduğunu keşfederiz.
Ücretsiz görüşme ayarla