红尘
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
60 lines
1.6 KiB
Markdown
60 lines
1.6 KiB
Markdown
# flat
|
|
|
|
Modern flat vector illustration style for contemporary content
|
|
|
|
## Design Aesthetic
|
|
|
|
Contemporary flat design aesthetic with bold shapes and limited depth. Clean geometric forms with no gradients or shadows. Modern, accessible, and highly readable. Optimized for digital consumption with scalable vector quality.
|
|
|
|
## Background
|
|
|
|
- Color: White (#FFFFFF) or Soft Gray (#F5F5F5)
|
|
- Texture: None - clean solid backgrounds
|
|
|
|
## Color Palette
|
|
|
|
| Role | Color | Hex | Usage |
|
|
|------|-------|-----|-------|
|
|
| Background | White | #FFFFFF | Primary background |
|
|
| Alt Background | Soft Gray | #F5F5F5 | Accent areas |
|
|
| Primary | Vibrant Blue | #3B82F6 | Main elements |
|
|
| Secondary | Coral | #F97316 | Supporting elements |
|
|
| Tertiary | Emerald | #10B981 | Accent elements |
|
|
| Accent 1 | Purple | #8B5CF6 | Additional accent |
|
|
| Accent 2 | Amber | #F59E0B | Highlight |
|
|
| Text | Dark Slate | #1E293B | Text elements |
|
|
| Light | Light Gray | #E5E7EB | Subtle elements |
|
|
|
|
## Visual Elements
|
|
|
|
- Bold geometric shapes
|
|
- Flat color fills with no gradients
|
|
- Simple character illustrations
|
|
- Clean icon designs
|
|
- Minimal line work
|
|
- Overlapping shape compositions
|
|
- Abstract concept visualizations
|
|
- Consistent stroke weights
|
|
|
|
## Style Rules
|
|
|
|
### Do
|
|
|
|
- Use flat solid colors
|
|
- Create clean geometric shapes
|
|
- Keep elements simple
|
|
- Maintain consistent styling
|
|
- Use bold color combinations
|
|
|
|
### Don't
|
|
|
|
- Add shadows or depth
|
|
- Use gradients or textures
|
|
- Create realistic illustrations
|
|
- Add unnecessary details
|
|
- Use photographic elements
|
|
|
|
## Best For
|
|
|
|
Modern articles, app and product content, startup stories, digital topics, contemporary business, tech company blogs, social media content
|