Der Brand Guide
Wie Dubai Setup aussieht, klingt und geschrieben wird. Alle Werte auf dieser Seite sind die, die auf dieser Website tatsächlich laufen: sie kommen aus demselben Stylesheet.
Die Marke
Dubai Setup ist die mehrsprachige Agentur für Auswanderung und Firmengründung in den Vereinigten Arabischen Emiraten. Wir begleiten Selbstständige, Unternehmer, Investoren und Familien von der ersten Frage bis zum laufenden Betrieb der Firma: Gründung, Visum, Emirates ID, Konto, Steuern.
Name und Schreibweise
Der Markenname ist Dubai Setup, zwei Wörter, beide groß. Nicht „DubaiSetup“, nicht „Dubai-Setup“, nicht in Versalien. Die einzige Ausnahme ist die Domain dubaisetup.co, die als Adresse zitiert wird, etwa in der Fußzeile.
- Marke
- Dubai Setup
- Firmierung
- Global Setup LLC
- Anschrift
- Central Park Towers, #1644
DIFC, Dubai, Vereinigte Arabische Emirate - Website
- dubaisetup.co
- office@dubaisetup.co
- Telefon
- +971 58 551 1359
Haltung
Deutsche Gründlichkeit, gepaart mit der Geschwindigkeit Dubais. Transparente Preise, klare Fristen und ein Ansprechpartner, der erreichbar bleibt. Drei Dinge belegen das und dürfen überall genannt werden: über zehn Jahre Praxis in den VAE, ein eigenes Büro im DIFC, sieben Sprachen aus einem Team.
Was die Marke nicht verspricht: kein Lifestyle, keine Abkürzung an der Steuer vorbei. Wir zeigen Abläufe, Fristen und Preise, und wir benennen, was jemand anderes prüfen muss.
Logo
Das Logo besteht aus dem Signet, einem runden Navy-Feld mit dem weißen Monogramm aus D und S, und dem Schriftzug daneben. Die Wortmarke ist immer die erste Wahl. Das Signet steht nur allein, wo der Schriftzug ohnehin nicht lesbar wäre.
Schutzraum und Mindestgröße
- Rings um das Logo bleibt mindestens die halbe Höhe des Signets frei. Nichts rückt näher heran, auch kein Bildrand und keine Kante.
- Mindestbreite der Wortmarke: 140 px auf dem Bildschirm, 35 mm im Druck.
- Das Signet allein nicht unter 24 px. Darunter wird das Monogramm zur Fläche.
- Auf Fotos steht das Logo nur über einer abgedunkelten Fläche, nie direkt auf unruhigem Bild.
- Wortmarke dunkel auf hellem, ruhigem Grund
- Wortmarke weiß auf Navy oder abgedunkeltem Bild
- Signet allein als Profilbild, Favicon oder Stempel
- Proportionen unverändert, Schutzraum eingehalten
- Verzerren, beschneiden, drehen oder spiegeln
- Umfärben, auch nicht in Gold oder Schwarz
- Schatten, Verläufe, Konturen oder Rahmen dazusetzen
- Signet und Schriftzug neu anordnen oder den Schriftzug nachsetzen
- In ein anderes Logo einbauen
Farben
Navy trägt, Weiß gibt Luft, Gold setzt Akzente. Die neutralen Töne sind nicht grau gemischt, sondern leicht blaustichig. Das hält sie mit dem Navy zusammen, statt sie daneben schmutzig wirken zu lassen.
Marke
Neutrale Töne
oklch(99% 0.003 255)
oklch(97% 0.006 255)
oklch(95% 0.010 255)
oklch(22% 0.038 260)
oklch(42% 0.028 260)
oklch(58% 0.022 260)
oklch(91% 0.007 255)
oklch(83% 0.012 255)
Regeln
- Gold bleibt Akzent. Als Faustregel liegt es nie über fünf Prozent der sichtbaren Fläche.
- Gold nie als Textfarbe auf Weiß: der Kontrast reicht nicht. Auf Navy ist es gesetzt.
- Fließtext steht in
--fgoder--fg-muted, nie in Navy. Navy ist für Links, Knöpfe und Auszeichnungen reserviert. - Die Werte im Stylesheet sind die Quelle. Wer eine Farbe braucht, nimmt sie von hier und nicht aus einem Screenshot.
Typografie
Eine Familie für alles: Helvetica Neue, ersatzweise Helvetica und Arial. Es wird bewusst keine Webschrift geladen. Das spart einen Drittanbieter, verhindert das Flackern beim Laden und macht die Seite auf jedem Gerät sofort lesbar.
--fg-muted, damit Überschriften und Auszeichnungen darüber stehen bleiben.| Element | Größe | Schnitt | Zeilenhöhe | Laufweite | Einsatz |
|---|---|---|---|---|---|
| H1 | clamp(40px, 5vw, 68px) | 700 | 1,08 | −0,022em | Seitentitel, genau einer je Seite. |
| H2 | clamp(32px, 3.5vw, 50px) | 700 | 1,08 | −0,022em | Abschnitt. Im Artikel kleiner: clamp(24px, 2.6vw, 28px). |
| H3 | clamp(20px, 2vw, 26px) | 700 | 1,08 | −0,022em | Unterabschnitt. Im Artikel 20 px. |
| Fließtext | 16px | 400 | 1,6 | normal | Grundtext. Im Artikel 15,5 px auf 1,8. |
| Lead | 17 bis 18px | 400 | 1,7 | normal | Anriss unter dem Titel, höchstens 760 px breit. |
| Eyebrow | 11px | 700 | 1,0 | 0,16em | Versalien. Steht über der Überschrift. |
| Knopf | 12px | 600 | 1,0 | 0,07em | Versalien. |
| Tabelle | 13px, Kopf 12px | 400 / 700 | 1,55 | normal | Erste Spalte 600. |
| Fußnote | 12,5px | 400 | 1,65 | normal | Quellen, Stand, Vorbehalte. |
Auszeichnung in der Überschrift
In der H1 steht genau ein Wort oder eine kurze Wendung in <em>. Sie wird kursiv, navy und golden unterlegt. Mehr als eine Auszeichnung je Überschrift gibt es nicht, sonst hebt sich nichts mehr ab.
Layout und Raster
Ein Container, eine Textspalte, großzügige Abstände. Alles, was gelesen wird, bleibt unter 760 Pixeln Breite. Tabellen und Bilder dürfen darüber hinausgehen.
| Maß | Wert | Anmerkung |
|---|---|---|
| Container | 1200 px | Innenabstand 48 px, ab 900 px 32 px, ab 600 px 20 px. |
| Textspalte | 760 px | Alles Gelesene bleibt darunter. Tabellen dürfen breiter. |
| Navigation | 68 px | Fest. Sprungziele rechnen mit diesem Versatz. |
| Abschnitt | 96 px oben und unten | Halbiert sich auf schmalen Geräten. |
| Radius | 8 px | Knopf, Karte, Tabelle, Eingabefeld. 10 bis 12 px für große Kästen, 999 px für Pillen. |
| Schatten klein | 0 2px 12px oklch(0% 0 0 / 0.045) | Karten im Ruhezustand. |
| Schatten mittel | 0 4px 24px rgba(16, 60, 99, 0.08) | Erhöhte Flächen. |
| Schatten groß | 0 24px 60px rgba(16, 60, 99, 0.16) | Popup und Preisbox. |
| Kurve | cubic-bezier(0.22, 1, 0.36, 1) | Jede Bewegung. Dauer 0,2 bis 0,35 s. |
Bewegung
Die Seite animiert mit GSAP und ScrollTrigger. Elemente mit data-anim="up" fahren beim Erscheinen 24 Pixel nach oben ein, Kopfbereiche über data-hero gestaffelt. Wer im Betriebssystem „Bewegung reduzieren“ eingestellt hat, sieht keine Animation: das Stylesheet schaltet sie vollständig ab.
Bausteine
Die folgenden Beispiele sind keine Abbildungen, sondern dieselben Klassen wie im Rest der Website. Was sich am Stylesheet ändert, ändert sich hier mit.
Der Eyebrow steht über der Überschrift und benennt den Bereich. Der Pfeil-Link führt weiter, ohne die Aufmerksamkeit eines Knopfs zu beanspruchen.
Alle Ratgeber- Die Gründung in der Freezone dauert drei bis fünf Werktage.
- Persönlich vor Ort musst du genau einmal sein, für Medical Test und Biometrie.
- Bis Visum, Emirates ID und Konto stehen, vergehen vier bis sechs Wochen.
| Position | Kosten |
|---|---|
| Firmengründung inkl. Lizenz und VisumFull-Service über eine Agentur, Freezone | ca. 6.500 € |
| Jährliche Verlängerung | ca. 5.000 € |
| Gesamt im ersten Jahr | ca. 6.500 € |
Richtwerte, Stand September 2026. Die Summenzeile trägt die einzige goldene Fläche der Tabelle.
Bildsprache
Bilder belegen, sie schmücken nicht. Gezeigt wird, was jemand tatsächlich vorfindet.
- Was wir zeigen: die Stadt, wie sie ist, unser Team und unser Büro, Dokumente, Behördenwege und Bildschirmfotos aus echten Vorgängen.
- Was wir nicht zeigen: Handschlag-Motive, Sportwagen als Erfolgssymbol, Menschen, die in einem Konferenzraum lachen.
- Format: WebP mit
srcset, Radius 8 px. Artikelbilder im Verhältnis 16 zu 9, Porträts quadratisch. - Bildunterschrift: 12,5 px in
--fg-subtle, benennt Ort oder Quelle. - Alt-Text ist Pflicht und beschreibt, was zu sehen ist. Er ist kein Platz für Suchbegriffe.
Sprache und Tonalität
Konkret vor werblich. Zahlen bekommen ein Datum, Behauptungen eine Quelle, Unsicherheit wird benannt statt überspielt.
Ansprache
Wir sagen du, klein geschrieben. Kein „Sie“ im Fließtext, auch nicht auf den Leistungsseiten. In den Übersetzungen gilt dasselbe, soweit die Sprache es hergibt.
Schreibregeln
- Kein Gedankenstrich. An seiner Stelle steht ein Komma, ein Doppelpunkt oder ein Punkt. Der Halbgeviertstrich bleibt nur dort, wo er kein Satzzeichen ist: 13.000 – 112.000 AED, Montag – Donnerstag, 09:00 – 18:00.
- Anführungszeichen im Deutschen als „…“. Im Französischen bleiben die „…“.
- Zahlen mit Tausenderpunkt und Dezimalkomma. Beträge in AED bekommen die Euro-Näherung dahinter, Prozentzeichen einen Abstand: 9 %.
- Preise und Fristen tragen immer ein „Stand“ und einen Vorbehalt, welche Stelle verbindlich ist.
- Keine Beratung. Alle Steuer- und Rechtspassagen sind Aufbereitung. Vor jeder Entscheidung gehört ein Berater im jeweiligen Land dazu, und das steht auch so da.
Begriffe, die stehen bleiben
Diese Wörter werden nicht übersetzt und nicht eingedeutscht, in keiner Sprachfassung:
Sieben Sprachen
Deutsch ist die Quelle. Aus der deutschen Seite entstehen die Fassungen für Englisch, Spanisch, Französisch, Italienisch, Russisch und Niederländisch. Rechts- und Steuerpassagen werden dabei nicht übersetzt, sondern je Land ersetzt: eine spanische Seite erklärt die spanische Wegzugsbesteuerung, nicht die deutsche.
Assets
Logodateien zum Herunterladen. Bitte immer diese Fassungen verwenden und nicht aus der Website ausschneiden.
| Asset | Datei | Format | Maße | Größe | Verwendung |
|---|---|---|---|---|---|
| Wortmarke, dunkel | logo.png | PNG | 600 × 128 | 31,1 KB | Standard auf hellem Grund. Für Präsentationen und Druckvorlagen. |
| Wortmarke, dunkel | logo.webp | WebP | 320 × 68 | 8,7 KB | Dieselbe Marke fürs Web. Wird auf jeder Seite in der Navigation ausgeliefert. |
| Wortmarke, weiß | logo-white.png | PNG | 600 × 128 | 23,0 KB | Auf Navy und auf abgedunkelten Bildern. |
| Wortmarke, weiß | logo-white.webp | WebP | 320 × 68 | 5,7 KB | Fassung fürs Web, etwa in der Fußzeile. |
| Signet | logo-mark.png | PNG | 512 × 512 | 20,0 KB | Nur ohne Schriftzug: Profilbild, Stempel, enge Flächen. |
| App-Symbol | icon-512.png | PNG | 512 × 512 | 17,9 KB | Progressive Web App, Startbildschirm. |
| App-Symbol, klein | icon-192.png | PNG | 192 × 192 | 9,3 KB | Zweite Größe aus site.webmanifest. |
| Apple Touch Icon | apple-touch-icon.png | PNG | 180 × 180 | 8,7 KB | Lesezeichen auf iOS. |
| Favicon | favicon.ico | ICO | 48 · 32 · 16 | 4,5 KB | Browsertab. Daneben liegen die PNG-Fassungen in 32 und 16 Pixeln. |
Farbwerte zum Kopieren
Du brauchst das Logo als Vektor, eine Vorlage für Präsentationen oder ein Bild in Druckauflösung? Schreib an office@dubaisetup.co, wir schicken es dir.
Nutzung durch Dritte
Partner, Presse und Kunden dürfen die Wortmarke unverändert verwenden, um auf eine Zusammenarbeit oder eine Berichterstattung hinzuweisen. Name und Logo bleiben dabei Eigentum von Global Setup LLC.
Nicht erlaubt ist jede Veränderung des Logos, der Einbau in ein anderes Zeichen und jede Verwendung, die eine Partnerschaft nahelegt, wo keine besteht. Für alles, was hier nicht steht, genügt eine kurze Anfrage an office@dubaisetup.co.