用 JSON 风格规范生成手绘白板草图式示意图,以简洁线条和标注解释一个概念
构建一家“制造人们真正需要的东西”的AI初创公司的步骤:
{
"style": {
"name": "白板手绘示意图",
"description": "将任何概念转化为优雅的手绘风格图表。简洁、极简,具有建筑感——就像聪明人在白板上快速勾勒出的草图。"
},
"core_philosophy": {
"essence": "优雅的简约——以最轻盈的笔触依然清晰传达信息",
"mindset": "像建筑师或设计师用细笔解释一个想法",
"goal": "通过克制与精炼实现清晰表达"
},
"visual_foundation": {
"canvas_structure": {
"outer_background": "#FFFFFF",
"card": {
"size": "占画布的95-98%——留出极小的白色边距",
"color": "#FEFEFE",
"corner_radius": "12-16px 轻微圆角",
"shadow": "无",
"border": "无"
}
},
"overall_aesthetic": {
"feel": "轻盈、通透、富有智慧感、精致",
"weight": "细腻——所有元素都显得纤细而优雅",
"space": "处处留有充足的空白空间"
}
},
"line_work": {
"critical_principle": "纤细且精致——不粗重、不浓重、不笨拙",
"quality": {
"weight": "细线——如同0.5mm钢笔或细头记号笔所绘",
"character": "具有建筑感,精确但为手绘风格",
"consistency": "整体线条粗细均匀一致"
},
"stroke_style": {
"lines": "纤细、干净、略带不完美感",
"corners": "尖锐或轻微圆角,绝不厚重",
"feel": "快速但娴熟地绘制而成"
}
},
"color_palette": {
"exact_colors": {
"card_background": {
"hex": "#FEFEFE",
"description": "近乎白色,平坦、中性"
},
"primary_text": {
"hex": "#020202",
"description": "接近黑色的文字——清晰易读"
},
"line_gray": {
"hex": "#4A4B4B",
"description": "深灰色,用于所有绘制的线条、框、形状——非纯黑"
},
"accent_blue": {
"hex": "#2C68B7",
"description": "清晰的中等蓝色——用于箭头、连接线、括号及部分标签"
},
"accent_red": {
"hex": "#B34952",
"description": "温暖的珊瑚红色——用于类别标签和强调文字"
},
"fill_blue": {
"hex": "#2C68B7",
"description": "相同蓝色用于小面积填充的方块/形状"
},
"fill_gray": {
"hex": "#4A4B4B",
"description": "深灰色用于填充网格单元格"
}
},
"usage": {
"text": "正文使用 #020202 黑色,类别使用 #E54B54 红色",
"lines_and_shapes": "所有轮廓线使用 #4A4B4B 灰色——非黑色",
"arrows_and_flow": "#2C68B7 蓝色——纤细而优雅",
"fills": "小面积填充的方块使用蓝色或灰色——从不使用大面积实心填充"
}
},
"typography": {
"style": {
"type": "优雅的斜体手写风格",
"weight": "浅至中等——从不加粗或厚重",
"slant": "自然的斜体倾斜",
"character": "流畅、睿智,类似建筑师的书写风格"
},
"colors": {
"titles": "#020202 黑色,斜体",
"category_labels": "#E54B54 红色",
"annotations": "#2C68B7 蓝色或 #020202 黑色"
}
},
"diagram_elements": {
"boxes_and_rectangles": {
"stroke": "纤细的 #4A4B4B 灰色轮廓线——最大1-2px粗细",
"fill": "空心/透明——从不使用大面积实心填充的盒子",
"corners": "轻微圆角或直角,手绘风格",
"style": "轻盈、通透,非沉重的容器"
},
"grids_and_matrices": {
"stroke": "细灰线",
"cells": "较小——可包含小面积填充的方块或数字",
"fills": "用蓝色或灰色填充小方块以表示数据"
},
"arrows": {
"critical": "纤细、优雅、简洁——非笨重的PowerPoint式箭头",
"stroke": "细的 #2C68B7 蓝色线条——与其他线条粗细一致",
"heads": "小巧、简单、极简——仅由两条短斜线构成箭头",
"style": "像是用细笔手绘而成,而非粗记号笔",
"types": [
"简单的细直线箭头",
"用于流程的细曲线箭头",
"禁止:块状箭头、3D箭头、渐变箭头、粗箭头"
]
},
"brackets": {
"style": "蓝色手绘的细波浪括号",
"weight": "与其他线条相同的纤细粗细"
},
"dots_and_markers": {
"style": "小的实心圆点或方块",
"size": "极小——符合纤细线条的视觉比例",
"colors": "蓝色或红色用于强调"
}
},
"visual_language": {
"shapes_vocabulary": {
"rectangles": "细轮廓线矩形框——竖向或横向排列",
"grids": "小型矩阵,带有微小的填充单元格",
"lists": "框内使用简单的虚线或项目符号列表",
"flow": "细箭头从左到右连接各元素"
},
"composition_patterns": {
"typical_layout": "2-4个主要元素水平排列,中间以箭头连接"
"spacing": "元素之间留有充裕的间隙",
"alignment": "大致但有意图的对齐",
"hierarchy": "标题在框上方,标签在下方或侧边"
},
"proportions": {
"line_weight_to_space": "非常细的线条搭配极为开阔的空间",
"text_to_diagram": "文字为辅,图示为主",
"fill_to_empty": "大部分为空白,填充仅作微小点缀"
}
},
"elegance_principles": {
"lightness": "所有元素都应看起来轻盈得仿佛能飘走",
"restraint": "用最少的元素传达想法",
"refinement": "注重线条质量而非元素数量",
"intelligence": "看起来像是聪明人快速绘制的",
"breathing": "留白与标记同等重要"
},
"avoid": [
"粗重、浓重的线条",
"笨重的 PowerPoint 风格箭头",
"块状箭头或 3D 箭头",
"大面积实心填充区域",
"密集杂乱的布局",
"粗体或厚重的字体",
"投影或渐变效果",
"企业风剪贴画风格",
"圆润的泡泡形状",
"任何显得‘沉重’的线宽",
"线条避免使用纯黑色(#000000),应使用 #4A4B4B 灰色",
"装饰性元素",
"过于复杂的图表"
]
}Steps to build an AI startup by making something people want:
{
"style": {
"name": "Whiteboard Sketch Diagram",
"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."
},
"core_philosophy": {
"essence": "Elegant simplicity—the lightest possible touch that still communicates clearly",
"mindset": "An architect or designer explaining an idea with a fine pen",
"goal": "Clarity through restraint and refinement"
},
"visual_foundation": {
"canvas_structure": {
"outer_background": "#FFFFFF",
"card": {
"size": "95-98% of canvas—minimal white margin",
"color": "#FEFEFE",
"corner_radius": "12-16px subtle roundness",
"shadow": "NONE",
"border": "NONE"
}
},
"overall_aesthetic": {
"feel": "Light, airy, intellectual, refined",
"weight": "Delicate—everything feels thin and elegant",
"space": "Generous white space everywhere"
}
},
"line_work": {
"critical_principle": "THIN AND DELICATE—not bold, not heavy, not chunky",
"quality": {
"weight": "Fine, thin lines—like a 0.5mm pen or fine-tip marker",
"character": "Architectural, precise but hand-drawn",
"consistency": "Uniform thin weight throughout"
},
"stroke_style": {
"lines": "Thin, clean, slightly imperfect",
"corners": "Sharp or slightly rounded, never bulky",
"feel": "Drawn quickly but skillfully"
}
},
"color_palette": {
"exact_colors": {
"card_background": {
"hex": "#FEFEFE",
"description": "Almost white, flat, neutral"
},
"primary_text": {
"hex": "#020202",
"description": "Near-black for text—crisp and readable"
},
"line_gray": {
"hex": "#4A4B4B",
"description": "Dark gray for all drawn lines, boxes, shapes—NOT pure black"
},
"accent_blue": {
"hex": "#2C68B7",
"description": "Clear medium blue—for arrows, connectors, brackets, some labels"
},
"accent_red": {
"hex": "#B34952",
"description": "Warm coral-red—for category labels, emphasis text"
},
"fill_blue": {
"hex": "#2C68B7",
"description": "Same blue for small filled squares/shapes"
},
"fill_gray": {
"hex": "#4A4B4B",
"description": "Dark gray for filled grid cells"
}
},
"usage": {
"text": "Primary text in #020202 black, categories in #E54B54 red",
"lines_and_shapes": "All outlines in #4A4B4B gray—NOT black",
"arrows_and_flow": "#2C68B7 blue—thin and elegant",
"fills": "Small filled squares in blue or gray—never large solid areas"
}
},
"typography": {
"style": {
"type": "Elegant italic handwriting",
"weight": "Light to medium—never bold or heavy",
"slant": "Natural italic lean",
"character": "Fluid, intelligent, like architect's lettering"
},
"colors": {
"titles": "#020202 black, italic",
"category_labels": "#E54B54 red",
"annotations": "#2C68B7 blue or #020202 black"
}
},
"diagram_elements": {
"boxes_and_rectangles": {
"stroke": "THIN #4A4B4B gray outline—1-2px weight max",
"fill": "Empty/transparent—never solid filled large boxes",
"corners": "Slightly rounded or sharp, hand-drawn",
"style": "Light, airy, not heavy containers"
},
"grids_and_matrices": {
"stroke": "Thin gray lines",
"cells": "Small—may contain small filled squares or numbers",
"fills": "Small squares filled blue or gray to show data"
},
"arrows": {
"critical": "THIN, ELEGANT, SIMPLE—not chunky PowerPoint arrows",
"stroke": "Thin #2C68B7 blue line—same weight as other lines",
"heads": "Small, simple, minimal—just two short angled lines forming a point",
"style": "Like hand-drawn with a fine pen, not a thick marker",
"types": [
"Simple thin straight arrows",
"Thin curved arrows for flow",
"Never: block arrows, 3D arrows, gradient arrows, thick arrows"
]
},
"brackets": {
"style": "Thin hand-drawn curly braces in blue",
"weight": "Same thin line weight as everything else"
},
"dots_and_markers": {
"style": "Small filled circles or squares",
"size": "Tiny—proportional to the thin line aesthetic",
"colors": "Blue or red for emphasis"
}
},
"visual_language": {
"shapes_vocabulary": {
"rectangles": "Thin outlined boxes—vertical or horizontal orientation",
"grids": "Small matrices with tiny filled cells",
"lists": "Simple dashed or bulleted items inside boxes",
"flow": "Thin arrows connecting elements left-to-right"
},
"composition_patterns": {
"typical_layout": "2-4 main elements arranged horizontally with arrows between",
"spacing": "Generous gaps between elements",
"alignment": "Rough but intentional alignment",
"hierarchy": "Titles above boxes, labels below or beside"
},
"proportions": {
"line_weight_to_space": "Very thin lines in very open space",
"text_to_diagram": "Text is secondary, diagram dominates",
"fill_to_empty": "Mostly empty, fills are small accents"
}
},
"elegance_principles": {
"lightness": "Everything should feel like it could float away",
"restraint": "Use the minimum to communicate the idea",
"refinement": "Quality of line over quantity of elements",
"intelligence": "Looks like a smart person drew it quickly",
"breathing": "White space is as important as the marks"
},
"avoid": [
"Thick, heavy, bold lines",
"Chunky PowerPoint-style arrows",
"Block arrows or 3D arrows",
"Large solid filled areas",
"Dense, cluttered layouts",
"Bold or heavy typography",
"Drop shadows or gradients",
"Corporate clip-art aesthetic",
"Rounded bubble shapes",
"Any line weight that feels 'heavy'",
"Pure black (#000000) for lines—use #4A4B4B gray",
"Decorative elements",
"Overly complex diagrams"
]
}