Step Path

Step Path

VIP

Açık gri bir zeminde, beyaz ve yuvarlak köşeli bir kartta dört aşamayı adım adım anlatan bir süreç bileşeni; her adım bir öncekinden biraz aşağıda duruyor, siyah noktalar kesik çizgili bir yolla birbirine bağlanıyor, başlıklar koyu, numaralar ve açıklamalar daha soluk. Sayfayı kaydırıp bileşen görününce çizgi ilk noktadan başlayıp kendini çiziyor, her adımın yazısı çizgi oraya ulaştıkça alttan belirip yerine oturuyor, sonra çizginin üstünde koyu bir parça kayarak durmadan ilerliyor. Adım metinlerini kendi sürecine göre yazabilir, açık, koyu ya da yeşil renk şemasını seçebilir, çizim ile akış hızını ayarlayabilirsin; dar ekranda adımlar alt alta diziliyor, bir ürün ya da hizmetin aşamalarını anlatan tanıtım sayfalarına uyar.