IntelSight/Styleguide
3
0
Fork 0
Code Issues Pull-Requests Actions Pakete Projekte Releases Wiki Aktivität

Logo und so

Quellcode durchsuchen
Dieser Commit ist enthalten in:
Claude Project Manager
2025-07-12 21:34:58 +02:00
Ursprung dd9a6b5440
Commit 4de24269e2
12 geänderte Dateien mit 21 neuen und 175 gelöschten Zeilen
Patch-Datei herunterladen Vergleichs-Datei herunterladen Alle Dateien ausklappen Alle Dateien einklappen

3
.claude/settings.local.json
Datei anzeigen

@ -5,7 +5,8 @@
"Bash(python3:*)", "Bash(python3:*)",
"Bash(cp:*)", "Bash(cp:*)",
"Bash(ls:*)", "Bash(ls:*)",
"Bash(grep:*)" "Bash(grep:*)",
"Bash(git rev-parse:*)"
], ],
"deny": [] "deny": []
} }

12
CORPORATE_DESIGN_DARK_MODE.md
Datei anzeigen

@ -313,15 +313,13 @@ font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', monospace;
- **Farbe**: #00D4FF - **Farbe**: #00D4FF
#### Logos #### Logos
- **Hauptlogo**: Immer weiße Variante auf dunklem Hintergrund - **Hauptlogo**: Immer weiße Variante (transparent)
- **Verfügbare Varianten**: - **Verfügbare Varianten**:
- `/ressources/logo/intelsight-full-dark.svg` - Vollständiges Logo - `/ressources/logo/intelsight-full-dark.svg` - Vollständiges Logo (weiß auf transparent)
- `/ressources/logo/intelsight-full-transparent-dark.svg` - Vollständiges Logo (transparent) - `/ressources/logo/intelsight-name-dark.svg` - Nur Name (weiß auf transparent)
- `/ressources/logo/intelsight-name-dark.svg` - Nur Name - `/ressources/logo/intelsight-icon-dark.svg` - Nur Icon (weiß auf transparent)
- `/ressources/logo/intelsight-name-transparent-dark.svg` - Nur Name (transparent)
- `/ressources/logo/intelsight-icon-dark.svg` - Nur Icon
- `/ressources/logo/intelsight-icon-transparent-dark.svg` - Nur Icon (transparent)
- **Mindestabstand**: 20px zu anderen Elementen - **Mindestabstand**: 20px zu anderen Elementen
- **Hinweis**: Alle Dark Mode Logos sind transparent und optimal für dunkle Hintergründe
#### Sprach-Flags #### Sprach-Flags
- **Verfügbar**: DE, EN, ES, FR, JA - **Verfügbar**: DE, EN, ES, FR, JA

6
CORPORATE_DESIGN_LIGHT_MODE.md
Datei anzeigen

@ -368,9 +368,9 @@ font-family: 'SF Mono', Monaco, 'Cascadia Code', 'Roboto Mono', monospace;
#### Logos #### Logos
- **Hauptlogo**: Light-Varianten auf hellem Hintergrund - **Hauptlogo**: Light-Varianten auf hellem Hintergrund
- **Verfügbare Varianten**: - **Verfügbare Varianten**:
- `/ressources/logo/intelsight-full-light.svg` - Vollständiges Logo - `/ressources/logo/intelsight-full-light.svg` - Vollständiges Logo (jetzt transparent)
- `/ressources/logo/intelsight-name-light.svg` - Nur Name - `/ressources/logo/intelsight-name-light.svg` - Nur Name (jetzt transparent)
- `/ressources/logo/intelsight-icon-light.svg` - Nur Icon - `/ressources/logo/intelsight-icon-light.svg` - Nur Icon (transparent)
- **Mindestabstand**: 20px zu anderen Elementen - **Mindestabstand**: 20px zu anderen Elementen
#### Sprach-Flags #### Sprach-Flags

7
ressources/logo/intelsight-full-dark.svg
Datei anzeigen

@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="450" height="150" viewBox="0 0 450 150" xmlns="http://www.w3.org/2000/svg"> <svg width="420" height="90" viewBox="0 0 420 90" xmlns="http://www.w3.org/2000/svg">
<defs> <defs>
<style> <style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&amp;display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&amp;display=swap');
@ -41,9 +41,8 @@
</g> </g>
</defs> </defs>
<!-- Dark version #232D53 --> <!-- Dark version for website - NO BACKGROUND -->
<rect x="0" y="0" width="450" height="150" fill="#232D53"/> <g transform="translate(5, 45)">
<g transform="translate(20, 75)">
<!-- Shield centered vertically with text --> <!-- Shield centered vertically with text -->
<g transform="translate(0, -72.5)" color="white"> <g transform="translate(0, -72.5)" color="white">
<use href="#shield-eye-accurate"/> <use href="#shield-eye-accurate"/>

Nebeneinander Wischen Überlagert

Vorher

Breite:  |  Höhe:  |  Größe: 1.9 KiB

Nachher

Breite:  |  Höhe:  |  Größe: 1.8 KiB

5
ressources/logo/intelsight-full-light.svg
Datei anzeigen

@ -1,5 +1,5 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="450" height="150" viewBox="0 0 450 150" xmlns="http://www.w3.org/2000/svg"> <svg width="420" height="90" viewBox="0 0 420 90" xmlns="http://www.w3.org/2000/svg">
<defs> <defs>
<style> <style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&amp;display=swap'); @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&amp;display=swap');
@ -42,8 +42,7 @@
</defs> </defs>
<!-- Light version --> <!-- Light version -->
<rect x="0" y="0" width="450" height="150" fill="white"/> <g transform="translate(5, 45)">
<g transform="translate(20, 75)">
<!-- Shield centered vertically with text --> <!-- Shield centered vertically with text -->
<g transform="translate(0, -72.5)" color="#232D53"> <g transform="translate(0, -72.5)" color="#232D53">
<use href="#shield-eye-accurate"/> <use href="#shield-eye-accurate"/>

Nebeneinander Wischen Überlagert

Vorher

Breite:  |  Höhe:  |  Größe: 1.9 KiB

Nachher

Breite:  |  Höhe:  |  Größe: 1.8 KiB

54
ressources/logo/intelsight-full-transparent-dark.svg
Datei anzeigen

@ -1,54 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="450" height="150" viewBox="0 0 450 150" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&amp;display=swap');
</style>
<!-- Accurate shield matching original -->
<g id="shield-eye-accurate">
<!-- Angular shield shape -->
<path d="M 35 30
L 65 30
L 75 40
L 75 80
L 50 115
L 25 80
L 25 40
L 35 30 Z"
fill="none"
stroke="currentColor"
stroke-width="3.5"
stroke-linejoin="miter"/>
<!-- Eye centered in shield -->
<g transform="translate(50, 65)">
<!-- Almond/football shaped eye -->
<ellipse cx="0" cy="0" rx="24" ry="13"
fill="none"
stroke="currentColor"
stroke-width="3.5"/>
<!-- Circular iris -->
<circle cx="0" cy="0" r="10"
fill="none"
stroke="currentColor"
stroke-width="3.5"/>
<!-- Pupil -->
<circle cx="0" cy="0" r="4" fill="currentColor"/>
</g>
</g>
</defs>
<!-- Dark version for website - NO BACKGROUND -->
<g transform="translate(20, 75)">
<!-- Shield centered vertically with text -->
<g transform="translate(0, -72.5)" color="white">
<use href="#shield-eye-accurate"/>
</g>
<!-- Text aligned with shield center -->
<text x="90" y="5" font-family="'Poppins', sans-serif" font-size="46" font-weight="600" fill="white">IntelSight</text>
<text x="90" y="35" font-family="'Poppins', sans-serif" font-size="12" font-weight="400" fill="white" letter-spacing="1.3">SICHERHEIT MADE IN GERMANY</text>
</g>
</svg>
Nebeneinander

Vorher

Breite:  |  Höhe:  |  Größe: 1.8 KiB

8
ressources/logo/intelsight-icon-dark.svg
Datei anzeigen

@ -1,9 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <svg width="60" height="95" viewBox="0 0 60 95" xmlns="http://www.w3.org/2000/svg">
<!-- Shield only - dark version with background --> <!-- Shield only - dark version (white on transparent) -->
<rect width="120" height="120" fill="#232D53"/> <g transform="translate(30, 47.5)">
<g transform="translate(60, 60)">
<!-- Center the shield --> <!-- Center the shield -->
<g transform="translate(-50, -72.5)"> <g transform="translate(-50, -72.5)">
<!-- Angular shield shape --> <!-- Angular shield shape -->

Nebeneinander Wischen Überlagert

Vorher

Breite:  |  Höhe:  |  Größe: 1.2 KiB

Nachher

Breite:  |  Höhe:  |  Größe: 1.2 KiB

4
ressources/logo/intelsight-icon-light.svg
Datei anzeigen

@ -1,7 +1,7 @@
<?xml version="1.0" encoding="UTF-8"?> <?xml version="1.0" encoding="UTF-8"?>
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg"> <svg width="60" height="95" viewBox="0 0 60 95" xmlns="http://www.w3.org/2000/svg">
<!-- Shield only - light version (#232D53 on transparent) --> <!-- Shield only - light version (#232D53 on transparent) -->
<g transform="translate(60, 60)"> <g transform="translate(30, 47.5)">
<!-- Center the shield --> <!-- Center the shield -->
<g transform="translate(-50, -72.5)"> <g transform="translate(-50, -72.5)">
<!-- Angular shield shape --> <!-- Angular shield shape -->

Nebeneinander Wischen Überlagert

Vorher

Breite:  |  Höhe:  |  Größe: 1.2 KiB

Nachher

Breite:  |  Höhe:  |  Größe: 1.2 KiB

40
ressources/logo/intelsight-icon-transparent-dark.svg
Datei anzeigen

@ -1,40 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
<!-- Shield only - dark version (white on transparent) -->
<g transform="translate(60, 60)">
<!-- Center the shield -->
<g transform="translate(-50, -72.5)">
<!-- Angular shield shape -->
<path d="M 35 30
L 65 30
L 75 40
L 75 80
L 50 115
L 25 80
L 25 40
L 35 30 Z"
fill="none"
stroke="white"
stroke-width="3.5"
stroke-linejoin="miter"/>
<!-- Eye centered in shield -->
<g transform="translate(50, 65)">
<!-- Almond/football shaped eye -->
<ellipse cx="0" cy="0" rx="24" ry="13"
fill="none"
stroke="white"
stroke-width="3.5"/>
<!-- Circular iris -->
<circle cx="0" cy="0" r="10"
fill="none"
stroke="white"
stroke-width="3.5"/>
<!-- Pupil -->
<circle cx="0" cy="0" r="4" fill="white"/>
</g>
</g>
</g>
</svg>
Nebeneinander

Vorher

Breite:  |  Höhe:  |  Größe: 1.2 KiB

3
ressources/logo/intelsight-name-dark.svg
Datei anzeigen

@ -41,8 +41,7 @@
</g> </g>
</defs> </defs>
<!-- Dark version #232D53 --> <!-- Dark version for website - NO BACKGROUND, NO TAGLINE -->
<rect x="0" y="0" width="450" height="100" fill="#232D53"/>
<g transform="translate(20, 50)"> <g transform="translate(20, 50)">
<!-- Shield centered vertically with text --> <!-- Shield centered vertically with text -->
<g transform="translate(0, -72.5)" color="white"> <g transform="translate(0, -72.5)" color="white">

Nebeneinander Wischen Überlagert

Vorher

Breite:  |  Höhe:  |  Größe: 1.7 KiB

Nachher

Breite:  |  Höhe:  |  Größe: 1.7 KiB

1
ressources/logo/intelsight-name-light.svg
Datei anzeigen

@ -42,7 +42,6 @@
</defs> </defs>
<!-- Light version --> <!-- Light version -->
<rect x="0" y="0" width="450" height="100" fill="white"/>
<g transform="translate(20, 50)"> <g transform="translate(20, 50)">
<!-- Shield centered vertically with text --> <!-- Shield centered vertically with text -->
<g transform="translate(0, -72.5)" color="#232D53"> <g transform="translate(0, -72.5)" color="#232D53">

Nebeneinander Wischen Überlagert

Vorher

Breite:  |  Höhe:  |  Größe: 1.7 KiB

Nachher

Breite:  |  Höhe:  |  Größe: 1.7 KiB

53
ressources/logo/intelsight-name-transparent-dark.svg
Datei anzeigen

@ -1,53 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="450" height="100" viewBox="0 0 450 100" xmlns="http://www.w3.org/2000/svg">
<defs>
<style>
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&amp;display=swap');
</style>
<!-- Accurate shield matching original -->
<g id="shield-eye-accurate">
<!-- Angular shield shape -->
<path d="M 35 30
L 65 30
L 75 40
L 75 80
L 50 115
L 25 80
L 25 40
L 35 30 Z"
fill="none"
stroke="currentColor"
stroke-width="3.5"
stroke-linejoin="miter"/>
<!-- Eye centered in shield -->
<g transform="translate(50, 65)">
<!-- Almond/football shaped eye -->
<ellipse cx="0" cy="0" rx="24" ry="13"
fill="none"
stroke="currentColor"
stroke-width="3.5"/>
<!-- Circular iris -->
<circle cx="0" cy="0" r="10"
fill="none"
stroke="currentColor"
stroke-width="3.5"/>
<!-- Pupil -->
<circle cx="0" cy="0" r="4" fill="currentColor"/>
</g>
</g>
</defs>
<!-- Dark version for website - NO BACKGROUND, NO TAGLINE -->
<g transform="translate(20, 50)">
<!-- Shield centered vertically with text -->
<g transform="translate(0, -72.5)" color="white">
<use href="#shield-eye-accurate"/>
</g>
<!-- Text aligned with shield center - NO TAGLINE -->
<text x="90" y="5" font-family="'Poppins', sans-serif" font-size="46" font-weight="600" fill="white">IntelSight</text>
</g>
</svg>
Nebeneinander

Vorher

Breite:  |  Höhe:  |  Größe: 1.7 KiB