diff --git a/README.md b/README.md index 2acbe8f..90613cb 100644 --- a/README.md +++ b/README.md @@ -4,7 +4,7 @@ SecretumVault Logo -**Post-quantum cryptographic secrets management system for modern cloud infrastructure** +**Post-quantum cryptographic secrets vault for modern infrastructure** SecretumVault is a Rust-native secrets vault combining post-quantum cryptography (ML-KEM-768, ML-DSA-65) with classical crypto, multiple secrets engines, cedar-based policy authorization, and flexible storage backends. diff --git a/docs/BRAND-GUIDELINES.md b/docs/BRAND-GUIDELINES.md new file mode 100644 index 0000000..583b022 --- /dev/null +++ b/docs/BRAND-GUIDELINES.md @@ -0,0 +1,462 @@ +
+ SecretumVault Logo +
+ +# SecretumVault Branding Guidelines + +## Overview + +SecretumVault is a post-quantum cryptographic secrets management system designed for modern cloud infrastructure. The brand identity reflects security, innovation, and technical sophistication through a cohesive visual system combining vault imagery with quantum-inspired elements. This guide covers logo systems, color palettes, typography, usage guidelines, and practical integration examples. + +--- + +## Logo System + +### Available Logo Variants + +SecretumVault provides multiple logo variants to accommodate different use cases and layouts: + +| Variant | File | ViewBox | Best For | Features | +|---------|------|---------|----------|----------| +| **Vertical Animated** | `secretumvault-logo.svg` | 200×280 px | Hero sections, interactive displays | Rotating orbits, pulsing core | +| **Vertical Static** | `secretumvault-logo-s.svg` | 200×280 px | Print, documentation, static layouts | No animations, full color | +| **Horizontal Animated** | `secretumvault-logo-h.svg` | 400×120 px | Navigation bars, headers | Rotating orbits, space-efficient | +| **Horizontal Static** | `secretumvault-logo-h-s.svg` | 400×120 px | Print headers, static layouts | No animations, horizontal format | +| **Animated Icon** | `secretumvault-icon.svg` | 200×200 px | App icons, favicons, UI elements | Full animations, square format | +| **Static Icon** | `secretumvault-icon-s.svg` | 200×200 px | Favicon, print, badges | No animations, square format | +| **B&W Logo** | `secretumvault-logo-bn.svg` | 200×200 px | Print (grayscale), restricted color | Single color, monochrome | +| **B&W Icon** | `secretumvault-icon-bn.svg` | 200×200 px | Print, B&W documents | Single color, monochrome | + +### Logo Composition + +The vault icon consists of: + +- **Outer Ring (Dashed):** Cyan glow with rotating animation (20s cycle) +- **Inner Circle:** Gradient fill (deep vault → primary → secondary) +- **Central Node:** Quantum cyan core with pulsing effect (5.2px → 6.5px → 5.2px, 2s cycle) +- **Orbital Electrons:** Four cyan dots rotating around the core (8s clockwise) +- **Secondary Orbit:** Four purple dots at diagonal positions (12s counterclockwise) +- **Vault Handle:** Gold-accented bar and circular ring overlay +- **Text:** "SecretumVault" in Space Grotesk Bold, Quantum Cyan (#00D9FF) + +### Sizing & Clear Space + +**Minimum Sizes:** +- **Logo (full):** 120px wide minimum +- **Icon only:** 32px minimum +- **Favicon:** 16px or 32px + +**Clear Space:** +Maintain clear space around the logo equal to half the logo height on all sides. For a 120px logo, maintain 60px clear space on all sides. + +--- + +## Icon System + +### Icon Scalability + +Icons maintain clarity and recognizability across all sizes: + +| Size | Use Case | +|------|----------| +| 16px | Favicon, small UI elements | +| 24px | Toolbar icons, small badges | +| 32px | Standard app icons, navigation | +| 48px | Medium app icons, avatar sizes | +| 64px | Large app icons, decorative elements | +| 128px | Application splash screens | +| 256px | High-resolution favicons | +| 512px | Marketing, high-DPI displays | + +### When to Use Each Variant + +**Full Logo (`secretumvault-logo.svg`, `secretumvault-logo-s.svg`)** +- Hero sections and landing pages +- Marketing materials and presentations +- Documentation headers +- Standalone brand applications + +**Horizontal Logo (`secretumvault-logo-h.svg`)** +- Header/navbar branding +- Horizontal banner designs +- Social media headers +- Documentation breadcrumbs +- Minimum width: 240px + +**Icon Only (`secretumvault-icon.svg`, `secretumvault-icon-s.svg`)** +- UI navigation and buttons +- Favicons and application icons +- Small badges and labels +- Quick reference elements +- Available at all standard icon sizes + +--- + +## Color Palette + +### Primary Colors + +| Name | Hex | RGB | Use | +|------|-----|-----|-----| +| Deep Vault | #0a1929 | rgb(10, 25, 41) | Background, dark areas | +| Primary | #1a2744 | rgb(26, 39, 68) | Main logo fill, primary UI | +| Secondary | #2a3f6a | rgb(42, 63, 106) | Secondary fills, gradients | +| Quantum Cyan | #00d9ff | rgb(0, 217, 255) | Accents, highlights, text | + +### Accent Colors + +| Name | Hex | RGB | Use | +|------|-----|-----|-----| +| Gold Accent | #ffd700 | rgb(255, 215, 0) | Vault handle, emphasis | +| Purple Accent | #8b5cf6 | rgb(139, 92, 246) | Secondary orbit, decorative | + +### Color Usage Guidelines + +- **Quantum Cyan (#00D9FF):** Primary interactive elements, links, highlights +- **Gold (#ffd700):** Call-to-action buttons, important features +- **Purple (#8b5cf6):** Secondary information, decorative elements +- **Primary Blue (#1a2744):** Logo fill, main backgrounds +- **Secondary Blue (#2a3f6a):** Gradients, borders, secondary backgrounds + +### Background Compatibility + +**Dark Backgrounds** ✅ +- Quantum Deep: #0A1929 +- Quantum Blue: #1A2744 +- Black: #000000 + +Use: `secretumvault-logo.svg`, `secretumvault-logo-bn.svg`, or `secretumvault-icon.svg` + +**Light Backgrounds** ✅ +- White: #FFFFFF +- Off-white: #F5F5F5 +- Light gray: #E8E8E8 + +Use: `secretumvault-logo-s.svg` or `secretumvault-logo-bn.svg` + +**Avoid** ❌ +- Patterned backgrounds +- Complex images +- Colors with insufficient contrast + +### Accessibility + +- Maintain sufficient contrast for text (WCAG AA minimum 4.5:1 for regular text) +- Avoid color-only differentiation; use patterns or text labels +- Test color combinations with color-blind friendly tools + +--- + +## Typography + +### Primary Typeface: Space Grotesk + +- **Font Family:** Space Grotesk +- **Category:** Sans Serif +- **Weights:** 400 (Regular), 600 (Semi-Bold), 700 (Bold) +- **Source:** Google Fonts +- **License:** Open Source (Open Font License) + +#### Google Fonts Import + +```html + +``` + +#### CSS Usage + +```css +font-family: 'Space Grotesk', sans-serif; +``` + +### Typography Hierarchy + +| Element | Font | Weight | Size | Use | +|---------|------|--------|------|-----| +| Logo Text | Space Grotesk | 700 | 32-48px | Logo wordmark | +| Heading 1 | Space Grotesk | 700 | 3rem | Page titles | +| Heading 2 | Space Grotesk | 700 | 1.8rem | Section headers | +| Heading 3 | Space Grotesk | 600 | 1.2rem | Subsection headers | +| Body Text | System Sans | 400 | 1rem | Documentation, content | +| Code | Monospace | 400 | 0.85-0.9rem | Code blocks | + +### Logo Text Color + +- **Light Mode:** #1A2744 (Deep Primary) +- **Dark Mode:** #00D9FF (Quantum Cyan) + +--- + +## Animation Guidelines + +### When to Use Animated Logos + +- Hero sections with user attention +- Loading indicators +- Interactive UI elements +- Marketing videos +- Promotional materials + +### When to Use Static Logos + +- Navigation bars +- Footers +- Print materials +- Emails +- Documents +- Favicons +- Small UI elements + +### Animated Logo Specifications + +| Animation | Duration | Direction | Range/Loop | +|-----------|----------|-----------|-----------| +| Outer Ring Rotation | 20s | Clockwise | 0° → 360°, infinite | +| Central Core Pulsing | 2s | - | 5.2px → 6.5px → 5.2px, infinite | +| Orbital Electrons | 8s | Clockwise | 360° rotation, infinite | +| Secondary Orbit | 12s | Counterclockwise | 360° rotation, infinite | + +--- + +## Usage Guidelines + +### DO ✓ + +- Use complete logos with proper text and icon +- Maintain clear space around logos (20px minimum) +- Use appropriate variant for the medium (animated for web, static for print) +- Scale logos proportionally +- Use provided SVG files for vector graphics +- Apply logos on contrasting backgrounds for visibility +- Use recommended color combinations +- Test logos across different screen sizes and devices +- Use descriptive alt text: `alt="SecretumVault logo"` or `alt="Vault security icon"` + +### DON'T ✗ + +- Distort or skew the logo (non-proportional scaling) +- Change logo colors without explicit approval +- Add effects (shadows, glows) beyond original design +- Rotate logos at unusual angles +- Use logo on cluttered backgrounds +- Mix animated and static versions together +- Rasterize SVGs without maintaining resolution +- Remove or modify individual logo elements +- Use logo without adequate clear space +- Apply logos too small (below minimum size) +- Use vague alt text: `alt="logo.svg"` or `alt="image"` + +--- + +## Integration Examples + +### Web Header + +```html +
+ SecretumVault +
+``` + +### Favicon + +```html + +``` + +### Documentation Header + +```html +
+ SecretumVault +
+``` + +### UI Navigation + +```html + +``` + +### Hero Section (Animated) + +```html +
+ SecretumVault Logo +
+``` + +### Static Background with Logo + +```html +
+ SecretumVault +
+``` + +--- + +## File Formats + +### Primary Format: SVG + +All official logos are provided as Scalable Vector Graphics (SVG): + +**Advantages:** +- Resolution-independent scaling +- Animated elements support +- Reduced file size +- Full browser support + +**Usage:** Web, digital displays, high-quality print output + +### Export Guidelines for Other Formats + +If exporting to raster formats (PNG, JPG): + +- **PNG:** Recommended for web (supports transparency) + - Minimum 2x resolution for Retina displays + - Optimize with tools like TinyPNG or ImageOptim +- **PDF:** For print distribution (maintains vector quality) +- **JPG:** Not recommended (no transparency, quality loss) + +### Export Settings + +When exporting from SVG: + +- **Minimum DPI:** 300 for print +- **Color Space:** sRGB for web, CMYK for commercial print +- **Transparency:** Preserve alpha channel for PNG +- **Optimization:** Remove metadata, optimize paths + +--- + +## Social Media Specifications + +| Platform | Format | Recommended Size | Logo Variant | +|----------|--------|------------------|--------------| +| Twitter | Square | 400×400px | Icon or Vertical | +| LinkedIn | Square | 400×400px | Icon or Vertical | +| GitHub | Square | 200×200px | Icon | +| Facebook | Square | 1200×1200px | Icon or Vertical | +| Email Signature | Horizontal | 400×120px | Horizontal Static | + +--- + +## Print Implementation + +- Use `secretumvault-logo-s.svg` (static version) +- Export to PDF for best print quality +- Ensure minimum size of 1 inch (25.4mm) +- Verify color accuracy with print vendor +- Use CMYK color profile for commercial printing +- Maintain clear space in print layouts + +### Export for Print + +If exporting SVG to raster for print: +- Minimum 300 DPI +- Maintain aspect ratio +- Use PNG with transparency or PDF +- Recommended tools: Inkscape, Adobe Illustrator, or online converters + +--- + +## Design System Integration + +### Quantum Vault Visual Language + +The SecretumVault logo employs a quantum theme that reflects the post-quantum cryptography foundation: + +- **Vault Imagery:** Security and protection +- **Circular Orbital Pattern:** Quantum mechanics and atomic structure +- **Rotating Elements:** Continuous motion and dynamism +- **Cyan Accent:** Innovation and cutting-edge technology +- **Gold Accents:** Value and trust + +### Design Token Usage + +```css +/* Color Tokens */ +--sv-primary: #1a2744; +--sv-secondary: #2a3f6a; +--sv-cyan: #00d9ff; +--sv-gold: #ffd700; +--sv-purple: #8b5cf6; + +/* Typography Tokens */ +--font-primary: 'Space Grotesk', sans-serif; +--font-weight-regular: 400; +--font-weight-semi-bold: 600; +--font-weight-bold: 700; +``` + +--- + +## Asset Locations + +All branding assets are located in the project: + +``` +secretumvault/ +├── imgs/ +│ ├── secretumvault-logo.svg (animated vertical) +│ ├── secretumvault-logo-s.svg (static vertical) +│ ├── secretumvault-logo-h.svg (animated horizontal) +│ ├── secretumvault-logo-h-s.svg (static horizontal) +│ ├── secretumvault-icon.svg (animated icon) +│ ├── secretumvault-icon-s.svg (static icon) +│ ├── secretumvault-logo-bn.svg (B&W logo) +│ ├── secretumvault-icon-bn.svg (B&W icon) +│ ├── index.html (interactive asset gallery) +│ └── BRAND-GUIDELINES.md (this file) +└── docs/ + └── BRAND-GUIDELINES.md (comprehensive documentation) +``` + +--- + +## Interactive Asset Gallery + +An interactive gallery with dark/light mode toggle, copy-to-clipboard functionality, and detailed specifications is available in `imgs/index.html`. This gallery displays all logo variants, color palettes, typography samples, and scalability tests. + +To view the gallery: +1. Open `imgs/index.html` in a web browser +2. Toggle between dark and light modes +3. Click color codes to copy to clipboard +4. View logos at different sizes and devices + +--- + +## Version History + +| Version | Date | Changes | +|---------|------|---------| +| 1.0 | 2025-12-22 | Initial brand guidelines consolidating logo systems, color palettes, typography, usage guidelines, integration examples, and practical implementation guidance | + +--- + +## Questions & Support + +For branding questions or asset requests, refer to: +- Interactive Asset Gallery: `imgs/index.html` +- Project Architecture: `docs/secretumvault-complete-architecture.md` +- Asset Gallery: Open in browser for dark/light mode toggles and copy-to-clipboard functionality + +--- + +**SecretumVault** — Post-quantum cryptographic secrets management for modern infrastructure + +Made with ❤️ • Built in Rust diff --git a/imgs/BRAND-GUIDELINES.md b/imgs/BRAND-GUIDELINES.md new file mode 100644 index 0000000..fe6fa40 --- /dev/null +++ b/imgs/BRAND-GUIDELINES.md @@ -0,0 +1,462 @@ +
+ SecretumVault Logo +
+ +# SecretumVault Branding Guidelines + +## Overview + +SecretumVault is a post-quantum cryptographic secrets management system designed for modern cloud infrastructure. The brand identity reflects security, innovation, and technical sophistication through a cohesive visual system combining vault imagery with quantum-inspired elements. This guide covers logo systems, color palettes, typography, usage guidelines, and practical integration examples. + +--- + +## Logo System + +### Available Logo Variants + +SecretumVault provides multiple logo variants to accommodate different use cases and layouts: + +| Variant | File | ViewBox | Best For | Features | +|---------|------|---------|----------|----------| +| **Vertical Animated** | `secretumvault-logo.svg` | 200×280 px | Hero sections, interactive displays | Rotating orbits, pulsing core | +| **Vertical Static** | `secretumvault-logo-s.svg` | 200×280 px | Print, documentation, static layouts | No animations, full color | +| **Horizontal Animated** | `secretumvault-logo-h.svg` | 400×120 px | Navigation bars, headers | Rotating orbits, space-efficient | +| **Horizontal Static** | `secretumvault-logo-h-s.svg` | 400×120 px | Print headers, static layouts | No animations, horizontal format | +| **Animated Icon** | `secretumvault-icon.svg` | 200×200 px | App icons, favicons, UI elements | Full animations, square format | +| **Static Icon** | `secretumvault-icon-s.svg` | 200×200 px | Favicon, print, badges | No animations, square format | +| **B&W Logo** | `secretumvault-logo-bn.svg` | 200×200 px | Print (grayscale), restricted color | Single color, monochrome | +| **B&W Icon** | `secretumvault-icon-bn.svg` | 200×200 px | Print, B&W documents | Single color, monochrome | + +### Logo Composition + +The vault icon consists of: + +- **Outer Ring (Dashed):** Cyan glow with rotating animation (20s cycle) +- **Inner Circle:** Gradient fill (deep vault → primary → secondary) +- **Central Node:** Quantum cyan core with pulsing effect (5.2px → 6.5px → 5.2px, 2s cycle) +- **Orbital Electrons:** Four cyan dots rotating around the core (8s clockwise) +- **Secondary Orbit:** Four purple dots at diagonal positions (12s counterclockwise) +- **Vault Handle:** Gold-accented bar and circular ring overlay +- **Text:** "SecretumVault" in Space Grotesk Bold, Quantum Cyan (#00D9FF) + +### Sizing & Clear Space + +**Minimum Sizes:** +- **Logo (full):** 120px wide minimum +- **Icon only:** 32px minimum +- **Favicon:** 16px or 32px + +**Clear Space:** +Maintain clear space around the logo equal to half the logo height on all sides. For a 120px logo, maintain 60px clear space on all sides. + +--- + +## Icon System + +### Icon Scalability + +Icons maintain clarity and recognizability across all sizes: + +| Size | Use Case | +|------|----------| +| 16px | Favicon, small UI elements | +| 24px | Toolbar icons, small badges | +| 32px | Standard app icons, navigation | +| 48px | Medium app icons, avatar sizes | +| 64px | Large app icons, decorative elements | +| 128px | Application splash screens | +| 256px | High-resolution favicons | +| 512px | Marketing, high-DPI displays | + +### When to Use Each Variant + +**Full Logo (`secretumvault-logo.svg`, `secretumvault-logo-s.svg`)** +- Hero sections and landing pages +- Marketing materials and presentations +- Documentation headers +- Standalone brand applications + +**Horizontal Logo (`secretumvault-logo-h.svg`)** +- Header/navbar branding +- Horizontal banner designs +- Social media headers +- Documentation breadcrumbs +- Minimum width: 240px + +**Icon Only (`secretumvault-icon.svg`, `secretumvault-icon-s.svg`)** +- UI navigation and buttons +- Favicons and application icons +- Small badges and labels +- Quick reference elements +- Available at all standard icon sizes + +--- + +## Color Palette + +### Primary Colors + +| Name | Hex | RGB | Use | +|------|-----|-----|-----| +| Deep Vault | #0a1929 | rgb(10, 25, 41) | Background, dark areas | +| Primary | #1a2744 | rgb(26, 39, 68) | Main logo fill, primary UI | +| Secondary | #2a3f6a | rgb(42, 63, 106) | Secondary fills, gradients | +| Quantum Cyan | #00d9ff | rgb(0, 217, 255) | Accents, highlights, text | + +### Accent Colors + +| Name | Hex | RGB | Use | +|------|-----|-----|-----| +| Gold Accent | #ffd700 | rgb(255, 215, 0) | Vault handle, emphasis | +| Purple Accent | #8b5cf6 | rgb(139, 92, 246) | Secondary orbit, decorative | + +### Color Usage Guidelines + +- **Quantum Cyan (#00D9FF):** Primary interactive elements, links, highlights +- **Gold (#ffd700):** Call-to-action buttons, important features +- **Purple (#8b5cf6):** Secondary information, decorative elements +- **Primary Blue (#1a2744):** Logo fill, main backgrounds +- **Secondary Blue (#2a3f6a):** Gradients, borders, secondary backgrounds + +### Background Compatibility + +**Dark Backgrounds** ✅ +- Quantum Deep: #0A1929 +- Quantum Blue: #1A2744 +- Black: #000000 + +Use: `secretumvault-logo.svg`, `secretumvault-logo-bn.svg`, or `secretumvault-icon.svg` + +**Light Backgrounds** ✅ +- White: #FFFFFF +- Off-white: #F5F5F5 +- Light gray: #E8E8E8 + +Use: `secretumvault-logo-s.svg` or `secretumvault-logo-bn.svg` + +**Avoid** ❌ +- Patterned backgrounds +- Complex images +- Colors with insufficient contrast + +### Accessibility + +- Maintain sufficient contrast for text (WCAG AA minimum 4.5:1 for regular text) +- Avoid color-only differentiation; use patterns or text labels +- Test color combinations with color-blind friendly tools + +--- + +## Typography + +### Primary Typeface: Space Grotesk + +- **Font Family:** Space Grotesk +- **Category:** Sans Serif +- **Weights:** 400 (Regular), 600 (Semi-Bold), 700 (Bold) +- **Source:** Google Fonts +- **License:** Open Source (Open Font License) + +#### Google Fonts Import + +```html + +``` + +#### CSS Usage + +```css +font-family: 'Space Grotesk', sans-serif; +``` + +### Typography Hierarchy + +| Element | Font | Weight | Size | Use | +|---------|------|--------|------|-----| +| Logo Text | Space Grotesk | 700 | 32-48px | Logo wordmark | +| Heading 1 | Space Grotesk | 700 | 3rem | Page titles | +| Heading 2 | Space Grotesk | 700 | 1.8rem | Section headers | +| Heading 3 | Space Grotesk | 600 | 1.2rem | Subsection headers | +| Body Text | System Sans | 400 | 1rem | Documentation, content | +| Code | Monospace | 400 | 0.85-0.9rem | Code blocks | + +### Logo Text Color + +- **Light Mode:** #1A2744 (Deep Primary) +- **Dark Mode:** #00D9FF (Quantum Cyan) + +--- + +## Animation Guidelines + +### When to Use Animated Logos + +- Hero sections with user attention +- Loading indicators +- Interactive UI elements +- Marketing videos +- Promotional materials + +### When to Use Static Logos + +- Navigation bars +- Footers +- Print materials +- Emails +- Documents +- Favicons +- Small UI elements + +### Animated Logo Specifications + +| Animation | Duration | Direction | Range/Loop | +|-----------|----------|-----------|-----------| +| Outer Ring Rotation | 20s | Clockwise | 0° → 360°, infinite | +| Central Core Pulsing | 2s | - | 5.2px → 6.5px → 5.2px, infinite | +| Orbital Electrons | 8s | Clockwise | 360° rotation, infinite | +| Secondary Orbit | 12s | Counterclockwise | 360° rotation, infinite | + +--- + +## Usage Guidelines + +### DO ✓ + +- Use complete logos with proper text and icon +- Maintain clear space around logos (20px minimum) +- Use appropriate variant for the medium (animated for web, static for print) +- Scale logos proportionally +- Use provided SVG files for vector graphics +- Apply logos on contrasting backgrounds for visibility +- Use recommended color combinations +- Test logos across different screen sizes and devices +- Use descriptive alt text: `alt="SecretumVault logo"` or `alt="Vault security icon"` + +### DON'T ✗ + +- Distort or skew the logo (non-proportional scaling) +- Change logo colors without explicit approval +- Add effects (shadows, glows) beyond original design +- Rotate logos at unusual angles +- Use logo on cluttered backgrounds +- Mix animated and static versions together +- Rasterize SVGs without maintaining resolution +- Remove or modify individual logo elements +- Use logo without adequate clear space +- Apply logos too small (below minimum size) +- Use vague alt text: `alt="logo.svg"` or `alt="image"` + +--- + +## Integration Examples + +### Web Header + +```html +
+ SecretumVault +
+``` + +### Favicon + +```html + +``` + +### Documentation Header + +```html +
+ SecretumVault +
+``` + +### UI Navigation + +```html + +``` + +### Hero Section (Animated) + +```html +
+ SecretumVault Logo +
+``` + +### Static Background with Logo + +```html +
+ SecretumVault +
+``` + +--- + +## File Formats + +### Primary Format: SVG + +All official logos are provided as Scalable Vector Graphics (SVG): + +**Advantages:** +- Resolution-independent scaling +- Animated elements support +- Reduced file size +- Full browser support + +**Usage:** Web, digital displays, high-quality print output + +### Export Guidelines for Other Formats + +If exporting to raster formats (PNG, JPG): + +- **PNG:** Recommended for web (supports transparency) + - Minimum 2x resolution for Retina displays + - Optimize with tools like TinyPNG or ImageOptim +- **PDF:** For print distribution (maintains vector quality) +- **JPG:** Not recommended (no transparency, quality loss) + +### Export Settings + +When exporting from SVG: + +- **Minimum DPI:** 300 for print +- **Color Space:** sRGB for web, CMYK for commercial print +- **Transparency:** Preserve alpha channel for PNG +- **Optimization:** Remove metadata, optimize paths + +--- + +## Social Media Specifications + +| Platform | Format | Recommended Size | Logo Variant | +|----------|--------|------------------|--------------| +| Twitter | Square | 400×400px | Icon or Vertical | +| LinkedIn | Square | 400×400px | Icon or Vertical | +| GitHub | Square | 200×200px | Icon | +| Facebook | Square | 1200×1200px | Icon or Vertical | +| Email Signature | Horizontal | 400×120px | Horizontal Static | + +--- + +## Print Implementation + +- Use `secretumvault-logo-s.svg` (static version) +- Export to PDF for best print quality +- Ensure minimum size of 1 inch (25.4mm) +- Verify color accuracy with print vendor +- Use CMYK color profile for commercial printing +- Maintain clear space in print layouts + +### Export for Print + +If exporting SVG to raster for print: +- Minimum 300 DPI +- Maintain aspect ratio +- Use PNG with transparency or PDF +- Recommended tools: Inkscape, Adobe Illustrator, or online converters + +--- + +## Design System Integration + +### Quantum Vault Visual Language + +The SecretumVault logo employs a quantum theme that reflects the post-quantum cryptography foundation: + +- **Vault Imagery:** Security and protection +- **Circular Orbital Pattern:** Quantum mechanics and atomic structure +- **Rotating Elements:** Continuous motion and dynamism +- **Cyan Accent:** Innovation and cutting-edge technology +- **Gold Accents:** Value and trust + +### Design Token Usage + +```css +/* Color Tokens */ +--sv-primary: #1a2744; +--sv-secondary: #2a3f6a; +--sv-cyan: #00d9ff; +--sv-gold: #ffd700; +--sv-purple: #8b5cf6; + +/* Typography Tokens */ +--font-primary: 'Space Grotesk', sans-serif; +--font-weight-regular: 400; +--font-weight-semi-bold: 600; +--font-weight-bold: 700; +``` + +--- + +## Asset Locations + +All branding assets are located in the project: + +``` +secretumvault/ +├── imgs/ +│ ├── secretumvault-logo.svg (animated vertical) +│ ├── secretumvault-logo-s.svg (static vertical) +│ ├── secretumvault-logo-h.svg (animated horizontal) +│ ├── secretumvault-logo-h-s.svg (static horizontal) +│ ├── secretumvault-icon.svg (animated icon) +│ ├── secretumvault-icon-s.svg (static icon) +│ ├── secretumvault-logo-bn.svg (B&W logo) +│ ├── secretumvault-icon-bn.svg (B&W icon) +│ ├── index.html (interactive asset gallery) +│ └── BRAND-GUIDELINES.md (this file) +└── docs/ + └── BRAND-GUIDELINES.md (comprehensive documentation) +``` + +--- + +## Interactive Asset Gallery + +An interactive gallery with dark/light mode toggle, copy-to-clipboard functionality, and detailed specifications is available in `imgs/index.html`. This gallery displays all logo variants, color palettes, typography samples, and scalability tests. + +To view the gallery: +1. Open `imgs/index.html` in a web browser +2. Toggle between dark and light modes +3. Click color codes to copy to clipboard +4. View logos at different sizes and devices + +--- + +## Version History + +| Version | Date | Changes | +|---------|------|---------| +| 1.0 | 2025-12-22 | Initial brand guidelines consolidating logo systems, color palettes, typography, usage guidelines, integration examples, and practical implementation guidance | + +--- + +## Questions & Support + +For branding questions or asset requests, refer to: +- Interactive Asset Gallery: `imgs/index.html` +- Project Architecture: `docs/secretumvault-complete-architecture.md` +- Asset Gallery: Open in browser for dark/light mode toggles and copy-to-clipboard functionality + +--- + +**SecretumVault** — Post-quantum cryptographic secrets management for modern infrastructure + +Made with ❤️ • Built in Rust diff --git a/imgs/README.md b/imgs/README.md new file mode 100644 index 0000000..75dca5a --- /dev/null +++ b/imgs/README.md @@ -0,0 +1,57 @@ +# SecretumVault Branding Assets + +This directory contains all visual branding assets for SecretumVault, including logos, icons, and brand guidelines. + +## Asset Structure + +### Logo Variations + +| File | Usage | Background | +|------|-------|-----------| +| `secretumvault-quantum-vault.svg` | Original animated logo | Any (animated) | +| `secretumvault-logo.svg` | Full logo (static) | Dark/Deep (#0A1929, #1A2744) | +| `secretumvault-logo-s.svg` | Simplified logo | Light backgrounds | +| `secretumvault-logo-bn.svg` | Logo for dark backgrounds | Dark/Black backgrounds | +| `secretumvault-logo-h.svg` | Horizontal logo with text | Hero sections, headers | + +### Icons + +| File | Usage | Size | +|------|-------|------| +| `secretumvault-icon.svg` | Standard vault icon | 32px+ | +| `secretumvault-icon-s.svg` | Simplified vault icon | 16px+ | +| `favicon.svg` | Website favicon | 16px, 32px | + +## Naming Convention + +Asset naming follows this pattern: +``` +secretumvault-[variant]-[style].svg +``` + +- **Variant**: logo, icon +- **Style**: h (horizontal), s (simplified/silver), bn (black/night) +- No suffix: standard/full version + +## Color Palette + +| Name | Hex | Usage | +|------|-----|-------| +| Quantum Deep | #0A1929 | Primary backgrounds | +| Quantum Blue | #1A2744 | Secondary surfaces | +| Quantum Cyan | #00D9FF | Accent, interactive elements | +| Vault Gold | #FFD700 | Premium elements, security icons | +| Quantum Violet | #8B5CF6 | Quantum gradients | + +## Documentation + +- **BRAND-GUIDELINES.md** — Complete brand identity standards and usage rules +- **how-to-use.md** — Practical guide to using assets in projects + +## Font + +**Space Grotesk** — Modern sans-serif used for text elements (not included, install separately) + +## License + +These assets are part of SecretumVault project documentation. Use according to project licensing terms. diff --git a/imgs/favicon.svg b/imgs/favicon.svg new file mode 100644 index 0000000..5cb4c17 --- /dev/null +++ b/imgs/favicon.svg @@ -0,0 +1,32 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/imgs/index.html b/imgs/index.html new file mode 100644 index 0000000..8775b64 --- /dev/null +++ b/imgs/index.html @@ -0,0 +1,1590 @@ + + + + + + SecretumVault Branding Assets + + + +
+
+
+

🔐 SecretumVault

+

+ Post-Quantum Cryptographic Secrets Management +

+
+ +
+ + +
+

Logo Variants

+
+ +
+
+ Vertical Logo +
+
+
Vertical
+
Animated
+
+
+ Size + 200×280 px +
+
+ Format + SVG +
+
+ Use Case + Hero Sections +
+
+ Animation + Yes +
+
+
+ + secretumvault-logo.svg + + + + + +
+ Open in new tab +
+
+ + +
+
+ Horizontal Logo +
+
+
Horizontal
+
Animated
+
+
+ Size + 400×120 px +
+
+ Format + SVG +
+
+ Use Case + Headers & Nav +
+
+ Animation + Yes +
+
+
+ + secretumvault-logo-h.svg + + + + + +
+ Open in new tab +
+
+ + +
+
+ Vertical Static Logo +
+
+
Vertical Static
+
Static
+
+
+ Size + 200×280 px +
+
+ Format + SVG +
+
+ Use Case + Static Layouts +
+
+ Animation + No +
+
+
+ + secretumvault-logo-s.svg + + + + + +
+ Open in new tab +
+
+ + +
+
+ Horizontal Static Logo +
+
+
Horizontal Static
+
Static
+
+
+ Size + 400×120 px +
+
+ Format + SVG +
+
+ Use Case + Static Headers +
+
+ Animation + No +
+
+
+ + secretumvault-logo-h-s.svg + + + + + +
+ Open in new tab +
+
+
+
+ + +
+

Icon & Monogram

+
+ +
+
+ Icon Animated +
+
+
Icon Monogram
+
Animated
+
+
+ Size + 200×200 px +
+
+ Format + SVG +
+
+ Use Case + Favicons, Avatars +
+
+ Animation + Yes +
+
+
+ + secretumvault-icon.svg + + + + + +
+ Open in new tab +
+
+ + +
+
+ Icon Static +
+
+
Icon Monogram
+
Static
+
+
+ Size + 200×200 px +
+
+ Format + SVG +
+
+ Use Case + Static Icons +
+
+ Animation + No +
+
+
+ + secretumvault-icon-s.svg + + + + + +
+ Open in new tab +
+
+
+
+ + +
+

Text Only

+
+
+
+ SecretumVault +
+
+
Logo Text
+
Typography
+
+
+ Font + Space Grotesk +
+
+ Weight + Bold (700) +
+
+ Color + #00D9FF +
+
+ Tracking + Normal +
+
+
+
+
+
+ + +
+

Black & White Versions

+
+ +
+
+ Logo Black & White +
+
+
Logo Monochrome
+
Grayscale
+
+
+ Size + 200×200 px +
+
+ Format + SVG +
+
+ Use Case + Print & B&W +
+
+ Animation + No +
+
+
+ + secretumvault-logo-bn.svg + + + + + +
+ Open in new tab +
+
+ + +
+
+ Icon Black & White +
+
+
Icon Monochrome
+
Grayscale
+
+
+ Size + 200×200 px +
+
+ Format + SVG +
+
+ Use Case + Print & B&W +
+
+ Animation + No +
+
+
+ + secretumvault-icon-bn.svg + + + + + +
+ Open in new tab +
+
+
+
+ + +
+

Scalability & Icon Sizes

+

+ Icons scale beautifully from 16px to 512px +

+
+
+ 16px + 16px +
+
+ 24px + 24px +
+
+ 32px + 32px +
+
+ 48px + 48px +
+
+ 64px + 64px +
+
+ 128px + 128px +
+
+ 256px + 256px +
+
+ 512px + 512px +
+
+
+ + +
+

Color Palette

+

+ Click any color code to copy to clipboard +

+
+
+
+ 0a1929 +
+
+
Deep Vault
+
+
+ #0a1929 + + + + + Copied! +
+
+ rgb(10, 25, 41) + + + + + Copied! +
+
+
+
+ +
+
+ 1a2744 +
+
+
Primary
+
+
+ #1a2744 + + + + + Copied! +
+
+ rgb(26, 39, 68) + + + + + Copied! +
+
+
+
+ +
+
+ 2a3f6a +
+
+
Secondary
+
+
+ #2a3f6a + + + + + Copied! +
+
+ rgb(42, 63, 106) + + + + + Copied! +
+
+
+
+ +
+
+ 00d9ff +
+
+
Quantum Cyan
+
+
+ #00d9ff + + + + + Copied! +
+
+ rgb(0, 217, 255) + + + + + Copied! +
+
+
+
+ +
+
+ ffd700 +
+
+
Gold Accent
+
+
+ #ffd700 + + + + + Copied! +
+
+ rgb(255, 215, 0) + + + + + Copied! +
+
+
+
+ +
+
+ 8b5cf6 +
+
+
Purple
+
+
+ #8b5cf6 + + + + + Copied! +
+
+ rgb(139, 92, 246) + + + + + Copied! +
+
+
+
+
+
+ + +
+

Typography

+
+
+
Primary Font - Space Grotesk
+
The quick brown fox
+
Display Heading
+
Body Text
+
+
+ Font Family + Space Grotesk +
+
+ Weights + 600, 700 +
+
+ Category + Sans Serif +
+
+ License + Open Source +
+
+
+

+ Import from Google Fonts: +

+
+ <link + href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;600;700&display=swap" + rel="stylesheet"> + +
+
+ font-family: 'Space Grotesk', sans-serif; + +
+
+
+
+
+ + +
+ + + + diff --git a/imgs/logo.svg b/imgs/logo.svg new file mode 100644 index 0000000..aa75db8 --- /dev/null +++ b/imgs/logo.svg @@ -0,0 +1,71 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + S + diff --git a/imgs/secretumvault-assets-showcase.html b/imgs/secretumvault-assets-showcase.html new file mode 100644 index 0000000..9e813c9 --- /dev/null +++ b/imgs/secretumvault-assets-showcase.html @@ -0,0 +1,1869 @@ + + + + + + SecretumVault — Branding Assets Showcase + + + +
+

🔐 SecretumVault

+

Branding Assets & Design System

+
+ + + +
+ +
+

🎨 Logo Variations

+ +

Full Logo (Static)

+
+
+
+ Standard Logo +
+

secretumvault-logo.svg

+

+ Standard full logo. Best for dark backgrounds. +

+
+ Min: 120px +
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+

secretumvault-logo-s.svg

+

+ Simplified variant. Good for light backgrounds. +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+

secretumvault-logo-bn.svg

+

Black/night variant. For dark backgrounds.

+
+
+ +

Horizontal Logo

+
+

+ secretumvault-logo-h.svg +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + SecretumVault + + + +

+ Perfect for headers and horizontal layouts. Minimum width: 240px. +

+
+ +

Animated Logo Interactive

+ +
+ + +
+

⚛️ Icon Variations

+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + +
32px
+
+
+ + + + + + + + + + + + + + + + + + + + + +
48px
+
+
+ + + + + + + + + + + + + + + + + + + + + +
64px
+
+
+

secretumvault-icon.svg

+

+ Standard vault icon. Scalable from 16px to 512px. Use for UI + elements and buttons. +

+
+ +
+
+ + + + + + + + + + + + + + + + + + +
+

secretumvault-icon-s.svg

+

+ Simplified vault icon. Minimal design for small sizes and simple + use cases. +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + +
+

+ favicon.svg +

+

+ Favicon for browser tabs. Optimized for 16px and 32px sizes. +

+
+
+
+ + +
+

🎨 Color Palette

+ +

Primary Colors

+
+
+
+
+
Quantum Deep
+
#0A1929
+

+ Primary backgrounds, depth +

+
+
+
+
+
+
Quantum Blue
+
#1A2744
+

+ Secondary surfaces +

+
+
+
+
+
+
Quantum Cyan
+
#00D9FF
+

+ Accents, interactive +

+
+
+
+
+
+
Vault Gold
+
#FFD700
+

+ Premium, security +

+
+
+
+ +

Secondary Colors

+
+
+
+
+
Quantum Violet
+
#8B5CF6
+

+ Gradients, quantum +

+
+
+
+
+
+
Rust Orange
+
#CE412B
+

+ Rust references, CTAs +

+
+
+
+
+
+
Vault Silver
+
#C0C0C0
+

Text on dark

+
+
+
+
+ + +
+

📖 Usage Examples

+ +

Web Header

+
+
+

Horizontal Logo

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + SecretumVault + + +
+
+ Perfect for website headers and navigation. Minimum width: 240px. +
+
+ +
+

Icon in Navigation

+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ Use 32px-48px sizes for UI navigation. Scale maintains clarity. +
+
+ +
+

Favicon

+
+ + + + + + + + + + + + + + + + + + + + + + +
+
+ Optimized for browser tabs. Use 16px or 32px variants. +
+
+
+ +

Background Compatibility

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+

✓ Dark Background

+

+ Use on #0A1929, #1A2744, or black backgrounds. +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+

✓ Light Background

+

+ Use on white, #F5F5F5, or light gray backgrounds. +

+
+
+
+ + +
+

📏 Specifications & Guidelines

+ +

Sizing Guidelines

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AssetMinimum SizeRecommended SizesUsage
Full Logo120px120px, 240px, 360pxHero sections, documentation headers
Horizontal Logo240px240px, 320px, 480pxWebsite headers, navigation
Icon32px32px, 48px, 64px, 128pxUI buttons, navigation, badges
Icon (Simplified)16px16px, 24px, 32pxSmall UI elements, compact interfaces
Favicon16px16px, 32pxBrowser tabs
+ +

Spacing Guidelines

+
+

+ Maintain clear space around logos equal to + half the logo height on all sides: +

+
+ clear_space = logo_height / 2
+ Example: 120px logo → 60px clear space on all sides +
+
+ +

File Format Guidelines

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FormatBest ForAdvantagesWhen to Use
SVGWeb, scalableInfinitely scalable, small file size, animatableAll web use, recommended default
PNGRaster exportTransparency support, compatibilityPrint, legacy systems
WebPModern webSmaller than PNG, better compressionPerformance-critical applications
+ +

Accessibility

+
+

Always include meaningful alt text:

+
+ ✓ alt="SecretumVault security vault logo"
+ ✓ alt="Quantum encryption icon"
+ ✗ alt="logo.svg"
+ ✗ alt="image" +
+
+ +

Animation Guidelines

+ + + + + + + + + + + + + + + + + + + + + + + +
FileAnimationDurationUse Case
secretumvault-quantum-vault.svgRotating orbits, pulsing core8s-20s loopsLoading states, interactive sections
All other filesNone (static)—Standard branding, performance
+ +

Performance Tips

+
+
    +
  • + ✓ Use SVG for web (best + scalability and performance) +
    • +
  • + ✓ Inline SVG for critical logos + to avoid extra HTTP requests +
    • +
  • + ✓ Use animated version only + when necessary +
    • +
  • + ✓ Lazy-load non-critical images +
    • +
  • + ✓ Optimize SVGs before + deployment (remove unused code) +
    • +
+
+
+ +
+

📚 Documentation

+
+
+

README.md

+

+ Directory structure and asset inventory. Quick reference for what + files are available. +

+
+
+

BRAND-GUIDELINES.md

+

+ Complete brand identity standards, color palette, typography, and + usage rules. +

+
+
+

how-to-use.md

+

+ Practical implementation guide with code examples and integration + patterns. +

+
+
+
+
+ + + + diff --git a/imgs/secretumvault-assets-showcase.html.backup b/imgs/secretumvault-assets-showcase.html.backup new file mode 100644 index 0000000..b5e8098 --- /dev/null +++ b/imgs/secretumvault-assets-showcase.html.backup @@ -0,0 +1,1953 @@ + + + + + + SecretumVault — Branding Assets Showcase + + + +
+

🔐 SecretumVault

+

Branding Assets & Design System

+
+ + + +
+ +
+

🎨 Logo Variations

+ +

Full Logo (Static)

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

secretumvault-logo.svg

+

+ Standard full logo. Best for dark backgrounds. +

+
+ Min: 120px +
+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+

secretumvault-logo-s.svg

+

+ Simplified variant. Good for light backgrounds. +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+

secretumvault-logo-bn.svg

+

Black/night variant. For dark backgrounds.

+
+
+ +

Horizontal Logo

+
+

+ secretumvault-logo-h.svg +

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + SecretumVault + + + +

+ Perfect for headers and horizontal layouts. Minimum width: 240px. +

+
+ +

Animated Logo Interactive

+ +
+ + +
+

⚛️ Icon Variations

+ +
+
+
+
+ + + + + + + + + + + + + + + + + + + + + +
32px
+
+
+ + + + + + + + + + + + + + + + + + + + + +
48px
+
+
+ + + + + + + + + + + + + + + + + + + + + +
64px
+
+
+

secretumvault-icon.svg

+

+ Standard vault icon. Scalable from 16px to 512px. Use for UI + elements and buttons. +

+
+ +
+
+ + + + + + + + + + + + + + + + + + +
+

secretumvault-icon-s.svg

+

+ Simplified vault icon. Minimal design for small sizes and simple + use cases. +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + +
+

+ favicon.svg +

+

+ Favicon for browser tabs. Optimized for 16px and 32px sizes. +

+
+
+
+ + +
+

🎨 Color Palette

+ +

Primary Colors

+
+
+
+
+
Quantum Deep
+
#0A1929
+

+ Primary backgrounds, depth +

+
+
+
+
+
+
Quantum Blue
+
#1A2744
+

+ Secondary surfaces +

+
+
+
+
+
+
Quantum Cyan
+
#00D9FF
+

+ Accents, interactive +

+
+
+
+
+
+
Vault Gold
+
#FFD700
+

+ Premium, security +

+
+
+
+ +

Secondary Colors

+
+
+
+
+
Quantum Violet
+
#8B5CF6
+

+ Gradients, quantum +

+
+
+
+
+
+
Rust Orange
+
#CE412B
+

+ Rust references, CTAs +

+
+
+
+
+
+
Vault Silver
+
#C0C0C0
+

Text on dark

+
+
+
+
+ + +
+

📖 Usage Examples

+ +

Web Header

+
+
+

Horizontal Logo

+
+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + SecretumVault + + +
+
+ Perfect for website headers and navigation. Minimum width: 240px. +
+
+ +
+

Icon in Navigation

+
+ + + + + + + + + + + + + + + + + + + + + +
+
+ Use 32px-48px sizes for UI navigation. Scale maintains clarity. +
+
+ +
+

Favicon

+
+ + + + + + + + + + + + + + + + + + + + + + +
+
+ Optimized for browser tabs. Use 16px or 32px variants. +
+
+
+ +

Background Compatibility

+
+
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+

✓ Dark Background

+

+ Use on #0A1929, #1A2744, or black backgrounds. +

+
+ +
+
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
+

✓ Light Background

+

+ Use on white, #F5F5F5, or light gray backgrounds. +

+
+
+
+ + +
+

📏 Specifications & Guidelines

+ +

Sizing Guidelines

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
AssetMinimum SizeRecommended SizesUsage
Full Logo120px120px, 240px, 360pxHero sections, documentation headers
Horizontal Logo240px240px, 320px, 480pxWebsite headers, navigation
Icon32px32px, 48px, 64px, 128pxUI buttons, navigation, badges
Icon (Simplified)16px16px, 24px, 32pxSmall UI elements, compact interfaces
Favicon16px16px, 32pxBrowser tabs
+ +

Spacing Guidelines

+
+

+ Maintain clear space around logos equal to + half the logo height on all sides: +

+
+ clear_space = logo_height / 2
+ Example: 120px logo → 60px clear space on all sides +
+
+ +

File Format Guidelines

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FormatBest ForAdvantagesWhen to Use
SVGWeb, scalableInfinitely scalable, small file size, animatableAll web use, recommended default
PNGRaster exportTransparency support, compatibilityPrint, legacy systems
WebPModern webSmaller than PNG, better compressionPerformance-critical applications
+ +

Accessibility

+
+

Always include meaningful alt text:

+
+ ✓ alt="SecretumVault security vault logo"
+ ✓ alt="Quantum encryption icon"
+ ✗ alt="logo.svg"
+ ✗ alt="image" +
+
+ +

Animation Guidelines

+ + + + + + + + + + + + + + + + + + + + + + + +
FileAnimationDurationUse Case
secretumvault-quantum-vault.svgRotating orbits, pulsing core8s-20s loopsLoading states, interactive sections
All other filesNone (static)—Standard branding, performance
+ +

Performance Tips

+
+
    +
  • + ✓ Use SVG for web (best + scalability and performance) +
    • +
  • + ✓ Inline SVG for critical logos + to avoid extra HTTP requests +
    • +
  • + ✓ Use animated version only + when necessary +
    • +
  • + ✓ Lazy-load non-critical images +
    • +
  • + ✓ Optimize SVGs before + deployment (remove unused code) +
    • +
+
+
+ +
+

📚 Documentation

+
+
+

README.md

+

+ Directory structure and asset inventory. Quick reference for what + files are available. +

+
+
+

BRAND-GUIDELINES.md

+

+ Complete brand identity standards, color palette, typography, and + usage rules. +

+
+
+

how-to-use.md

+

+ Practical implementation guide with code examples and integration + patterns. +

+
+
+
+
+ + + + diff --git a/imgs/secretumvault-icon-bn.svg b/imgs/secretumvault-icon-bn.svg new file mode 100644 index 0000000..a65f978 --- /dev/null +++ b/imgs/secretumvault-icon-bn.svg @@ -0,0 +1,34 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/imgs/secretumvault-icon-s.svg b/imgs/secretumvault-icon-s.svg new file mode 100644 index 0000000..33921b8 --- /dev/null +++ b/imgs/secretumvault-icon-s.svg @@ -0,0 +1,50 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/imgs/secretumvault-icon.svg b/imgs/secretumvault-icon.svg new file mode 100644 index 0000000..9a829b8 --- /dev/null +++ b/imgs/secretumvault-icon.svg @@ -0,0 +1,67 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/imgs/secretumvault-logo-bn.svg b/imgs/secretumvault-logo-bn.svg new file mode 100644 index 0000000..c5c695d --- /dev/null +++ b/imgs/secretumvault-logo-bn.svg @@ -0,0 +1,40 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/imgs/secretumvault-logo-h-s.svg b/imgs/secretumvault-logo-h-s.svg new file mode 100644 index 0000000..5bd8262 --- /dev/null +++ b/imgs/secretumvault-logo-h-s.svg @@ -0,0 +1,56 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SecretumVault + + + + diff --git a/imgs/secretumvault-logo-s.svg b/imgs/secretumvault-logo-s.svg index 513fffa..6440d0c 100644 --- a/imgs/secretumvault-logo-s.svg +++ b/imgs/secretumvault-logo-s.svg @@ -33,6 +33,12 @@ + + + + + + diff --git a/imgs/secretumvault-quantum-vault.svg b/imgs/secretumvault-quantum-vault.svg new file mode 100644 index 0000000..7f668a1 --- /dev/null +++ b/imgs/secretumvault-quantum-vault.svg @@ -0,0 +1,63 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + SecretumVault + diff --git a/imgs/secretumvault_ascii.txt b/imgs/secretumvault_ascii.txt new file mode 100644 index 0000000..28aed91 --- /dev/null +++ b/imgs/secretumvault_ascii.txt @@ -0,0 +1,8 @@ +╔═╗┌─┐┌─┐┬─┐┌─┐┌┬┐┬ ┬┌┬┐╦ ╦┌─┐┬ ┬┬ ┌┬┐ +╚═╗├┤ │ ├┬┘├┤ │ │ ││││╚╗╔╝├─┤│ ││ │ +╚═╝└─┘└─┘┴└─└─┘ ┴ └─┘┴ ┴ ╚╝ ┴ ┴└─┘┴─┘ ┴ +╔══════════════════════════════════════╗ +║ Post-quantum cryptographic secrets ║ +║ vault for modern infrastructures ║ +║ secretumvault.dev ║ +╚══════════════════════════════════════╝