docs: overhaul documentation for fork readiness
- Rewrite README from scratch: accurate stack versions, correct setup sequence, verified feature list, full API reference, architecture overview, and security model — all sourced directly from the codebase - Remove internal/stale docs: COLOR_SCHEME_MODERNIZATION.md, plan.md, frontend/README.md (CRA boilerplate) - Clean up DESIGN_SYSTEM.md: remove emoji headers and version footer - Fix WEEKLY_REPORT_FEATURE.md: replace hardcoded absolute paths with relative paths - Clean up test_cases_auth.md: remove stale branch and date references Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
@@ -1,6 +1,6 @@
|
||||
# CVE Intelligence Dashboard - Design System Reference
|
||||
|
||||
## 🎨 Color Palette
|
||||
## Color Palette
|
||||
|
||||
### Primary Colors
|
||||
```css
|
||||
@@ -33,7 +33,7 @@
|
||||
| **Medium** | `#0EA5E9` | `rgba(14, 165, 233, 0.25)` | `#7DD3FC` | `#0EA5E9` |
|
||||
| **Low** | `#10B981` | `rgba(16, 185, 129, 0.25)` | `#6EE7B7` | `#10B981` |
|
||||
|
||||
## 📐 Layout Structure
|
||||
## Layout Structure
|
||||
|
||||
### Three-Column Grid Layout
|
||||
```
|
||||
@@ -60,7 +60,7 @@
|
||||
- **Desktop (lg+)**: 3-column layout (3-6-3 grid)
|
||||
- **Tablet/Mobile**: Stacked single column
|
||||
|
||||
## 🎯 Component Specifications
|
||||
## Component Specifications
|
||||
|
||||
### Stat Cards
|
||||
```css
|
||||
@@ -117,7 +117,7 @@ Letter Spacing: 0.5px
|
||||
Glow Dot: 8px circle with pulse animation
|
||||
```
|
||||
|
||||
## ✨ Interactions & Animations
|
||||
## Interactions & Animations
|
||||
|
||||
### Hover Effects
|
||||
- **Cards**: `translateY(-2px)`, enhanced border, subtle glow
|
||||
@@ -151,7 +151,7 @@ Fast: all 0.2s ease
|
||||
Ripple: width/height 0.5s
|
||||
```
|
||||
|
||||
## 🔤 Typography
|
||||
## Typography
|
||||
|
||||
### Font Families
|
||||
```css
|
||||
@@ -178,7 +178,7 @@ Accent Headings: 0 0 16px rgba(14, 165, 233, 0.3), 0 0 32px rgba(14, 165, 233, 0
|
||||
Badge Text: 0 0 8px rgba([color], 0.5)
|
||||
```
|
||||
|
||||
## 🎨 Visual Effects
|
||||
## Visual Effects
|
||||
|
||||
### Shadows
|
||||
```css
|
||||
@@ -223,7 +223,7 @@ linear-gradient(rgba(14, 165, 233, 0.025) 1px, transparent 1px)
|
||||
Size: 20px × 20px
|
||||
```
|
||||
|
||||
## 🧩 Specific Component Patterns
|
||||
## Specific Component Patterns
|
||||
|
||||
### Wiki/Knowledge Base Entry
|
||||
```css
|
||||
@@ -261,7 +261,7 @@ Chevron: Rotate -90deg (collapsed) to 0deg (expanded)
|
||||
Vendor Cards: Nested with reduced opacity borders
|
||||
```
|
||||
|
||||
## 📱 Accessibility
|
||||
## Accessibility
|
||||
|
||||
### Contrast Ratios
|
||||
- Primary text on dark: 18.5:1 (AAA)
|
||||
@@ -278,7 +278,7 @@ Vendor Cards: Nested with reduced opacity borders
|
||||
- Line height: 1.5 for body text
|
||||
- Letter spacing: Generous for uppercase labels
|
||||
|
||||
## 🎯 Design Principles
|
||||
## Design Principles
|
||||
|
||||
1. **Professional Sophistication**: Modern enterprise feel, not arcade
|
||||
2. **Tactical Intelligence**: Purpose-driven, information-dense
|
||||
@@ -288,7 +288,3 @@ Vendor Cards: Nested with reduced opacity borders
|
||||
6. **Monospace Data**: Technical data uses JetBrains Mono for clarity
|
||||
7. **Generous Spacing**: Breathing room prevents overwhelming density
|
||||
|
||||
---
|
||||
|
||||
**Last Updated**: February 10, 2026
|
||||
**Version**: 2.0 (Modern Professional Redesign)
|
||||
|
||||
Reference in New Issue
Block a user