设计规范v1.0.0
开发者作品集主题
个人开发者网站、简历页面和开源项目展示。

DESIGN.md
---
name: Developer Portfolio Theme
colors:
background: '#0d1117'
surface: '#161b22'
surface-elevated: '#1c2129'
primary: '#58a6ff'
accent: '#3fb950'
accent-dim: '#238636'
text-primary: '#e6edf3'
text-secondary: '#8b949e'
border: '#30363d'
prompt-green: '#3fb950'
string-orange: '#d29922'
typography:
heading:
fontFamily: JetBrains Mono
fontSize: 32px
fontWeight: '700'
body:
fontFamily: Inter
fontSize: 16px
lineHeight: '1.7'
code:
fontFamily: JetBrains Mono
fontSize: 14px
prompt:
fontFamily: JetBrains Mono
fontSize: 16px
rounded:
DEFAULT: 6px
card: 8px
spacing:
base: 4px
---
## Overview
Terminal-meets-portfolio. Dark GitHub-style background, JetBrains
Mono headings with a green `$` prompt prefix, syntax-highlighted
color accents for links and tags, and code-block-shaped project
cards. Built for developers who live in the terminal.
## Colors
- Background: GitHub-dark (#0d1117)
- Surfaces: layered dark grays (#161b22, #1c2129)
- Primary: GitHub blue (#58a6ff) for links and interactive elements
- Accent: terminal green (#3fb950) for prompts, success, active indicators
- Text: light gray (#e6edf3) primary, muted secondary (#8b949e)
## Typography
JetBrains Mono for all headings — the developer's typeface.
Inter for body text at 16px/1.7 for readability. All code
samples in JetBrains Mono 14px with syntax-aware coloring.
## Components
- Hero: `$ whoami` → name, `$ cat role.txt` → tagline
- Project Card: file-icon header, description body, language-color dot
- Skill Bar: horizontal segmented bar with syntax-highlight colors
- Timeline: vertical line with commit-hash dots, date in mono
- Footer: `$ echo` styled sign-off with social links