This is an automated email from the ASF dual-hosted git repository.
morningman pushed a commit to branch master
in repository https://gitbox.apache.org/repos/asf/doris-website.git
The following commit(s) were added to refs/heads/master by this push:
new b84f01248fa [feat] add image prompt (#3640)
b84f01248fa is described below
commit b84f01248fa83d83965abe7b60c8e2ea83b2098b
Author: Mingyu Chen (Rayner) <[email protected]>
AuthorDate: Wed May 13 19:19:22 2026 -0700
[feat] add image prompt (#3640)
image prompt for gpt-image-2
---
prompt/img-illustration-style-guide.md | 154 +++++++++++++++++++++++++++++++++
1 file changed, 154 insertions(+)
diff --git a/prompt/img-illustration-style-guide.md
b/prompt/img-illustration-style-guide.md
new file mode 100644
index 00000000000..2e1ddf3630c
--- /dev/null
+++ b/prompt/img-illustration-style-guide.md
@@ -0,0 +1,154 @@
+# Apache Doris Illustration Style Guide
+
+## Brand Colors
+
+- **Primary**: Teal `#0FA679`
+- **Text**: Dark charcoal `#333333`
+- **Labels**: Medium gray `#666666`
+- **Background**: White `#FFFFFF`
+- **Outlines**: Black `#000000`
+
+---
+
+## Illustration Style: Hand-drawn Whiteboard
+
+```
+A hand-drawn whiteboard style technical illustration showing [TOPIC].
+
+Design requirements:
+- Whiteboard/white paper background with subtle paper texture
+- Hand-drawn style: slightly imperfect lines, marker-pen strokes, technical
sketch feel
+- Thin black outlines (1-2px) throughout, minimal shading using hatch marks or
dot shading
+- Flat hand-drawn icons drawn in sketch style
+
+Brand color: Teal (#0FA679) used for key elements and highlights
+Other colors: Black (#000000) for outlines and labels, dark gray (#333333) for
text
+All labels in clean sans-serif font (like Arial or Helvetica)
+
+Style: Hand-drawn whiteboard sketch, technical illustration, marker-pen feel,
clean line work, no photo-realism, no 3D rendering, flat icons with minimal
detail, professional whiteboard explanation aesthetic
+
+All text in English only.
+```
+
+---
+
+## Recommended Image Sizes
+
+- Banner / Hero images: 1200 x 600px or similar ratio
+- Architecture diagrams: 800 x 600px or similar ratio
+- In-card icons: 64 x 64px or 48 x 48px
+
+---
+
+## Example Prompts
+
+### 1. Key Metrics Dashboard
+
+```
+A hand-drawn whiteboard style technical illustration showing Apache Doris key
metrics dashboard.
+
+Design requirements:
+- Whiteboard/white paper background with subtle paper texture
+- Hand-drawn style: slightly imperfect lines, marker-pen strokes, technical
sketch feel
+- Thin black outlines (1-2px) throughout, minimal shading using hatch marks or
dot shading
+- Flat hand-drawn icons drawn in sketch style
+
+5 metric cards arranged horizontally, each card looks hand-drawn:
+ 1. "< 1s" / "Query Latency" - lightning bolt sketch icon in brand teal
+ 2. "Sec-level" / "Ingestion" - clock sketch icon in brand teal
+ 3. "10,000+" / "QPS" - users/concurrency sketch icon in brand teal
+ 4. "10PB+" / "Scale" - database cylinder sketch icon in brand teal
+ 5. "MySQL" / "Compatible" - plug/connector sketch icon in brand teal
+
+Brand color: Teal (#0FA679) used for metric numbers and icon fills
+Other colors: Black (#000000) for outlines and labels, dark gray (#333333) for
text
+All labels in clean sans-serif font (like Arial or Helvetica)
+
+Style: Hand-drawn whiteboard sketch, technical illustration, marker-pen feel,
clean line work, no photo-realism, no 3D rendering, flat icons with minimal
detail, professional whiteboard explanation aesthetic
+
+All text in English only.
+```
+
+---
+
+### 2. Real-time Analytics Scenario
+
+```
+A hand-drawn whiteboard style technical illustration showing Apache Doris
real-time analytics scenario.
+
+Design requirements:
+- Whiteboard/white paper background with subtle paper texture
+- Hand-drawn style: slightly imperfect lines, marker-pen strokes, technical
sketch feel
+- Thin black outlines (1-2px) throughout, minimal shading using hatch marks or
dot shading
+- Flat hand-drawn icons drawn in sketch style
+
+Left side (data sources): Kafka icon, log files icon, database icon
+Center: Apache Doris logo area (use teal circle as placeholder), with arrow
pointing from data sources
+Right side (outputs): dashboard screen icon, chart icon, report icon
+
+Brand color: Teal (#0FA679) used for Doris central element and arrows
+Other colors: Black (#000000) for outlines and labels, dark gray (#333333) for
text
+
+Style: Hand-drawn whiteboard sketch, technical illustration, marker-pen feel,
clean line work, no photo-realism, no 3D rendering, flat icons with minimal
detail, professional whiteboard explanation aesthetic
+
+All text in English only.
+```
+
+---
+
+### 3. Integrated Storage and Compute Architecture
+
+```
+A hand-drawn whiteboard style technical architecture diagram showing Apache
Doris integrated storage and compute architecture.
+
+Design requirements:
+- Whiteboard/white paper background with subtle paper texture
+- Hand-drawn style: slightly imperfect lines, marker-pen strokes, technical
sketch feel
+- Thin black outlines (1-2px) throughout, minimal shading using hatch marks or
dot shading
+- Flat hand-drawn icons drawn in sketch style
+
+Show 3 FE nodes (Frontend) at top in a triangular arrangement with Master,
Follower, Observer labels
+Show 3 BE nodes (Backend) at bottom with database cylinder icons
+Connect FE and BE with bidirectional arrows showing communication
+Add BDBJE protocol annotation on connections between FE nodes
+
+Brand color: Teal (#0FA679) used for node outlines and connection lines
+Other colors: Black (#000000) for outlines and labels, dark gray (#333333) for
text
+All labels in clean sans-serif font (like Arial or Helvetica)
+
+Style: Hand-drawn whiteboard sketch, technical illustration, marker-pen feel,
clean line work, no photo-realism, no 3D rendering, flat icons with minimal
detail, professional whiteboard explanation aesthetic
+
+All text in English only.
+```
+
+---
+
+### 4. Hybrid Search Diagram
+
+```
+A hand-drawn whiteboard style technical illustration showing Apache Doris
hybrid search capability in a single SQL query.
+
+Design requirements:
+- Whiteboard/white paper background with subtle paper texture
+- Hand-drawn style: slightly imperfect lines, marker-pen strokes, technical
sketch feel
+- Thin black outlines (1-2px) throughout, minimal shading using hatch marks or
dot shading
+- Flat hand-drawn icons drawn in sketch style
+
+Center: A SQL query block drawn as hand-drawn code editor window showing:
+"SELECT * FROM products WHERE match(vector, '...') AND body MATCH '...' AND
category_id = 1"
+
+Three branches extending from the query:
+- Left branch: vector search icon (scatter plot with points) labeled "Vector
Search"
+- Middle branch: text/search icon labeled "Full-text Search"
+- Right branch: table/filter icon labeled "Structured Filter"
+
+All branches merge back to a result set icon
+
+Brand color: Teal (#0FA679) used for highlights and icons
+Other colors: Black (#000000) for outlines and labels, dark gray (#333333) for
text
+All labels in clean sans-serif font (like Arial or Helvetica)
+
+Style: Hand-drawn whiteboard sketch, technical illustration, marker-pen feel,
clean line work, no photo-realism, no 3D rendering, flat icons with minimal
detail, professional whiteboard explanation aesthetic
+
+All text in English only.
+```
---------------------------------------------------------------------
To unsubscribe, e-mail: [email protected]
For additional commands, e-mail: [email protected]
