feat: add maomomo image style library

This commit is contained in:
maomomo
2026-06-27 21:45:29 +08:00
parent 68c9ed7bcb
commit 2da85439e8
17 changed files with 684 additions and 2 deletions
@@ -0,0 +1,49 @@
# 创意杂志风
## 适用场景
- 传播型封面
- 活动盘点、经验总结、观点型文章
- 需要更强点击感但不夸张的 MAOMOMO 头图
## MAOMOMO 出图 Brief
```json
{
"style_name": "creative-magazine",
"visual_direction": "Chinese editorial magazine cover for fintech tutorial, strong headline, generous whitespace, confident but not sensational",
"canvas": {
"aspect_ratio": "16:9",
"background": "off-white, warm gray, or soft brand color field",
"composition": "oversized headline, one hero financial object, short metadata labels, cat mascot as brand accent",
"density": "low to medium"
},
"color_palette": {
"primary": "ink black or deep slate",
"accent": "MAOMOMO orange plus one supporting color",
"rule": "use 2-3 strong colors only"
},
"typography": {
"title": "large Chinese display headline",
"metadata": "small label for date, guide type, risk note",
"text_quality": "short Chinese phrases only"
},
"layout_patterns": [
"large headline with financial object collage",
"split editorial cover with title and single illustration",
"big number cover with tiny caveat line"
],
"avoid": [
"marketing hype",
"too many stickers",
"random stock photo collage",
"unreadable small text"
]
}
```
## Prompt 片段
```text
MAOMOMO 创意杂志风中文封面,大标题、强留白、暖橙品牌点缀,金融物件原创插画,白橘猫作为角落品牌元素,画面像编辑部攻略封面,不像银行广告。
```
@@ -0,0 +1,50 @@
# 复古扁平插画风
## 适用场景
- 轻松羊毛攻略
- 用卡姿势、活动经验
- 不想太严肃但仍要保持金融可信度的配图
## MAOMOMO 出图 Brief
```json
{
"style_name": "retro-flat-illustration",
"visual_direction": "retro flat Chinese fintech illustration, friendly, practical, low-saturation warm palette",
"canvas": {
"aspect_ratio": "16:9",
"background": "warm off-white or muted pastel",
"composition": "flat illustrated financial objects with title cards and short labels",
"density": "medium"
},
"color_palette": {
"primary": "warm orange, muted teal, cream, brick red",
"neutral": "soft brown-gray text",
"rule": "low saturation, no luxury gold"
},
"typography": {
"title": "bold rounded Chinese title",
"labels": "short tag labels",
"text_quality": "large and simple"
},
"layout_patterns": [
"cat with cards, receipt, calendar and calculator",
"flat route map with currency labels",
"coupon / cashback object board",
"risk and correct action two-column illustration"
],
"avoid": [
"overly cute childish poster",
"fake brand logos",
"busy retro texture",
"tiny text"
]
}
```
## Prompt 片段
```text
MAOMOMO 复古扁平插画风,低饱和暖色,扁平信用卡、小票、日历、计算器和白橘猫,中文标题清楚,轻松但不夸张,包含 MAOMOMO 标识。
```
@@ -0,0 +1,50 @@
# 小红书竖版攻略风
## 适用场景
- 小红书发布版
- 4 图看完
- 手机端快速理解的活动 / 避坑 / 教程内容
## MAOMOMO 出图 Brief
```json
{
"style_name": "xiaohongshu-vertical",
"visual_direction": "vertical mobile-first Chinese finance guide card, big readable text, series layout",
"canvas": {
"aspect_ratio": "9:16",
"background": "warm white or light orange",
"composition": "large hook title, 2-4 key blocks, cat watermark or small mascot",
"density": "low, mobile readable"
},
"color_palette": {
"primary": "warm orange and ink black",
"secondary": "soft cream or pale blue",
"rule": "high contrast text, no tiny paragraph"
},
"typography": {
"title": "very large Chinese title",
"body": "short phrases and key numbers",
"text_quality": "mobile readable at thumbnail size"
},
"layout_patterns": [
"cover: one hook plus three tags",
"core split: two lines or three numbers",
"steps: 3-5 actions",
"pitfalls: do / don't list"
],
"avoid": [
"reuse of horizontal article image",
"long source paragraph",
"tiny screenshot-like UI",
"exaggerated earning promise"
]
}
```
## Prompt 片段
```text
MAOMOMO 小红书竖版攻略风,9:16,大字少字,手机端可读,暖橙白底,白橘猫水印,适合 4 图系列,包含 MAOMOMO 标识。
```
@@ -0,0 +1,50 @@
# 手绘便签风
## 适用场景
- 保姆式教程
- 避坑经验、实测提醒
- 账户维护、保号、操作步骤说明
## MAOMOMO 出图 Brief
```json
{
"style_name": "handdrawn-note",
"visual_direction": "clean handdrawn Chinese fintech note, paper-like background, warm sticky notes, arrows and circles",
"canvas": {
"aspect_ratio": "16:9",
"background": "near-white paper",
"composition": "short title, 3-5 annotated steps, cat holding warning sign",
"density": "medium-low, one clear idea per image"
},
"color_palette": {
"line": "soft dark gray",
"accent": "MAOMOMO orange, pale yellow sticky notes, light blue marks",
"rule": "warm but clean, not messy whiteboard"
},
"typography": {
"title": "handwritten-style Chinese title",
"labels": "short handwritten labels",
"text_quality": "avoid long sentences"
},
"layout_patterns": [
"three-step path with handdrawn arrows",
"pitfall map with warning tags",
"before / correct way comparison",
"checklist with cat reminder card"
],
"avoid": [
"messy doodle board",
"too many handwritten words",
"childish cartoon dominance",
"fake screenshots"
]
}
```
## Prompt 片段
```text
MAOMOMO 手绘便签风,近白纸感背景,暖橙便利贴,手绘箭头和圈注,白橘猫举提示牌,中文步骤短而清晰,适合避坑和保姆式教程。
```
@@ -0,0 +1,51 @@
# 数据仪表盘风
## 适用场景
- 返现计算、费用测算
- 活动门槛、封顶、时间线
- 多路径、多产品、多活动对比
## MAOMOMO 出图 Brief
```json
{
"style_name": "data-card-dashboard",
"visual_direction": "bright fintech analytics dashboard for Chinese practical article, KPI cards and rule panels",
"canvas": {
"aspect_ratio": "16:9",
"background": "white or very light blue-gray",
"composition": "dashboard grid with title, KPI cards, calculation panel, timeline or warning list",
"density": "medium-high but readable"
},
"color_palette": {
"primary": "data blue",
"secondary": "cyan or slate",
"status": "green, orange, red used sparingly",
"brand": "MAOMOMO warm orange for key highlights"
},
"typography": {
"numbers": "large tabular numerals",
"labels": "short Chinese labels",
"text_quality": "amounts, dates, percentages must be large and legible"
},
"layout_patterns": [
"top KPI strip plus lower explanation cards",
"formula card plus before / after comparison",
"timeline plus status badges",
"route comparison table with risk dots"
],
"avoid": [
"dark monitoring wall",
"fake real dashboard screenshot",
"random numbers",
"dense unreadable table"
]
}
```
## Prompt 片段
```text
MAOMOMO 数据卡片仪表盘风,白底,KPI 卡片、计算公式、时间线和风险标签清晰分区,金额和日期大号可读,白橘猫只做小型提示元素,包含 MAOMOMO 标识。
```
@@ -0,0 +1,56 @@
# 暖橙金融教程风
## 适用场景
- MAOMOMO 默认站内文章配图
- 港卡、银行活动、返现攻略
- 开户、转账、保号等实操教程
- 需要亲和但可信的封面、总览图和流程图
## MAOMOMO 出图 Brief
```json
{
"style_name": "warm-fintech-guide",
"visual_direction": "MAOMOMO warm fintech guide visual, friendly Chinese practical finance tutorial, orange-white cat mascot and clean cards",
"canvas": {
"aspect_ratio": "16:9 by default",
"background": "clean white or warm off-white",
"composition": "large practical title, 3-5 key information cards, cat guide, clear warning or takeaway area",
"density": "medium, practical and readable"
},
"color_palette": {
"primary": "MAOMOMO warm orange",
"secondary": "soft blue-gray or teal",
"neutral": "white, light gray, slate text",
"rule": "warm and clean; avoid luxury finance gold and dark cyber style"
},
"typography": {
"title": "bold readable Chinese title",
"body": "short Chinese labels and key numbers",
"text_quality": "all Chinese text must be clear and exact"
},
"maomomo_elements": {
"cat": "friendly white-orange cat guide, small to medium size",
"logo": "visible MAOMOMO text mark"
},
"layout_patterns": [
"cover title plus cat and financial objects",
"overview cards for date, threshold, reward and pitfall",
"step flow with arrows and warning tags",
"final reminder card with cat holding sign"
],
"avoid": [
"fake screenshots",
"bank advertisement tone",
"too childish mascot",
"unverified brand logos"
]
}
```
## Prompt 片段
```text
MAOMOMO 暖橙金融教程风,明亮白底,暖橙强调色,干净信息卡片,友好的白橘猫作为向导,中文标题和关键数字清晰,包含 MAOMOMO 标识。
```
@@ -0,0 +1,56 @@
# 清爽专业风
## 适用场景
- 银行 / 券商规则整理
- 开户、保号、转账教程
- 正式但不沉闷的 MAOMOMO 站内文章
- 需要兼顾可信度和实操感的封面、总览图、流程图
## MAOMOMO 出图 Brief
```json
{
"style_name": "clean-professional",
"visual_direction": "clean professional Chinese fintech article visual, calm tutorial layout, structured evidence cards, readable and trustworthy",
"canvas": {
"aspect_ratio": "16:9 by default",
"background": "warm white, very light gray, or pale blue-gray",
"composition": "clear title zone, structured content cards, one concise takeaway strip",
"density": "medium, enough detail without looking like a bank advertisement"
},
"color_palette": {
"primary": "professional blue or slate",
"secondary": "teal or muted cyan",
"accent": "MAOMOMO warm orange for highlights",
"neutral": "slate gray, pale border, white card background"
},
"typography": {
"title": "bold readable Chinese sans-serif",
"body": "clean Chinese sans-serif, left aligned",
"text_quality": "Chinese text must be exact and readable"
},
"maomomo_elements": {
"cat": "small white-orange cat guide near title or takeaway, not the main subject",
"logo": "MAOMOMO text mark in a corner or title area"
},
"layout_patterns": [
"title plus three key cards",
"left process diagram plus right pitfall cards",
"top conclusion strip plus lower rule table",
"timeline plus final reminder"
],
"avoid": [
"official bank advertisement tone",
"luxury finance gold",
"dense tiny tables",
"fake app screenshots"
]
}
```
## Prompt 片段
```text
MAOMOMO 清爽专业风,浅色背景,蓝绿与暖橙强调色,结构化信息卡片,清晰中文标题和步骤,白橘猫作为小型向导,包含 MAOMOMO 标识,不伪造真实 App 截图。
```
@@ -0,0 +1,51 @@
# 清爽编辑部风
## 适用场景
- SEO 长文封面
- 解释型文章、经验总结
- 品牌感更强但仍克制的站内头图
## MAOMOMO 出图 Brief
```json
{
"style_name": "clean-editorial",
"visual_direction": "clean editorial Chinese fintech article image, calm magazine-like cover, readable and restrained",
"canvas": {
"aspect_ratio": "16:9",
"background": "white, off-white, or light warm gray",
"composition": "large title, one clear visual metaphor, small MAOMOMO brand mark and cat accent",
"density": "low to medium"
},
"color_palette": {
"primary": "ink black or deep slate",
"accent": "MAOMOMO orange",
"secondary": "soft blue-gray or light beige",
"rule": "minimal palette, no noisy decoration"
},
"typography": {
"title": "large clean Chinese headline",
"body": "one short subtitle or 2-3 labels",
"text_quality": "title must be exact and readable"
},
"layout_patterns": [
"headline left, visual object right",
"centered title with small metadata and cat mark",
"big keyword plus supporting labels",
"calm article cover with one metaphor object"
],
"avoid": [
"clickbait poster",
"dense dashboard cards",
"too many icons",
"official logo misuse"
]
}
```
## Prompt 片段
```text
MAOMOMO 清爽编辑部风,白底大标题,轻杂志排版,暖橙点缀,留白充足,白橘猫作为角落品牌元素,适合中文金融经验文章封面。
```
@@ -0,0 +1,50 @@
# 电子墨水杂志风
## 适用场景
- 深度解释型长文
- 观点文章、行业观察
- 需要更克制、更高级的站内封面
## MAOMOMO 出图 Brief
```json
{
"style_name": "e-ink-editorial",
"visual_direction": "electronic ink editorial Chinese finance article visual, paper texture, strong headline, restrained layout",
"canvas": {
"aspect_ratio": "16:9",
"background": "off-white paper, ink black, or deep indigo",
"composition": "editorial grid with large headline, metadata strip, one abstract financial visual",
"density": "low to medium"
},
"color_palette": {
"base": "off-white and ink black",
"accent": "one restrained MAOMOMO orange or indigo accent",
"rule": "avoid colorful dashboard look"
},
"typography": {
"title": "large editorial Chinese headline",
"metadata": "small source/date/risk labels",
"text_quality": "few words, exact wording"
},
"layout_patterns": [
"large headline with metadata strip",
"big quote and one visual plate",
"huge number with footnote",
"two-column argument spread"
],
"avoid": [
"cute sticker overload",
"dashboard cards",
"shiny gradients",
"dense tables"
]
}
```
## Prompt 片段
```text
MAOMOMO 电子墨水杂志风,纸感背景,黑白灰为主,少量暖橙强调,大标题和元信息条,原创抽象金融视觉,克制高级,包含 MAOMOMO 标识。
```
@@ -0,0 +1,51 @@
# 科研答辩风
## 适用场景
- 多来源条款核对
- 规则严谨拆解
- 政策、合规、券商或银行条款解释
- 需要“证据链”感的文章配图
## MAOMOMO 出图 Brief
```json
{
"style_name": "scientific-defense",
"visual_direction": "clean academic defense style adapted for Chinese fintech article, evidence-driven, source-aware",
"canvas": {
"aspect_ratio": "16:9",
"background": "white or pale gray",
"composition": "research question / evidence / conclusion / caveat sections",
"density": "medium-high but organized"
},
"color_palette": {
"primary": "deep blue or slate",
"accent": "MAOMOMO orange for caveats and key conclusion",
"neutral": "gray lines and pale panels"
},
"typography": {
"title": "formal bold Chinese title",
"labels": "source, condition, limitation labels",
"text_quality": "precise Chinese terms"
},
"layout_patterns": [
"source comparison matrix",
"condition tree plus final conclusion",
"timeline of official rules",
"evidence cards with risk caveat"
],
"avoid": [
"over-promotional activity poster",
"uncited absolute claim",
"fake official document screenshot",
"decorative cat dominance"
]
}
```
## Prompt 片段
```text
MAOMOMO 科研答辩风,浅色严谨版式,来源卡片、条件树、证据矩阵和结论区清晰,暖橙强调风险提示,白橘猫只作为小型品牌元素。
```
@@ -0,0 +1,51 @@
# 麦肯锡简报风
## 适用场景
- 多方案路径选择
- 银行 / 券商 / 通道对比
- 成本、收益、风险取舍
- 给读者一个“怎么选”的决策图
## MAOMOMO 出图 Brief
```json
{
"style_name": "mckinsey-brief",
"visual_direction": "consulting brief style adapted for MAOMOMO practical finance article, conclusion first, precise matrix and tradeoff chart",
"canvas": {
"aspect_ratio": "16:9",
"background": "white",
"composition": "top takeaway, 2x2 matrix or comparison table, bottom recommendation",
"density": "medium-high"
},
"color_palette": {
"primary": "deep navy or black",
"accent": "MAOMOMO orange plus one strong blue",
"neutral": "gray grid lines and white panels"
},
"typography": {
"title": "assertive Chinese takeaway headline",
"body": "short consulting-style labels",
"text_quality": "precise, not salesy"
},
"layout_patterns": [
"2x2 decision matrix",
"option comparison table",
"cost-risk-benefit tradeoff chart",
"recommendation waterfall"
],
"avoid": [
"pretending to give financial advice",
"luxury consulting cosplay",
"tiny footnotes",
"overconfident guarantees"
]
}
```
## Prompt 片段
```text
MAOMOMO 麦肯锡简报风,结论先行,白底深色标题,2x2 矩阵或方案对比表,暖橙突出推荐路径和风险提醒,包含 MAOMOMO 标识。
```