Create elegant hand drawn diagrams

Whiteboard diagrams

by semih · CC0-1.0 license · updated Sep 9

Create elegant hand drawn diagrams.

Overview

Create elegant hand drawn diagrams.

The prompt

168 lines · 6,185 characters · makes an image — paste it into an image model

1	Steps to build an AI startup by making something people want:
2
3	{
4	"style": {
5	"name": "Whiteboard Sketch Diagram",
6	"description": "Transform any concept into an elegant hand-drawn diagram. Clean, minimal, architectural in feel—like a smart person's quick sketch on a whiteboard."
7	},
8	"core_philosophy": {
9	"essence": "Elegant simplicity—the lightest possible touch that still communicates clearly",
10	"mindset": "An architect or designer explaining an idea with a fine pen",
11	"goal": "Clarity through restraint and refinement"
12	},
13	"visual_foundation": {
14	"canvas_structure": {
15	"outer_background": "#FFFFFF",
16	"card": {
17	"size": "95-98% of canvas—minimal white margin",
18	"color": "#FEFEFE",
19	"corner_radius": "12-16px subtle roundness",
20	"shadow": "NONE",
21	"border": "NONE"
22	}
23	},
24	"overall_aesthetic": {
25	"feel": "Light, airy, intellectual, refined",
26	"weight": "Delicate—everything feels thin and elegant",
27	"space": "Generous white space everywhere"
28	}
29	},
30	"line_work": {
31	"critical_principle": "THIN AND DELICATE—not bold, not heavy, not chunky",
32	"quality": {
33	"weight": "Fine, thin lines—like a 0.5mm pen or fine-tip marker",
34	"character": "Architectural, precise but hand-drawn",
35	"consistency": "Uniform thin weight throughout"
36	},
37	"stroke_style": {
38	"lines": "Thin, clean, slightly imperfect",
39	"corners": "Sharp or slightly rounded, never bulky",
40	"feel": "Drawn quickly but skillfully"
41	}
42	},
43	"color_palette": {
44	"exact_colors": {
45	"card_background": {
46	"hex": "#FEFEFE",
47	"description": "Almost white, flat, neutral"
48	},
49	"primary_text": {
50	"hex": "#020202",
51	"description": "Near-black for text—crisp and readable"
52	},
53	"line_gray": {
54	"hex": "#4A4B4B",
55	"description": "Dark gray for all drawn lines, boxes, shapes—NOT pure black"
56	},
57	"accent_blue": {
58	"hex": "#2C68B7",
59	"description": "Clear medium blue—for arrows, connectors, brackets, some labels"
60	},
61	"accent_red": {
62	"hex": "#B34952",
63	"description": "Warm coral-red—for category labels, emphasis text"
64	},
65	"fill_blue": {
66	"hex": "#2C68B7",
67	"description": "Same blue for small filled squares/shapes"
68	},
69	"fill_gray": {
70	"hex": "#4A4B4B",
71	"description": "Dark gray for filled grid cells"
72	}
73	},
74	"usage": {
75	"text": "Primary text in #020202 black, categories in #E54B54 red",
76	"lines_and_shapes": "All outlines in #4A4B4B gray—NOT black",
77	"arrows_and_flow": "#2C68B7 blue—thin and elegant",
78	"fills": "Small filled squares in blue or gray—never large solid areas"
79	}
80	},
81	"typography": {
82	"style": {
83	"type": "Elegant italic handwriting",
84	"weight": "Light to medium—never bold or heavy",
85	"slant": "Natural italic lean",
86	"character": "Fluid, intelligent, like architect's lettering"
87	},
88	"colors": {
89	"titles": "#020202 black, italic",
90	"category_labels": "#E54B54 red",
91	"annotations": "#2C68B7 blue or #020202 black"
92	}
93	},
94	"diagram_elements": {
95	"boxes_and_rectangles": {
96	"stroke": "THIN #4A4B4B gray outline—1-2px weight max",
97	"fill": "Empty/transparent—never solid filled large boxes",
98	"corners": "Slightly rounded or sharp, hand-drawn",
99	"style": "Light, airy, not heavy containers"
100	},
101	"grids_and_matrices": {
102	"stroke": "Thin gray lines",
103	"cells": "Small—may contain small filled squares or numbers",
104	"fills": "Small squares filled blue or gray to show data"
105	},
106	"arrows": {
107	"critical": "THIN, ELEGANT, SIMPLE—not chunky PowerPoint arrows",
108	"stroke": "Thin #2C68B7 blue line—same weight as other lines",
109	"heads": "Small, simple, minimal—just two short angled lines forming a point",
110	"style": "Like hand-drawn with a fine pen, not a thick marker",
111	"types": [
112	"Simple thin straight arrows",
113	"Thin curved arrows for flow",
114	"Never: block arrows, 3D arrows, gradient arrows, thick arrows"
115	]
116	},
117	"brackets": {
118	"style": "Thin hand-drawn curly braces in blue",
119	"weight": "Same thin line weight as everything else"
120	},
121	"dots_and_markers": {
122	"style": "Small filled circles or squares",
123	"size": "Tiny—proportional to the thin line aesthetic",
124	"colors": "Blue or red for emphasis"
125	}
126	},
127	"visual_language": {
128	"shapes_vocabulary": {
129	"rectangles": "Thin outlined boxes—vertical or horizontal orientation",
130	"grids": "Small matrices with tiny filled cells",
131	"lists": "Simple dashed or bulleted items inside boxes",
132	"flow": "Thin arrows connecting elements left-to-right"
133	},
134	"composition_patterns": {
135	"typical_layout": "2-4 main elements arranged horizontally with arrows between",
136	"spacing": "Generous gaps between elements",
137	"alignment": "Rough but intentional alignment",
138	"hierarchy": "Titles above boxes, labels below or beside"
139	},
140	"proportions": {
141	"line_weight_to_space": "Very thin lines in very open space",
142	"text_to_diagram": "Text is secondary, diagram dominates",
143	"fill_to_empty": "Mostly empty, fills are small accents"
144	}
145	},
146	"elegance_principles": {
147	"lightness": "Everything should feel like it could float away",
148	"restraint": "Use the minimum to communicate the idea",
149	"refinement": "Quality of line over quantity of elements",
150	"intelligence": "Looks like a smart person drew it quickly",
151	"breathing": "White space is as important as the marks"
152	},
153	"avoid": [
154	"Thick, heavy, bold lines",
155	"Chunky PowerPoint-style arrows",
156	"Block arrows or 3D arrows",
157	"Large solid filled areas",
158	"Dense, cluttered layouts",
159	"Bold or heavy typography",
160	"Drop shadows or gradients",
161	"Corporate clip-art aesthetic",
162	"Rounded bubble shapes",
163	"Any line weight that feels 'heavy'",
164	"Pure black (#000000) for lines—use #4A4B4B gray",
165	"Decorative elements",
166	"Overly complex diagrams"
167	]
168	}