ootobai

歐兜邁 / オートバイ / autobike — 台語的機車,日語的外來語,一台兩輪的東西跑出了三種語言。這個網站也是,什麼都裝一點,沒有固定車道。

小專案

做著玩的東西,有的有用,有的純粹好玩。


Tools

小工具

有的有用,有的純粹好玩。

Japanese Quiz
日文單字與文法的互動測驗,用 Markdown 管理題庫。
learning
Threads to Markdown
把 Threads 貼文轉成 Markdown 格式保存。
coming soon
X Thread to Markdown
把 X (Twitter) thread 轉成 Markdown 格式保存。
coming soon

Writing

文章

思考的紀錄,關於品味、AI、與經驗不可取代的東西。

Substack
品味不可說
品味一旦被定義,就已經不是它了。關於品味、AI、與經驗不可取代的思考。
Substack
當知識變成免費的,Mastery 還剩下什麼?
探討AI時代中,當知識取得成本降低後,真正的專業精通還需要親身實踐與判斷力的發展。

Coffee Chat

聊一杯咖啡

如果你想聊聊,不管是品味、AI、創業、或任何你正在想的事,歡迎約一杯咖啡。

Let me know how I can help you.

預約 Coffee Chat

Design Showcase

Claude 設計特色

Warm vs Cool Gray

同一張卡片,左邊用 Claude 的暖色調中性色,右邊用典型的冷灰色。暖色系讓閱讀感更親近、更有溫度。

Claude Warm
暖色調的閱讀體驗
Parchment 底色搭配 olive gray 文字,像在紙張上閱讀,眼睛更舒服。每個灰色都帶一點黃綠,整體感覺溫潤。
#f5f4ed #5e5d59 #e8e6dc
Typical Cool
冷灰色的標準做法
Bootstrap 風格的冷灰底色搭配藍灰文字,清楚但偏冷。色調偏藍,是大多數 UI 框架的預設選擇。
#f8f9fa #6c757d #dee2e6

Serif / Sans Hierarchy

Claude 用 serif 標題 + sans 內文製造層次感。Serif 傳遞權威與溫暖,Sans 保持正文的清晰可讀。

Serif Heading
品味不是知識,是經驗的沉澱
Georgia serif 標題帶來書卷氣與人文感,搭配 system-ui 正文形成清楚的視覺層次。這是 Claude 設計中最核心的排版選擇。
Georgia, serif -- font-weight: bold -- line-height: 1.15
Sans Heading
品味不是知識,是經驗的沉澱
同樣的內容用 system-ui sans-serif 標題,感覺更現代但少了溫度。大多數 SaaS 產品走這條路。
system-ui, sans-serif -- font-weight: 600 -- line-height: 1.15

Parchment Palette

Claude 的暖色調光譜,從最亮的 ivory 到最深的 near-black,每個色階都帶一點黃綠的暖意。最後一格是唯一的品牌色 -- terracotta。

Ivory #faf9f5
Parchment #f5f4ed
Cream #f0eee6
Warm #e8e6dc
Muted #b0aea5
Stone #87867f
Olive #5e5d59
Charcoal #4d4c48
Near Black #141413
Terracotta #c96442

不用藍、不用純灰 -- 整套色彩都在暖色調裡完成。Terracotta 只用在最重要的 CTA,其他全靠灰階的溫度差異來建立層次。

Dark Section

Claude 的深色區塊用 #141413 而不是純黑

near-black 帶一點暖意,搭配 ivory (#faf9f5) 標題和 muted stone (#b0aea5) 正文,維持整體的溫潤感。即使在深色背景上,也不會有冷冰冰的科技感。

#141413 bg
#faf9f5 heading
#b0aea5 body
#c96442 accent