Design System

Illustration

Technical diagrams and visual explanations

Sequence Diagram

Sequence Diagram A sequence diagram showing communication between Client, Server, and Database Client Server Database request() query() data response
Sequence Diagram

Shows temporal interactions between actors. Uses dashed lines for return messages and solid lines for calls.

Venn Diagram

Venn Diagram A three-circle Venn diagram showing overlapping concepts of Design, Engineering, and Research Design Engineering Research Product
Venn Diagram

Illustrates relationships and overlaps between concepts. Uses transparency to show intersections.

Bar Chart

Bar Chart A horizontal bar chart showing quarterly performance metrics 0 25 50 75 100 Q1 72% Q2 84% Q3 60% Q4 90%
Bar Chart

Displays quantitative comparisons. Uses subtle grid lines and clear labeling for readability.