MTD
Mẫn Tiến Dũng

Cyclical Process - Copy this React, Tailwind Component to your project

The image shows a diagram with four circular elements connected in a loop, representing a continuous process. The circles are arranged in a clockwise direction, each connected with arrows, indicating a cycle. These elements are placed on the left side of the image, and each circle contains Japanese text, describing different stages of the process. On the right side, there is a corresponding list of four stages, written in both Japanese and numbers (01, 02, 03, 04), which is aligned vertically. Each stage in the list has an arrow pointing to the right, suggesting a link or further action. The list is aligned in a clean and minimalistic layout, with ample white space around the elements. The diagram represents the four stages: Business Strategy (事業戦略) Experience Design (体験設計) Development (開発) Growth Foundation (成長基盤構築) Above the list, a short description in Japanese provides an explanation of the cyclical process, indicating that the stages repeat and build on each other to drive growth and transformation for a company. The layout combines minimalism with clarity, utilizing whitespace effectively, and the circles and text are balanced visually across the page. The design is responsive friendly, likely adjusting smoothly to different screen sizes.

Prompt
Component Preview

About

CyclicalProcess - Visualize a continuous cycle with four stages in Japanese, minimal design, responsive layout, built with react and t. View and copy code!

Share

Last updated 1 month ago