Bitten Sie ein Sprachmodell um die Website einer Investmentgesellschaft. Bald erscheinen Milliarden unter Verwaltung, jahrzehntelange Erfahrung und Menschen, die selbstbewusst auf ein Glasgebäude schauen. Manchmal hat die Firma noch nichts davon mitgeteilt.
Bei Kingsmont sollte aus echten Unterlagen eine überzeugende Geschäftsdarstellung entstehen. Gefragt waren Struktur, visuelle Disziplin und eine funktionierende Seite, kein Generator für Unternehmensbiografien.
Die Ansicht „Kingsmont — erster Bildschirm“ bewahrt echte Inhalte und Gestaltung.
Kingsmont — erster Bildschirm
Archivierte Oberfläche · Demodaten
Schnelle Hände, langsame Entscheidungen
Cursor und Codex wurden in der Entwicklung eingesetzt. Komponenten, responsive Zustände, Wiederholungsänderungen und Umsetzungsprüfungen lassen sich delegieren. Wer die Firma ist, was sie tut und welche Aussagen sie veröffentlichen darf, sind aber Eingangsbedingungen, keine leeren Layoutstellen.
Die Website basiert auf Astro und TypeScript mit statischer Auslieferung, gestaltet mit Tailwind. Bewegung in der ersten Version entstand mit CSS und IntersectionObserver: Der Browser meldet einen sichtbaren Block, der passende Zustand wird angewendet. Ein großer Animationsmotor war unnötig.
Mich interessiert hier das richtige Maß. Bei institutionellen Websites entstehen Wirkung oft durch Pause, Titelgröße und Abstand. Bewegt sich jede Zeile, wirkt es wie eine Firma, die unbedingt sofort beeindrucken will und nicht sicher ist, noch eine zweite Minute zu bekommen.
Was daran menschliche Arbeit bleibt
Einen Fakt auswählen. Eine unbestätigte Zahl ablehnen. Erkennen, dass ein Absatz seriös klingt und nichts sagt. Kontaktseite und erster Bildschirm müssen gleich gut sein. Schnellere Komponenten ersetzen diese Entscheidungen nicht.
Die Ansicht „Kingsmont — interner Bereich“ bewahrt echte Inhalte und Gestaltung.
Kingsmont — interner Bereich
Archivierte Oberfläche · Demodaten
Die veröffentlichte Website lässt sich ansehen. Daraus leite ich weder höheres Anlegervertrauen noch mehr Anfragen ab; dafür braucht es eigene Messungen. Ich zeige Entwicklungsergebnis und Vorgehen.
Kingsmont — Kontaktbereich
Archivierte Oberfläche · Demodaten
Bei Kingsmont übernahmen Agenten Komponenten und responsive Zustände. Struktur, Material und Gestaltung blieben bei mir. Schnellerer Code war nützlich, doch zuvor musste entschieden werden, was die Firma über sich sagen sollte.
Nächste Etappe: Antigravity und Gemini
Cursor und Codex waren eine Etappe von Kingsmont. Später gestaltete und baute ich eine neue Version in Google Antigravity mit Gemini. Nach meiner Einschätzung dauerte diese spätere Phase weniger als einen Arbeitstag, nicht das ganze Projekt. Unternehmensmaterialien und reale Geschäftsdaten blieben die Grundlage.
Die Richtung nannte ich Quiet Institutional Power: dunkle Palette, Zurückhaltung, große Typografie und klare Informationen. Grundlage waren Unternehmensmaterialien. Portfoliounternehmen, Anlagekennzahlen oder andere unbelegte Aussagen wurden nicht ergänzt.
Die neuen Bilder erstellte ich mit AI und gab die visuelle Richtung selbst vor. Bei der Führung blieben echte Personenfotos erhalten, das Büroumfeld wurde generiert. Es sind Montagen, keine dokumentarischen Aufnahmen des Teams in diesen Räumen.
Hinzu kamen ein eigener Three.js-WebGL-Globus, strukturierte JSON-Prüfung mit Zod und Bildverarbeitung mit Sharp. Titel nutzen Syne, Text und Oberfläche IBM Plex Sans, Hilfsbeschriftungen IBM Plex Mono. Design-Tokens hielten Größen, Abstände und Typografie bei der Agentenarbeit einheitlich.
Einfache Animation blieb bei CSS und Intersection Observer; Framer Motion und GSAP waren nicht in der ersten Version. Im Repository gab es eigene Prüfungen für Führungsangaben, öffentliche Aussagen und Kontaktformular. Erfolgreiches Kompilieren reicht dafür nicht.
Diese Phase verband Recherche, Struktur, Designsprache, Bilder, Oberfläche, Entwicklung und Ergebnisprüfung. Die Übergänge wurden kürzer, die Verantwortung für Inhalte blieb gleich.
Ich trenne in der Kingsmont-Geschichte zwei Etappen und ihre Werkzeuge. Weniger als ein Arbeitstag betrifft die spätere Version mit Antigravity und Gemini, nicht das Gesamtprojekt. Auch gezeigte Originalansichten und AI-Montagen brauchen ihren jeweiligen Versionsbezug.
Projektansichten und Aufzeichnungen
Verwandte Geschichten: Horizon · Connection.me und RTL.
@nevsky_alexander
Auf Instagram: Dubai jenseits der Postkarte — Familie, Stadt, Entdeckungen und das Leben zwischen den Projekten. Auf Threads: laute Gedanken über Design und KI. Auf YouTube: Videos, die mehr Platz brauchen als eine Story. Folgt mir dort, wo ihr euch wohlfühlt, und lasst uns in Kontakt bleiben