Estatic

Estatic — HTML-Template für Immobilien & Objektmarktplatz

Ein dreisprachiges (EN/AR/ZH) 18-seitiges Immobilien-Template mit Mehrkriteriensuche, filterbaren Angeboten, vollständigem Objektdatensatz samt gezeichnetem Grundriss, namentlichen Beraterprofilen und veröffentlichter Preisliste. Mobile-First, mit vollständig gespiegeltem RTL-Layout.

Estatic ist ein vollständiges mehrseitiges Frontend für Makler, Vermietungsagenturen, Projektentwickler und Immobilienportale. Achtzehn Seiten sind fertig — Start, die Angebotsübersicht mit klebender Filterleiste, ein vollständiger Objektdatensatz, das Beraterteam und ein Beraterprofil, Leistungen, Preise, Über uns, Journal und Artikel, Kontakt, FAQ, ein Formular zum Einreichen eines Angebots, Anmelden, Registrieren, 404, AGB und Datenschutz — alle mit gemeinsamem Header, Footer und Designsystem. Die Startseite wurde neu sortiert statt neu eingefärbt: Auf das Suchpanel folgen sofort die vier Zusagen, die darüber entscheiden, ob jemand einem Angebot überhaupt traut, dann die neuesten Objekte auf einer Snap-Scroll-Leiste, die Städte, die vier handverlesenen, Eigentümerstimmen, der dreistufige Ablauf, die Berater, die geprüften Zahlen, Partner, das Journal und ein Schlussaufruf. Jede Abschnittsüberschrift wurde dabei neu geschrieben. Jeder Text jeder Seite ist aus einem einzigen Wörterbuch mit 553 Schlüsseln auf Englisch, Arabisch und Chinesisch übersetzt. Englisch steht im Markup, sodass jede Seite auch ohne JavaScript vollständig und indexierbar ist; das Umschalten ist sofort, die Wahl bleibt erhalten oder lässt sich mit ?lang= erzwingen, und auch die Beschriftungen für Screenreader sind übersetzt. Arabisch ist eine echte Spiegelung statt einer rechtsbündigen Kopie — das Stylesheet ist vollständig auf logischen CSS-Eigenschaften geschrieben, ganz ohne separate RTL-Datei, sodass Abstände, Rahmen, Positionen und Ausrichtung von selbst kippen, richtungstragende Chevrons und Slider-Pfeile passend gespiegelt werden und Preise, Telefonnummern, Daten und Wohnflächen bidi-isoliert sind, damit ein führendes „+“ oder ein nachgestelltes „m²“ im arabischen Satz an seinem Platz bleibt. Arabisch wechselt zu IBM Plex Sans Arabic, Chinesisch zu Noto Sans SC, jeweils mit eigener Zeilenhöhe und ohne lateinische Laufweite; lateinischer Text nutzt Sora für Überschriften und Manrope für Fließtext. Das Layout ist Mobile-First im strengen Sinn: Die Typoskala ist auf Telefongröße gesetzt und wächst allein über clamp() und min-width-Stufen, jede Media Query fügt Fähigkeiten hinzu, und alle achtzehn Seiten wurden maschinell in drei Sprachen bei 390 und 1440 Pixeln auf horizontales Überlaufen geprüft. Zwei Verhaltensweisen sind eigens geschrieben: Die Übersetzungslogik schreibt in die eigenen Textknoten eines Elements statt in dessen textContent, sodass Symbole in übersetzten Schaltflächen und Menüpunkten einen Sprachwechsel überleben, und die Filter- und Kontaktleisten sind echte position:sticky-Spalten, nachgemessen statt nach Augenmaß. Es gibt keinen Build-Schritt, kein Framework und kein jQuery — ein Stylesheet mit 2.950 Zeilen, eine Verhaltensdatei mit 194 Zeilen und ein erzeugtes Wörterbuch. Die Wortmarke ist echter Text, das Favicon, das Set aus neunundfünfzig Symbolen und der Grundriss sind handgezeichnetes SVG, und alle dreiundfünfzig Fotos sind frische Objekt-, Stadt- und Porträtaufnahmen, auf die exakte Box des Layouts zugeschnitten.