雷蒙三十 Brand CIS Internal Reference
Design Inspiration Library

設計參考庫(內部)

這些是過往 AI 生成、已對齊品牌方向的視覺參考,供 Open Design / AI agent 對齊風格用;不是正式模板,正式規範仍以 DESIGN.mdcss/variables.css 為準。點圖可開原圖,按鈕可複製圖片正式網址。

Bento 課程宣傳圖參考
1448×1086 PNG
notion-practical-class-bento.png
Bento 課程宣傳圖

What to learn多卡片分區、課程賣點、時間地點、產品 mockup 與 CTA 區塊整合

開原圖 ↗
16:9 雙欄比較說明圖參考
1672×941 PNG
chatgpt-vs-codex-file-capability.png
16:9 雙欄比較說明圖

What to learn橘色 vs 青綠對照、左右陣營、底部結論條、文件能力視覺化

開原圖 ↗
16:9 表格比較圖參考
1672×941 JPG
claude-code-vs-codex-comparison-2026-05-24.jpg
16:9 表格比較圖

What to learn簡化比較表、左側評估維度、雙欄工具比較

開原圖 ↗
16:9 架構說明圖參考
1672×941 PNG
ai-agent-portable-rules-design.png
16:9 架構說明圖

What to learn中央 SSOT、左右工具、箭頭關係、底部總結訊息

開原圖 ↗
16:9 教學原則圖參考
1672×941 JPG
context-window-management-guide-2026-05-24.jpg
16:9 教學原則圖

What to learn上方案例對照、下方三步原則、比例條與截圖型卡片

開原圖 ↗
4:5 AI Agent 知識圖卡參考(課程章節)
1122×1402 PNG
ai-agent-vertical-card-handbook-4x5.png
4:5 AI Agent 知識圖卡

What to learn直式高資訊密度、課程章節圖卡、青綠橘品牌色、右下角極簡品牌資訊

開原圖 ↗
4:5 AI Agent 知識圖卡參考(記憶三層架構)
1122×1402 PNG
ai-agent-vertical-card-memory-4x5.png
4:5 AI Agent 知識圖卡

What to learn三層架構視覺化、檔案櫃主視覺、多區塊說明與底部 keyword chips

開原圖 ↗
Community Illustrations

社群插畫

Threads(@raymond0917)貼文用的手繪風敘事插畫,角色+場景說一個概念,跟上面的資訊圖表不同類。

已複製圖片網址