74a6ae33b9
Some checks failed
Build and Deploy Container / build_and_deploy (push) Failing after 33s
141 lines
3.6 KiB
HTML
141 lines
3.6 KiB
HTML
<!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"><Valtrix /></div>
|
|
</div>
|
|
|
|
</body>
|
|
|
|
</html> |