Flat Flowchart Design Guide

1. Overall Visual Style

Style keywords: Flat UI, Vector, Modern Minimalist, Card-style.

Lines and shapes:

Rounded Rectangles First: All borders, background blocks, buttons, and flow nodes must be rounded rectangles (Rounded Rectangles have a large fillet radius, about 10-15px).

Elbow lines: Process lines use right-angle zigzags (no curves), with clean and powerful lines.

Color Logic (Key Points):

"Candy color" palette: Use a high-brightness, low-saturation light background (such as light blue, light green, light purple), paired with a dark border in the same color family.

Border emphasis: All graphics must have a clear 2px~3px solid line border.

2. Vertical Layout Structure

No matter what subject you want to draw, follow the top-down typography order below and make sure to include it in a large bordered container:

Layer 1: Header

Position: Center the top of the container.

Style: Bold black font, largest font size, darkest color.

Level 2: Core Flowchart Area

Location: The core area occupying 50% of the layout.

Content: Rectangular nodes + arrow connections. If it is a looping step, use dashed line backpoint.

Level 3: Feature List

Position: Below the flowchart, centered or left-aligned.

Style: A concise and powerful unordered list (Bullet Points), with slightly smaller fonts and some blank space.

Layer 4: Bottom Footer Box

Position: The bottom of the container, filled laterally.

Color scheme: Use differentiated colors (such as purple in the example) to distinguish yourself from the main tone above.

Function: Used to place "Summary," "Analogy," or "Core Conclusion."

Selected the landscape (landscape/landscape mode) size for the following reasons:

Content adaptation: For horizontally expanded content like timelines, using a horizontal canvas can better showcase the evolution process

Presentation Friendly: The 3:2 aspect ratio is perfect for inserting into PPTs and documents, and it looks great on projections or screens

Information Loading: Horizontal layout can accommodate more text and icons, avoiding crowding