intitial

2025-11-19 21:57:50 +01:00
parent 9490050690
commit 74a6ae33b9
13 changed files with 0 additions and 0 deletions
--- a/logo_ideas.html
+++ b/logo_ideas.html
@@ -0,0 +1,141 @@
+<!DOCTYPE html>
+<html lang="de">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Valtrix Logo Concepts</title>
+    <link rel="stylesheet" href="style.css">
+    <style>
+        body {
+            padding-top: 100px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 50px;
+            background: #0a0f1c;
+        }
+
+        .logo-container {
+            background: rgba(255, 255, 255, 0.03);
+            padding: 40px;
+            border-radius: 20px;
+            width: 100%;
+            max-width: 600px;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+            gap: 20px;
+            border: 1px solid rgba(255, 255, 255, 0.05);
+        }
+
+        .label {
+            color: var(--text-muted);
+            font-size: 0.9rem;
+            text-transform: uppercase;
+            letter-spacing: 2px;
+        }
+
+        /* Concept 1: Minimal */
+        .logo-1 {
+            font-size: 2.5rem;
+            font-weight: 800;
+            color: #fff;
+            letter-spacing: -1px;
+        }
+
+        .logo-1 .dot {
+            color: var(--primary);
+        }
+
+        /* Concept 2: Shield */
+        .logo-2 {
+            display: flex;
+            align-items: center;
+            gap: 15px;
+            font-size: 2.5rem;
+            font-weight: 700;
+            color: #fff;
+        }
+
+        .logo-2 svg {
+            width: 50px;
+            height: 50px;
+            fill: none;
+            stroke: var(--primary);
+            stroke-width: 2;
+            filter: drop-shadow(0 0 10px rgba(0, 242, 255, 0.4));
+        }
+
+        /* Concept 3: Abstract V */
+        .logo-3 {
+            display: flex;
+            align-items: center;
+            gap: 15px;
+            font-size: 2.5rem;
+            font-weight: 700;
+            color: #fff;
+        }
+
+        .icon-box {
+            width: 50px;
+            height: 50px;
+            background: linear-gradient(135deg, var(--primary), #3b82f6);
+            border-radius: 12px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            font-weight: 900;
+            font-size: 1.8rem;
+            color: #0a0f1c;
+        }
+
+        /* Concept 4: Terminal */
+        .logo-4 {
+            font-family: 'Courier New', monospace;
+            font-size: 2.2rem;
+            font-weight: 700;
+            color: var(--primary);
+            background: rgba(0, 242, 255, 0.1);
+            padding: 10px 20px;
+            border-radius: 8px;
+            border: 1px solid rgba(0, 242, 255, 0.3);
+        }
+    </style>
+</head>
+
+<body>
+
+    <h1>Logo Vorschläge</h1>
+
+    <div class="logo-container">
+        <span class="label">1. Modern Minimal (Aktuell)</span>
+        <div class="logo-1">Valtrix<span class="dot">.</span></div>
+    </div>
+
+    <div class="logo-container">
+        <span class="label">2. Cyber Shield (Security Focus)</span>
+        <div class="logo-2">
+            <svg viewBox="0 0 24 24">
+                <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
+            </svg>
+            Valtrix
+        </div>
+    </div>
+
+    <div class="logo-container">
+        <span class="label">3. Tech Block (Modern SaaS)</span>
+        <div class="logo-3">
+            <div class="icon-box">V</div>
+            Valtrix
+        </div>
+    </div>
+
+    <div class="logo-container">
+        <span class="label">4. Terminal Code (Dev/Cloud)</span>
+        <div class="logo-4">&lt;Valtrix /&gt;</div>
+    </div>
+
+</body>
+
+</html>