Kreatives Profil
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.
Beschreibung
Empfohlen von
nene@YouMind
Warum wir diese Fähigkeit empfehlen
Dieser Skill sticht hervor, indem er eine anspruchsvolle, von Markenstrategen inspirierte persönliche Website erstellt. Er beschreibt akribisch eine moderne minimalistische Ästhetik mit präzisen Farb-, Schrift- und Layoutspezifikationen für eine wirklich unverwechselbare Online-Präsenz.
Verwandeln Sie Ihre persönliche Marke in eine beeindruckende, minimalistische Website. Professionelles Design, strategische Layouts und eine fesselnde Ästhetik, die sofort erstellt wird, um Ihre Expertise zu präsentieren.
Ähnliche Fähigkeiten
Alle anzeigen
WebseiteErklärseiten-Builder
Ein Bericht erklärt. Eine Seite lässt Menschen selbst herausfinden. YouMind kann bereits Webseiten erstellen. Explorable Explainer entscheidet, was gebaut wird – er verwandelt ein Forschungsergebnis, einen Datensatz oder ein Thema in eine einzelne interaktive Seite in der Tradition von Newsroom-Grafiken und erkundbaren Erklärungen: scroll-getriebene Erzählung, echte Diagramme, Bedienelemente, die du bewegen kannst, Quellen, die du prüfen kannst. Es plant, bevor es codiert. Du genehmigst zuerst einen Bauplan: die eine Frage, die die Seite beantwortet, die Enthüllung – der Moment, in dem die Leserin oder der Leser „Oh!“ sagen soll – eine Scroll-Struktur aus fünf bis acht Abschnitten, zwei bis vier Interaktionen, die jeweils dadurch gerechtfertigt sind, was die Leserin oder der Leser durch die Bewegung lernt, und ein Datenvertrag, der jede Zahl und ihre Herkunft auflistet. Dann erstellt es eine einzelne eigenständige HTML-Datei ohne Build-Schritt. Semantisches Markup. Alle Zahlen in einer einzigen bearbeitbaren DATA-Konstante am Anfang. Scroll-Enthüllungen, die auf dem Handy nicht brechen. Jedes Bedienelement ist ein echtes, über die Tastatur bedienbares Formularelement mit Live-Text, der seinen aktuellen Wert beschreibt. Barrierefreiheit ist eingebaut und nicht nachgerüstet: 4,5:1-Kontrast, sichtbare Fokusringe, Alt-Texte überall, keine Bedeutung, die nur durch Farbe transportiert wird, reduzierte Bewegung wird respektiert, responsiv ab 360px. Vor der Übergabe führt es eine Selbstprüfung mit fünf Punkten durch und berichtet die Ergebnisse ehrlich: Kommt die Enthüllung wirklich an, liest sich die Seite auch ohne JavaScript, ist die Tab-Reihenfolge sinnvoll, ist jede Zahl nachvollziehbar, animiert etwas, das die Leserin oder der Leser stoppen möchte? Zwei Regeln, die es nicht bricht: Es erfindet nie Daten, um ein Diagramm gut aussehen zu lassen, und es sagt dir, wenn deine Zahlen deinem Entwurf widersprechen. Für Forschende, Analystinnen und Analysten, Journalistinnen und Journalisten, Lehrende, Indie-Gründerinnen und -Gründer sowie Beraterinnen und Berater, die möchten, dass ihre Arbeit erkundet statt nur überflogen wird.
WebseiteSchwebende Soft-Light-Webseite
Ein Webdesign-System im Soft-Light-Tagesstil: hellblauer Canvas (#ebf5ff), übergroße Display-Schrift mit fester Schriftstärke 500 (responsiv bis 148px), 32px abgerundete Karten + 9999px Pillen, fast schwarzer CTA in #181d27, pastellfarbene Blöcke und schwebende 3D-Clay-Illustrationen. Die Tiefenwirkung entsteht ausschließlich durch die Farbabstufung zwischen Canvas und Karten; die Karten selbst haben keine Schatten. Geeignet für Anforderungen wie „Soft-Light-Tagesstil“, „3D-Illustrations-Landingpage“, „hellblauer Canvas“, „abgerundete Karten“, „SaaS-Website“, „Linear/Framer-Stil“ usw. Inklusive integrierter Vorgaben für Barrierefreiheit und responsives Design.
WebseiteFashion Creative Design-Stil
Webdesign-System im Stil von Mode-Editorial-Postern: warmer, cremefarbener Papierhintergrund (#fffef7), übergroße Überschriften mit Schriftgewicht 300 (64–84px), randlose Fotografie, keine Schatten, Karten mit rechten Winkeln und Buttons mit Pillenform (1440px Radius). Geeignet für Anforderungen wie „Mode-Design-Stil“, „Magazin-Layout“, „Poster-Stil“, „Art-Photobook-Webseiten“, „Studio-Portfolios“, „Galerie-Seiten“ usw. Beliebige Inhalte lassen sich in hochwertige Seiten im Mode-Editorial-Stil verwandeln.
Kreatives Profil
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.
Beschreibung
Empfohlen von
nene@YouMind
Warum wir diese Fähigkeit empfehlen
Dieser Skill sticht hervor, indem er eine anspruchsvolle, von Markenstrategen inspirierte persönliche Website erstellt. Er beschreibt akribisch eine moderne minimalistische Ästhetik mit präzisen Farb-, Schrift- und Layoutspezifikationen für eine wirklich unverwechselbare Online-Präsenz.
Verwandeln Sie Ihre persönliche Marke in eine beeindruckende, minimalistische Website. Professionelles Design, strategische Layouts und eine fesselnde Ästhetik, die sofort erstellt wird, um Ihre Expertise zu präsentieren.
Ähnliche Fähigkeiten
Alle anzeigenWebseiteErklärseiten-Builder
Ein Bericht erklärt. Eine Seite lässt Menschen selbst herausfinden. YouMind kann bereits Webseiten erstellen. Explorable Explainer entscheidet, was gebaut wird – er verwandelt ein Forschungsergebnis, einen Datensatz oder ein Thema in eine einzelne interaktive Seite in der Tradition von Newsroom-Grafiken und erkundbaren Erklärungen: scroll-getriebene Erzählung, echte Diagramme, Bedienelemente, die du bewegen kannst, Quellen, die du prüfen kannst. Es plant, bevor es codiert. Du genehmigst zuerst einen Bauplan: die eine Frage, die die Seite beantwortet, die Enthüllung – der Moment, in dem die Leserin oder der Leser „Oh!“ sagen soll – eine Scroll-Struktur aus fünf bis acht Abschnitten, zwei bis vier Interaktionen, die jeweils dadurch gerechtfertigt sind, was die Leserin oder der Leser durch die Bewegung lernt, und ein Datenvertrag, der jede Zahl und ihre Herkunft auflistet. Dann erstellt es eine einzelne eigenständige HTML-Datei ohne Build-Schritt. Semantisches Markup. Alle Zahlen in einer einzigen bearbeitbaren DATA-Konstante am Anfang. Scroll-Enthüllungen, die auf dem Handy nicht brechen. Jedes Bedienelement ist ein echtes, über die Tastatur bedienbares Formularelement mit Live-Text, der seinen aktuellen Wert beschreibt. Barrierefreiheit ist eingebaut und nicht nachgerüstet: 4,5:1-Kontrast, sichtbare Fokusringe, Alt-Texte überall, keine Bedeutung, die nur durch Farbe transportiert wird, reduzierte Bewegung wird respektiert, responsiv ab 360px. Vor der Übergabe führt es eine Selbstprüfung mit fünf Punkten durch und berichtet die Ergebnisse ehrlich: Kommt die Enthüllung wirklich an, liest sich die Seite auch ohne JavaScript, ist die Tab-Reihenfolge sinnvoll, ist jede Zahl nachvollziehbar, animiert etwas, das die Leserin oder der Leser stoppen möchte? Zwei Regeln, die es nicht bricht: Es erfindet nie Daten, um ein Diagramm gut aussehen zu lassen, und es sagt dir, wenn deine Zahlen deinem Entwurf widersprechen. Für Forschende, Analystinnen und Analysten, Journalistinnen und Journalisten, Lehrende, Indie-Gründerinnen und -Gründer sowie Beraterinnen und Berater, die möchten, dass ihre Arbeit erkundet statt nur überflogen wird.
WebseiteSchwebende Soft-Light-Webseite
Ein Webdesign-System im Soft-Light-Tagesstil: hellblauer Canvas (#ebf5ff), übergroße Display-Schrift mit fester Schriftstärke 500 (responsiv bis 148px), 32px abgerundete Karten + 9999px Pillen, fast schwarzer CTA in #181d27, pastellfarbene Blöcke und schwebende 3D-Clay-Illustrationen. Die Tiefenwirkung entsteht ausschließlich durch die Farbabstufung zwischen Canvas und Karten; die Karten selbst haben keine Schatten. Geeignet für Anforderungen wie „Soft-Light-Tagesstil“, „3D-Illustrations-Landingpage“, „hellblauer Canvas“, „abgerundete Karten“, „SaaS-Website“, „Linear/Framer-Stil“ usw. Inklusive integrierter Vorgaben für Barrierefreiheit und responsives Design.
WebseiteFashion Creative Design-Stil
Webdesign-System im Stil von Mode-Editorial-Postern: warmer, cremefarbener Papierhintergrund (#fffef7), übergroße Überschriften mit Schriftgewicht 300 (64–84px), randlose Fotografie, keine Schatten, Karten mit rechten Winkeln und Buttons mit Pillenform (1440px Radius). Geeignet für Anforderungen wie „Mode-Design-Stil“, „Magazin-Layout“, „Poster-Stil“, „Art-Photobook-Webseiten“, „Studio-Portfolios“, „Galerie-Seiten“ usw. Beliebige Inhalte lassen sich in hochwertige Seiten im Mode-Editorial-Stil verwandeln.
Finde deine nächste Lieblingsfähigkeit
Entdecke weitere kuratierte KI-Fähigkeiten für Recherche, Kreativität und den Arbeitsalltag.