Skip to content

Commit b84f012

Browse files
morningmanmorningman
authored
[feat] add image prompt (#3640)
image prompt for gpt-image-2
1 parent bec0da0 commit b84f012

1 file changed

Lines changed: 154 additions & 0 deletions

File tree

‎prompt/img-illustration-style-guide.md‎

Lines changed: 154 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,154 @@
1+
# Apache Doris Illustration Style Guide
2+
3+
## Brand Colors
4+
5+
- **Primary**: Teal `#0FA679`
6+
- **Text**: Dark charcoal `#333333`
7+
- **Labels**: Medium gray `#666666`
8+
- **Background**: White `#FFFFFF`
9+
- **Outlines**: Black `#000000`
10+
11+
---
12+
13+
## Illustration Style: Hand-drawn Whiteboard
14+
15+
```
16+
A hand-drawn whiteboard style technical illustration showing [TOPIC].
17+
18+
Design requirements:
19+
- Whiteboard/white paper background with subtle paper texture
20+
- Hand-drawn style: slightly imperfect lines, marker-pen strokes, technical sketch feel
21+
- Thin black outlines (1-2px) throughout, minimal shading using hatch marks or dot shading
22+
- Flat hand-drawn icons drawn in sketch style
23+
24+
Brand color: Teal (#0FA679) used for key elements and highlights
25+
Other colors: Black (#000000) for outlines and labels, dark gray (#333333) for text
26+
All labels in clean sans-serif font (like Arial or Helvetica)
27+
28+
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
29+
30+
All text in English only.
31+
```
32+
33+
---
34+
35+
## Recommended Image Sizes
36+
37+
- Banner / Hero images: 1200 x 600px or similar ratio
38+
- Architecture diagrams: 800 x 600px or similar ratio
39+
- In-card icons: 64 x 64px or 48 x 48px
40+
41+
---
42+
43+
## Example Prompts
44+
45+
### 1. Key Metrics Dashboard
46+
47+
```
48+
A hand-drawn whiteboard style technical illustration showing Apache Doris key metrics dashboard.
49+
50+
Design requirements:
51+
- Whiteboard/white paper background with subtle paper texture
52+
- Hand-drawn style: slightly imperfect lines, marker-pen strokes, technical sketch feel
53+
- Thin black outlines (1-2px) throughout, minimal shading using hatch marks or dot shading
54+
- Flat hand-drawn icons drawn in sketch style
55+
56+
5 metric cards arranged horizontally, each card looks hand-drawn:
57+
1. "< 1s" / "Query Latency" - lightning bolt sketch icon in brand teal
58+
2. "Sec-level" / "Ingestion" - clock sketch icon in brand teal
59+
3. "10,000+" / "QPS" - users/concurrency sketch icon in brand teal
60+
4. "10PB+" / "Scale" - database cylinder sketch icon in brand teal
61+
5. "MySQL" / "Compatible" - plug/connector sketch icon in brand teal
62+
63+
Brand color: Teal (#0FA679) used for metric numbers and icon fills
64+
Other colors: Black (#000000) for outlines and labels, dark gray (#333333) for text
65+
All labels in clean sans-serif font (like Arial or Helvetica)
66+
67+
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
68+
69+
All text in English only.
70+
```
71+
72+
---
73+
74+
### 2. Real-time Analytics Scenario
75+
76+
```
77+
A hand-drawn whiteboard style technical illustration showing Apache Doris real-time analytics scenario.
78+
79+
Design requirements:
80+
- Whiteboard/white paper background with subtle paper texture
81+
- Hand-drawn style: slightly imperfect lines, marker-pen strokes, technical sketch feel
82+
- Thin black outlines (1-2px) throughout, minimal shading using hatch marks or dot shading
83+
- Flat hand-drawn icons drawn in sketch style
84+
85+
Left side (data sources): Kafka icon, log files icon, database icon
86+
Center: Apache Doris logo area (use teal circle as placeholder), with arrow pointing from data sources
87+
Right side (outputs): dashboard screen icon, chart icon, report icon
88+
89+
Brand color: Teal (#0FA679) used for Doris central element and arrows
90+
Other colors: Black (#000000) for outlines and labels, dark gray (#333333) for text
91+
92+
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
93+
94+
All text in English only.
95+
```
96+
97+
---
98+
99+
### 3. Integrated Storage and Compute Architecture
100+
101+
```
102+
A hand-drawn whiteboard style technical architecture diagram showing Apache Doris integrated storage and compute architecture.
103+
104+
Design requirements:
105+
- Whiteboard/white paper background with subtle paper texture
106+
- Hand-drawn style: slightly imperfect lines, marker-pen strokes, technical sketch feel
107+
- Thin black outlines (1-2px) throughout, minimal shading using hatch marks or dot shading
108+
- Flat hand-drawn icons drawn in sketch style
109+
110+
Show 3 FE nodes (Frontend) at top in a triangular arrangement with Master, Follower, Observer labels
111+
Show 3 BE nodes (Backend) at bottom with database cylinder icons
112+
Connect FE and BE with bidirectional arrows showing communication
113+
Add BDBJE protocol annotation on connections between FE nodes
114+
115+
Brand color: Teal (#0FA679) used for node outlines and connection lines
116+
Other colors: Black (#000000) for outlines and labels, dark gray (#333333) for text
117+
All labels in clean sans-serif font (like Arial or Helvetica)
118+
119+
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
120+
121+
All text in English only.
122+
```
123+
124+
---
125+
126+
### 4. Hybrid Search Diagram
127+
128+
```
129+
A hand-drawn whiteboard style technical illustration showing Apache Doris hybrid search capability in a single SQL query.
130+
131+
Design requirements:
132+
- Whiteboard/white paper background with subtle paper texture
133+
- Hand-drawn style: slightly imperfect lines, marker-pen strokes, technical sketch feel
134+
- Thin black outlines (1-2px) throughout, minimal shading using hatch marks or dot shading
135+
- Flat hand-drawn icons drawn in sketch style
136+
137+
Center: A SQL query block drawn as hand-drawn code editor window showing:
138+
"SELECT * FROM products WHERE match(vector, '...') AND body MATCH '...' AND category_id = 1"
139+
140+
Three branches extending from the query:
141+
- Left branch: vector search icon (scatter plot with points) labeled "Vector Search"
142+
- Middle branch: text/search icon labeled "Full-text Search"
143+
- Right branch: table/filter icon labeled "Structured Filter"
144+
145+
All branches merge back to a result set icon
146+
147+
Brand color: Teal (#0FA679) used for highlights and icons
148+
Other colors: Black (#000000) for outlines and labels, dark gray (#333333) for text
149+
All labels in clean sans-serif font (like Arial or Helvetica)
150+
151+
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
152+
153+
All text in English only.
154+
```

0 commit comments

Comments
 (0)