红尘
d73ff9b0fb
Deploy Site / deploy-vercel (push) Has been cancelled
Deploy Site / deploy-docs (push) Has been cancelled
Docker / shell lint / Lint Dockerfile (hadolint) (push) Has been cancelled
Docker / shell lint / Lint docker/ shell scripts (shellcheck) (push) Has been cancelled
Docker Build and Publish / build-amd64 (push) Has been cancelled
Docker Build and Publish / build-arm64 (push) Has been cancelled
Lint (ruff + ty) / ruff + ty diff (push) Has been cancelled
Lint (ruff + ty) / ruff enforcement (blocking) (push) Has been cancelled
Lint (ruff + ty) / Windows footguns (blocking) (push) Has been cancelled
Nix Lockfile Fix / auto-fix-main (push) Has been cancelled
Nix Lockfile Fix / fix (push) Has been cancelled
Nix / nix (macos-latest) (push) Has been cancelled
Nix / nix (ubuntu-latest) (push) Has been cancelled
OSV-Scanner / Scan lockfiles (push) Has been cancelled
Build Skills Index / build-index (push) Has been cancelled
Tests / test (1) (push) Has been cancelled
Tests / test (2) (push) Has been cancelled
Tests / test (3) (push) Has been cancelled
Tests / test (4) (push) Has been cancelled
Tests / test (5) (push) Has been cancelled
Tests / test (6) (push) Has been cancelled
Tests / e2e (push) Has been cancelled
uv.lock check / uv lock --check (push) Has been cancelled
Docker Build and Publish / merge (push) Has been cancelled
Build Skills Index / trigger-deploy (push) Has been cancelled
Tests / save-durations (push) Has been cancelled
57 lines
1.8 KiB
Markdown
57 lines
1.8 KiB
Markdown
# sketch-notes
|
|
|
|
Soft hand-drawn illustration style with warm, educational feel
|
|
|
|
## Design Aesthetic
|
|
|
|
Hand-drawn feel with soft, relaxed brush strokes. Fresh, refined style with minimalist editorial approach. Emphasis on precision, clarity and intelligent elegance while prioritizing warmth, approachability and friendliness.
|
|
|
|
## Background
|
|
|
|
- Color: Warm Off-White (#FAF8F0)
|
|
- Texture: Subtle paper grain, warm tone
|
|
|
|
## Color Palette
|
|
|
|
| Role | Color | Hex | Usage |
|
|
|------|-------|-----|-------|
|
|
| Background | Warm Off-White | #FAF8F0 | Primary background |
|
|
| Primary Text | Deep Charcoal | #2C3E50 | Main elements |
|
|
| Alt Text | Deep Brown | #4A4A4A | Secondary elements |
|
|
| Accent 1 | Soft Orange | #F4A261 | Highlights, emphasis |
|
|
| Accent 2 | Mustard Yellow | #E9C46A | Secondary highlights |
|
|
| Accent 3 | Sage Green | #87A96B | Nature, growth concepts |
|
|
| Accent 4 | Light Blue | #7EC8E3 | Tech, digital elements |
|
|
| Accent 5 | Red Brown | #A0522D | Earthy elements |
|
|
|
|
## Visual Elements
|
|
|
|
- Connection lines with hand-drawn wavy feel
|
|
- Conceptual abstract icons illustrating ideas
|
|
- Color fills don't completely fill outlines (hand-painted feel)
|
|
- Simple geometric shapes with rounded corners
|
|
- Arrows and pointers with sketchy style
|
|
- Doodle decorations: stars, spirals, underlines
|
|
|
|
## Style Rules
|
|
|
|
### Do
|
|
|
|
- Keep layouts open and well-structured
|
|
- Emphasize information hierarchy
|
|
- Use hand-drawn quality for all elements
|
|
- Allow imperfection (slight wobbles add character)
|
|
- Layer elements with subtle overlaps
|
|
|
|
### Don't
|
|
|
|
- Use perfect geometric shapes
|
|
- Create photorealistic elements
|
|
- Overcrowd with too many elements
|
|
- Use pure white backgrounds
|
|
- Make it look computer-generated
|
|
|
|
## Best For
|
|
|
|
Educational content, knowledge sharing, technical explanations, tutorials, onboarding materials, friendly articles
|