
Huly
Nordlichter im Mitternachtsobservatorium – der Protagonist ist ein vertikaler, violetter Strahl, der in Korallenrot übergeht, und jeder ruhige Abschnitt darunter greift dieselbe zweifarbige Geschichte auf, die in einem gedämpfteren Ton erzählt wird.
Huly erzeugt die Atmosphäre eines kosmischen Arbeitsbereichs: eine fast schwarze Leinwand, durch die ein einzelner violett-bernsteinfarbener Schimmer das Hauptelement hindurchscheint, und darunter ein dezenteres Raster für gesteigerte Produktivität. Das System arbeitet mit einer begrenzten Farbpalette – ein leuchtendes Blau und ein Korallenrot dominieren das Branding vor dem Hintergrund geschichteter Graphitoberflächen, sodass der Dunkelmodus nie neutral wirkt. Die Typografie ist im Inter-Stil gehalten, während für wichtige Punkte eine eigene Schriftart (Esbuild) mit einer Schriftgröße von 80–84 Pixeln und einem ausgeprägten negativen Buchstabenabstand verwendet wird. Die Komponenten sind kapselförmig: 9999 Pixel Radius bei den Steuerelementen, 12 Pixel bei den Karten, minimaler Schatten und leuchtende Farbverlaufslinien als Hauptdekoration. Die Seite wechselt zwischen ganzseitigen dunklen Bereichen und ruhigen hellen Abschnitten, daher sollte bei jedem neuen Bildschirm der Modus vor der Farbauswahl festgelegt werden.
Die Startseite im Vollbildmodus präsentiert einen vertikalen Strahl der Nordlichter und eine linksbündige Überschrift sowie einen Produkt-Screenshot unten rechts. Darunter befindet sich ein maximal 1200 Pixel breiter Inhaltsbereich mit abwechselnd dunklen und hellen Streifen. Jeder Abschnitt besteht aus einem einzelnen vertikalen Block: einer Kopfzeile und einem 3- oder 4-spaltigen Raster aus Karten mit 96 Pixel breiten Abständen. Der Abschnitt „MetaBrain“ durchbricht das Raster mit einer zentrierten Überschrift und einer Anordnung von Karten unterschiedlicher Größe (eine große Hauptkarte und kleinere unterstützende Karten). Die Seite ist inhaltsreich und entspricht damit den SaaS-Standards. Durch die abwechselnden dunklen und hellen Streifen wirkt jeder Abschnitt übersichtlich. Die Navigation besteht aus einer transparenten oberen Leiste, die beim Scrollen transparent wird.
Das Hauptelement ist ein reiner Aurora-Farbverlauf, frei von Fotografien. Alle Illustrationen sind Screenshots der Produkt-Benutzeroberfläche (Kanban im Dunkelmodus, Posteingang, Kalender), eingefasst in Kartenrahmen, die sowohl als Beweismittel als auch als Dekoration dienen. Keine Lifestyle-Fotos, keine Stockfotos, keine 3D-Renderings. Das einzige visuelle Element, das nicht zur Benutzeroberfläche gehört, ist ein warmer, radialer Sonnenstrahl am unteren Rand der Aurora, dargestellt als CSS-Farbverlauf. Die Icons sind monochrome Linien-Icons in #95979 oder Weiß, niemals mehrfarbig. Das System behandelt seine eigene dunkle Benutzeroberfläche als Hauptelement – das Produkt sind die Fotos.
Palette
Marke
- Electric Iris
#5683da— Der Haupthintergrund, die aktive Navigationsanzeige und der markante Akzent der Nordlichter – eine leuchtend violettblaue Farbe auf tiefschwarzem Hintergrund – erwecken eher den Eindruck von Engagement als von Unternehmensaktivitäten. - Ember Pulse
#ff8964— Ein sekundärer Akzent, eine warme Nordlichtzone, ein Hinweispunkt und ein Illustrations-Highlight – ein bernsteinfarbener Farbton, der die Nüchternheit des Blaus aufbricht und dem Strahl Wärme verleiht.
Neutral
- Obsidian Canvas
#303236— Der Seitenhintergrund, die dominierende Fläche, ist fast schwarz mit einem leichten Hauch von Wärme, die Standardumgebung für alle Inhalte. - Void
#090a0c— Die tiefste Oberflächenschicht für Farbverläufe auf dem Hauptbildschirm, modale Hintergründe und Rahmen, die in die Leinwand übergehen sollen. - Charcoal Card
#111111— Erhöhte Flächen aus Pappe und Platten, die eine Stufe über der Leinwand positioniert sind. - Slate Edge
#4a4b50— Feine Konturen und Trennlinien auf dunklen Oberflächen - Iron Veil
#6b6c6d— Abgedunkelter Hintergrund für Tags, Listenelementfüllungen und deaktivierte Füllungen. - Smoke
#95979e— Symbolumrisse, zusätzlicher Text und inaktive Steuerelemente sind die primären Arbeitselemente in mittlerem Grau.
Typografie
von 11 auf 80 Pixel · 8 Schritte
- Inter — Ersatz: DM Sans · Umrisse 300, 400, 500, 600, 700 · Sämtliche funktionale Texte in der Benutzeroberfläche – Fließtext, Navigation, Schaltflächen, Listenelemente, Beschriftungen und kleine Überschriften – werden mit einer Schriftstärke von 500–600 für Hervorhebungen, 400 für Fließtext und sparsam mit 300 für unaufdringliche Metadaten verwendet.
- Esbuild — Ersatz: Sora · Umrisse 400, 500, 600 · Nur zur Anzeige: Titel für Einleitungstexte, Abschnittsüberschriften und MetaBrain-Artikeltitel. Die kompakte Form und der geringe Buchstabenabstand erwecken den Eindruck, dass 84px eher für redaktionelle Arbeiten als für SaaS-Projekte geeignet ist. Verwenden Sie niemals eine Schriftgröße unter 28px.
Intervalle und Form
| Zweck | Bedeutung |
|---|---|
| Dichte | geräumig |
| Grundlegender Schritt | 12px |
| Radius der Schaltfläche | 9999px |
| Kartenradius | 12px |
| Schatten | weiche Schatten |
| Zwischen den Abschnitten | 96px |
| Seitenbreite | 1200px |
KI erstellt Ihre Website im Huly -Stil und füllt sie aus.
- Teile deine Produkte und Beiträge über den Link – Instagram, TikTok, Facebook.
- Übertragen Sie Inhalte von Ihrer alten Website – geben Sie einfach die Adresse an.
- Modernes Design auf der besten Plattform: React ( Next.js) mit serverseitigem Rendering und SEO-Optimierung direkt nach der Installation.
- Vollautomatisierte SEO-Optimierung für Suchergebnisse und Empfehlungen durch neuronale Netze.
Ähnliche Stile
- monday — Weiße Werkstatt mit Pastellaufklebern
- Slack — Die Bühne ist auberginefarben und mit weißen Scheinwerfern beleuchtet. Ein tiefes Pflaumenrot dominiert die dunklen Bereiche, während die cremeweiße Leinwand den großformatigen, avantgardistischen Schriftzügen Raum zur Entfaltung gibt.
- Base44 — Sonnenlicht-Notizbuch mit limettengrünem Marker
- Supahub — Sanftes Tageslicht auf einem violetten Bergrücken. Eine überwiegend weiße, luftige Leinwand, erleuchtet von einer einzigen hellvioletten Sonne, mit dekorativen Farbverlaufskugeln, die Farbe in den Negativraum ergießen, und großzügiger, abgerundeter Geometrie, die jeder Oberfläche eine angenehme, greifbare Schwere verleiht.
- Raycast — Mitternachts-Kommandozentrale, Korallen-Neon
- Dimension — Ein dämmerungsbeleuchteter Arbeitsplatz mit Milchglaswänden
- Wiza — Eine Mineralexplorationsstation in der Abenddämmerung, eingehüllt in lavendelfarbenen Nebel.
- Paste — Eine bernsteinfarbene Laterne auf weißem Marmor – das warme Farbverlaufslogo der Marke schwebt in der weiten weißen Fläche, wie das einzige beleuchtete Fenster in einem schneebedeckten Gebäude.
- Reworkd — Das sanfte Tageslicht auf der Produktabbildung ist die einzige Farbe, die für sich selbst spricht; es ist der Aktionsbutton und die darüber liegende Farbverlaufsüberschrift.
- Reflect Notes — Der sternenklare violette Raum ist eine dunkle Sternwarte, in der Noten wie Sternbilder vor einem Hintergrund fast schwarzer indigoblauer Leere schweben.
- Ameba — Der Kontrollraum um Mitternacht – ein elektrisch blauer Puls hinter Milchglasscheiben
- Todoist — Ein sonnendurchfluteter Arbeitsplatz mit einem Papierkalender – ein warmer cremefarbener Schreibtisch, Notizen mit Tinte, ein roter Stift