數位存檔規範 V1.0

這是「卡片表哥」部落格的核心視覺系統。我們將 8-bit 的懷舊數位感轉化為現代閱讀體驗。本頁面定義了所有內容元素的呈現標準。

01

文字階層 Typography

Display H1

這裡是大標題的示範

Headline H2

次級標題:帶有左側裝飾條

Title H3

段落小標題:背景色塊強化

Body Text

正文內容使用 Manrope 字體,確保長時間閱讀的舒適度。在 8-bit 風格中,我們不使用圓角,所有的邊界都應該是銳利的 90 度。字距稍微收緊,營造出一種數位檔案的嚴謹感。

02

行內元素 Inline Elements

在文章中,我們可以使用 加粗強調文字 來引起注意。

或是使用 斜體字 (Italic) 來表示外來語或專有名詞。

最重要的是超連結:點擊這裡查看更多存檔資訊,當滑鼠懸停時會出現實心背景。

03

引用區塊 Blockquote

format_quote
「數位存檔不只是為了保存過去,更是為了在未來能夠重新發現。每一張卡片都是一段記憶的索引。」
— 卡片表哥,2024 存檔週記
04

提醒資訊 Callouts

info

提示 Note

這是一個通用的提示區塊,用於提供背景資訊或額外說明。
lightbulb

技巧 Tip

使用快捷鍵 CTRL + S 可以快速將當前卡片存檔至本地資料庫。
warning

警告 Warning

請注意,刪除存檔後將無法復原,請務必確認是否有備份檔案。
05

列表樣式 Lists

項目列表

  • bookmark 復古數位美學設計
  • bookmark 極致的閱讀導向佈局
  • bookmark 模組化組件系統

有序步驟

  1. 01 選擇你感興趣的數位主題
  2. 02 點擊進入詳細存檔內容頁面
  3. 03 將有價值的資訊收藏至個人存檔
06

程式碼區塊 Code Blocks

terminal_v1.0.sh
// 初始化數位存檔引擎
function init_archive() {
  echo "正在掃描磁區..."
  sleep 1
  mount /dev/pixel_drive /mnt/zettel
  echo "存檔就緒。"
}

// 執行核心邏輯
init_archive();
07

影像框架 Images & Captions

圖 1.1 — 早期數位檔案存檔終端 (198X)
Avatar
標準品牌識別資產:極簡線條像素大頭照
硬體組件存檔 A-01
像素網格掃描影像