Zwei Tonlagen: redaktionelle Landingpage, klinisches Terminal

nilo ist unsere Eigenproduktion zu einer Kategorie, in der fast jede Oberfläche schreit: Krypto-Handelsplattformen arbeiten mit Neongrün, Countdown-Druck und maximaler Informationsdichte — und verstecken das Risiko genau dort, wo es am lautesten blinkt.

Wir wollten das Gegenteil bauen: eine Arbeitsumgebung für überlegte Ausführung, in der die Risikoposition sichtbar ist und die Farbe keine Emotion suggeriert. Der Anspruch ließ sich nur beweisen, indem wir sowohl die Marke als auch das eigentliche Produkt gebaut haben.

Die auffälligste Entscheidung steckt im Farbsystem: Long ist nicht grün. Kauf- und Verkaufsseite liegen beide auf gedämpften Tönen — ein Flieder für die Kaufseite, ein zurückgenommenes Rot für die Verkaufsseite. Das nimmt der Oberfläche genau den Reflex, den Handelsplattformen sonst gezielt auslösen.

Typografisch stehen zwei Welten gegeneinander: eine kursivfähige Serifenschrift ausschließlich für große Aussagen, eine dichte Grotesk mit 13 Pixel Basisgröße für die gesamte Anwendung. Der Kontrast trägt die zwei Register — Landingpage redaktionell, Terminal klinisch.

Die Landingpage zeigt nicht den Screenshot eines Produkts, sondern das Produkt: Der Hero bettet die echte Terminal-Route in einen Desktop- und einen Telefonrahmen ein. Was auf der Startseite läuft, ist die Anwendung selbst.

Die Startseite gliedert sich in Hero, Funktionen, Transparenz, Community und Abschluss-CTA, verbunden über weiches Scrollen und durchgehende Rasterlinien. Den Hintergrund bildet ein selbst gebautes ASCII-Wellenfeld auf Canvas: mausgeführt, mit bis zu vier gleichzeitigen Klick-Wellen und einer im Code dokumentierten Optimierung — vorgerenderte Zeichenstreifen, blockweises Zeichnen, Nachschlagetabellen für Trigonometrie und Abstand, eine Obergrenze für die Zellenzahl und ein festes Bildratenbudget.

Das Terminal ist eine feste Bildschirm-Hülle: Kopfzeile mit Handelspaar, Candlestick-Chart mit Volumenhistogramm, ein Order Book mit sechzehn Stufen je Seite, dessen Spread nach außen aufgeht, dessen Tiefenbalken über eine CSS-Variable gezeichnet werden und dessen Zeilen bei Preisänderung kurz aufblitzen. Daneben ein Orderformular mit Kauf-/Verkaufsseite, drei Ordertypen, Margin-Modi, Prozentschritten, Reduce-Only und Take-Profit/Stop-Loss — darunter Positionstabelle, Kontopanel und eine Statusleiste.

Die Kaufseite arbeitet mit echten Kursen: Sie fragt alle fünfzehn Sekunden einen öffentlichen Marktdaten-Endpunkt ab, bricht laufende Anfragen sauber ab, pausiert bei verborgenem Tab und fällt bei Ausfall auf einen hinterlegten Stand zurück — und beschriftet das dann auch so („Referenz-Marktstand“ statt „Live“). Dazu ein Umtausch-Widget mit Token-Auswahl per Overlay, Suche, Sperrung des Seitenscrollens, Escape-Schließen und einer eigenen Einstellung für Slippage.