Kreatives Profil
Verwandeln Sie Ihre persönliche Marke in eine beeindruckende, minimalistische Website. Professionelles Design, strategische Layouts und eine fesselnde Ästhetik – im Handumdrehen erstellt, um Ihre Expertise optimal zu präsentieren.
Featured by
nene@YouMind.AI
Why we love this skill
Gestalten Sie beeindruckende, minimalistische Websites, die ein professionelles und gleichzeitig kreatives Markenimage vermitteln. Diese Expertise setzt Ihre Vision gekonnt in einen responsiven, eleganten Online-Auftritt um – inklusive individueller Typografie, einer lebendigen Farbpalette und einer klaren Inhaltsstruktur. Ideal für Markenstrategen und Kreative, die ihre einzigartige persönliche Marke präsentieren möchten.
Anweisungen
Erstellen Sie eine moderne, minimalistische persönliche Website, inspiriert vom visuellen Design professioneller Markenstrategen:
**Gesamtstil**
- Minimalistische Designsprache mit großzügigem Weißraum und viel Platz für Inhalte
- Professionell und gleichzeitig kreativ, verkörpert das Bild eines Markenstrategen
- Responsives Layout für Desktop- und Mobilgeräte
**Farbschema**
- Hintergrund: Warmes Creme/Off-White (#FFFEF9)
- Primäre Akzentfarbe: Leuchtendes Pink/Magenta (#FF1493) für wichtige Überschriften und Handlungsaufforderungen
- Sekundäre Akzentfarbe: Hellblau/Cyan (#00CED1) für Tags und Kategorien
- Textfarbe: Tiefschwarz (#1a1a1a) für den Fließtext, um eine hohe Lesbarkeit zu gewährleisten
**Typografie-Design**
- Besonders große, fette Überschriften: Name in zwei Zeilen aufgeteilt, mit ultrafetten serifenlosen Schriftarten (wie Inter Black/Helvetica Black), mindestens 80px Schriftgröße
- Stellenbezeichnung in leuchtendem Pink, Schriftgröße 60-80px
- Fließtext in einer klaren, serifenlosen Schriftart (16-18px).
- Strenges Rastersystem mit zwei- oder dreispaltigem Layout
- Verwenden Sie dünne Linien (1px), um verschiedene Inhaltsbereiche zu trennen.
**Seitenstruktur**
1. Heldenabschnitt:
- Linke Seite: Extra großer Namenstitel (auf zwei Zeilen aufgeteilt) + Berufsbezeichnung (in Rosa)
Rechte Seite: Rundes Profilfoto mit farbigem Rand
- Unten: Kurze persönliche Missionserklärung
2. Abschnitt Kontaktinformationen:
- Telefon-, E-Mail- und Website-Links
- Rosa oder blau hervorgehoben
3. Abschnitt Berufserfahrung:
- Links: Zeitabschnittsbezeichnungen (unter Verwendung von Akzentfarben)
- Rechts: Berufsbezeichnungen (kursiv) + detaillierte Beschreibungen
- Klare visuelle Hierarchie
4. Bildungsbereich:
- Gleiches zweispaltiges Layout
- Zeitraum + Institution + Abschluss
5. Abschnitt Fähigkeiten/Sprachen:
- Farbblock-Kategorieetiketten
- Rasteransicht
**Visuelle Elemente**
- Rundes Profilfoto mit rosa oder farbverlaufenem Rand
- Kategorieüberschriften im Tag-Stil (wie „BERUFSERFAHRUNG“) in Akzentfarben
- Schwebende Schaltfläche (unten rechts für „Zurück nach oben“) in schwarzem Kreis
- Dezente Hover-Effekte auf allen interaktiven Elementen
**Schriftartenempfehlungen**
- Überschriften: Inter Black, Helvetica Neue Bold oder Montserrat ExtraBold
- Fließtext: Inter Regular, Helvetica Neue oder System UI
**Interaktionsdetails**
- Sanftes Scrollen
- Link-Hover mit Farbänderung oder Unterstreichungsanimation
- Responsives Navigationsmenü
- Saubere und elegante Ladeanimation
**Inhaltsanforderungen**
- Persönliche Biografie mit Schwerpunkt auf „jahrzehntelanger Erfahrung“, „Strategie und Storytelling“ und ähnlichen Schlüsselwörtern
- Berufserfahrung mit Hervorhebung konkreter Erfolge und Kennzahlen (wie z. B. „200 % Wachstum“)
- Präsentation von Kooperationen mit bekannten Marken/Institutionen
- Sprachkenntnisse und berufliche Fähigkeiten klar kategorisiert
Bitte generieren Sie vollständigen HTML/CSS/JavaScript-Code, der sicherstellt, dass das Design professionell und modern ist und die persönlichen Markenmerkmale vollumfänglich widerspiegelt.
Related Skills
View allHTML-Webseiten-Überprüfungssystem
Lassen Sie Ihr Team Webseitenelemente direkt im Browser kommentieren. Keine Konfiguration erforderlich, automatische Erkennung, KI-gestützte, intelligente Generierung von Änderungsvorschlägen und Export von Bewertungsberichten, die direkt vom KI-Programmierassistenten verstanden werden können. 🔥 Kernfunktionen: ⚡ Start in 30 Sekunden – Einfach ein Design angeben, und die Webseite mit Bewertungssystem wird automatisch generiert. 🤖 KI-Intelligenz – Geben Sie „Schrift zu klein“ ein, und die KI generiert automatisch den Vorschlag „Änderung auf 18px PingFang SC“. 💾 Nie verloren – Kommentare werden automatisch in IndexedDB gespeichert und können durch Aktualisieren der Seite wiederhergestellt werden. 📊 Teamzusammenarbeit – 5 Rollenidentitäten (Produkt/Design/Entwicklung/Bearbeitung/Betrieb), farblich gekennzeichnet. 🎯 Präzise Positionierung – Klicken Sie auf Titel, Schaltflächen, Symbole und Hintergründe, um jedes untergeordnete Element genau zu lokalisieren.
StoryCanvas
Es hilft Kreativen, bestehende ästhetische Referenzen durch mehrere Verifizierungsrunden in wiederverwendbare, seitenbasierte narrative JSON-Stilspezifikationen umzuwandeln.
Als PDF verfügbar
Diese Software konvertiert Referenzinhalte wie Artikel, Berichte, Notizen, Markdown-Texte und extrahierte Texte aus PDFs in druckfähige HTML-Dateien im A4-Format. Sie wählt Akzentfarben passend zum Inhaltsthema aus, bettet minimalistische, handgezeichnete SVG-Grafiken ein, behebt automatisch Druckprobleme wie leere Seiten, verwaiste Zeilen und abgeschnittene Elemente beim PDF-Export und öffnet die PDF-Datei im letzten Schritt direkt mit einem Canvas-Panel. So können Benutzer PDFs anzeigen, drucken oder exportieren, ohne Code kopieren und einfügen zu müssen.
Kreatives Profil
Verwandeln Sie Ihre persönliche Marke in eine beeindruckende, minimalistische Website. Professionelles Design, strategische Layouts und eine fesselnde Ästhetik – im Handumdrehen erstellt, um Ihre Expertise optimal zu präsentieren.
Featured by
nene@YouMind.AI
Why we love this skill
Gestalten Sie beeindruckende, minimalistische Websites, die ein professionelles und gleichzeitig kreatives Markenimage vermitteln. Diese Expertise setzt Ihre Vision gekonnt in einen responsiven, eleganten Online-Auftritt um – inklusive individueller Typografie, einer lebendigen Farbpalette und einer klaren Inhaltsstruktur. Ideal für Markenstrategen und Kreative, die ihre einzigartige persönliche Marke präsentieren möchten.
Anweisungen
Erstellen Sie eine moderne, minimalistische persönliche Website, inspiriert vom visuellen Design professioneller Markenstrategen:
**Gesamtstil**
- Minimalistische Designsprache mit großzügigem Weißraum und viel Platz für Inhalte
- Professionell und gleichzeitig kreativ, verkörpert das Bild eines Markenstrategen
- Responsives Layout für Desktop- und Mobilgeräte
**Farbschema**
- Hintergrund: Warmes Creme/Off-White (#FFFEF9)
- Primäre Akzentfarbe: Leuchtendes Pink/Magenta (#FF1493) für wichtige Überschriften und Handlungsaufforderungen
- Sekundäre Akzentfarbe: Hellblau/Cyan (#00CED1) für Tags und Kategorien
- Textfarbe: Tiefschwarz (#1a1a1a) für den Fließtext, um eine hohe Lesbarkeit zu gewährleisten
**Typografie-Design**
- Besonders große, fette Überschriften: Name in zwei Zeilen aufgeteilt, mit ultrafetten serifenlosen Schriftarten (wie Inter Black/Helvetica Black), mindestens 80px Schriftgröße
- Stellenbezeichnung in leuchtendem Pink, Schriftgröße 60-80px
- Fließtext in einer klaren, serifenlosen Schriftart (16-18px).
- Strenges Rastersystem mit zwei- oder dreispaltigem Layout
- Verwenden Sie dünne Linien (1px), um verschiedene Inhaltsbereiche zu trennen.
**Seitenstruktur**
1. Heldenabschnitt:
- Linke Seite: Extra großer Namenstitel (auf zwei Zeilen aufgeteilt) + Berufsbezeichnung (in Rosa)
Rechte Seite: Rundes Profilfoto mit farbigem Rand
- Unten: Kurze persönliche Missionserklärung
2. Abschnitt Kontaktinformationen:
- Telefon-, E-Mail- und Website-Links
- Rosa oder blau hervorgehoben
3. Abschnitt Berufserfahrung:
- Links: Zeitabschnittsbezeichnungen (unter Verwendung von Akzentfarben)
- Rechts: Berufsbezeichnungen (kursiv) + detaillierte Beschreibungen
- Klare visuelle Hierarchie
4. Bildungsbereich:
- Gleiches zweispaltiges Layout
- Zeitraum + Institution + Abschluss
5. Abschnitt Fähigkeiten/Sprachen:
- Farbblock-Kategorieetiketten
- Rasteransicht
**Visuelle Elemente**
- Rundes Profilfoto mit rosa oder farbverlaufenem Rand
- Kategorieüberschriften im Tag-Stil (wie „BERUFSERFAHRUNG“) in Akzentfarben
- Schwebende Schaltfläche (unten rechts für „Zurück nach oben“) in schwarzem Kreis
- Dezente Hover-Effekte auf allen interaktiven Elementen
**Schriftartenempfehlungen**
- Überschriften: Inter Black, Helvetica Neue Bold oder Montserrat ExtraBold
- Fließtext: Inter Regular, Helvetica Neue oder System UI
**Interaktionsdetails**
- Sanftes Scrollen
- Link-Hover mit Farbänderung oder Unterstreichungsanimation
- Responsives Navigationsmenü
- Saubere und elegante Ladeanimation
**Inhaltsanforderungen**
- Persönliche Biografie mit Schwerpunkt auf „jahrzehntelanger Erfahrung“, „Strategie und Storytelling“ und ähnlichen Schlüsselwörtern
- Berufserfahrung mit Hervorhebung konkreter Erfolge und Kennzahlen (wie z. B. „200 % Wachstum“)
- Präsentation von Kooperationen mit bekannten Marken/Institutionen
- Sprachkenntnisse und berufliche Fähigkeiten klar kategorisiert
Bitte generieren Sie vollständigen HTML/CSS/JavaScript-Code, der sicherstellt, dass das Design professionell und modern ist und die persönlichen Markenmerkmale vollumfänglich widerspiegelt.
Related Skills
View allHTML-Webseiten-Überprüfungssystem
Lassen Sie Ihr Team Webseitenelemente direkt im Browser kommentieren. Keine Konfiguration erforderlich, automatische Erkennung, KI-gestützte, intelligente Generierung von Änderungsvorschlägen und Export von Bewertungsberichten, die direkt vom KI-Programmierassistenten verstanden werden können. 🔥 Kernfunktionen: ⚡ Start in 30 Sekunden – Einfach ein Design angeben, und die Webseite mit Bewertungssystem wird automatisch generiert. 🤖 KI-Intelligenz – Geben Sie „Schrift zu klein“ ein, und die KI generiert automatisch den Vorschlag „Änderung auf 18px PingFang SC“. 💾 Nie verloren – Kommentare werden automatisch in IndexedDB gespeichert und können durch Aktualisieren der Seite wiederhergestellt werden. 📊 Teamzusammenarbeit – 5 Rollenidentitäten (Produkt/Design/Entwicklung/Bearbeitung/Betrieb), farblich gekennzeichnet. 🎯 Präzise Positionierung – Klicken Sie auf Titel, Schaltflächen, Symbole und Hintergründe, um jedes untergeordnete Element genau zu lokalisieren.
StoryCanvas
Es hilft Kreativen, bestehende ästhetische Referenzen durch mehrere Verifizierungsrunden in wiederverwendbare, seitenbasierte narrative JSON-Stilspezifikationen umzuwandeln.
Als PDF verfügbar
Diese Software konvertiert Referenzinhalte wie Artikel, Berichte, Notizen, Markdown-Texte und extrahierte Texte aus PDFs in druckfähige HTML-Dateien im A4-Format. Sie wählt Akzentfarben passend zum Inhaltsthema aus, bettet minimalistische, handgezeichnete SVG-Grafiken ein, behebt automatisch Druckprobleme wie leere Seiten, verwaiste Zeilen und abgeschnittene Elemente beim PDF-Export und öffnet die PDF-Datei im letzten Schritt direkt mit einem Canvas-Panel. So können Benutzer PDFs anzeigen, drucken oder exportieren, ohne Code kopieren und einfügen zu müssen.
Find your next favorite skill
Explore more curated AI skills for research, creation, and everyday work.
