Raum + Einheit · Die Identität
Ein Zeichen. Ein ganzer Zusammenhang.
Ein offener Rahmen schafft Raum. Die gelbe Einheit setzt den Akzent. Daraus entstehen Ausdruck, Struktur und Bewegung, auf jeder Seite und in jedem Material.
01 · Das Zeichen
Eine Form.
In jedem Kontext.
Die Wortmarke besteht aus Vektorpfaden und funktioniert auf Dunkel, auf Hell und auf Signalgelb. Rundum gehört mindestens eine Einheit Freiraum dazu.
Anwendung
Das System.
An unserer eigenen Seite.
Die Startseite von raumbyte.de, zurückgeführt auf ihre Regeln. Schalten Sie zwischen Oberfläche, Raster und Maßen und vergleichen Sie die breite mit der schmalen Fassung.
Websites,
die wirken.
Gestaltet, gebaut und betrieben in Deutschland. Ein Ansprechpartner von der ersten Skizze bis zum laufenden Betrieb.
- 01WortmarkeZeichen und Schriftzug als Einheit, bündig auf der ersten Spalte.
- 02ÜberschriftMona Sans, Stärke 650, Breite 114 %, Zeilenabstand 0,9.
- 03SignalgelbNur für die wichtigste Handlung und das Byte, nie für Fließtext.
- 04RasterZwölf Spalten, darunter vier. In der Zeichnung Abstand 16 px und Rand 24 px, schmal 20 px; auf der Website wachsen Spaltenabstand (16 bis 32 px) und Rand (20 bis 72 px) mit der Fensterbreite.
- 05ZeichnungHaarlinien statt Fotografie, Farben aus dem hellen oder dunklen Schema.
Oberfläche: die Seite, wie Besucher sie sehen. Breit: zwölf Spalten, die Zeichnung steht rechts neben dem Text.
Form: das Zeichen, wie es erscheint.
02 · Konstruktion
Zwei Teile.
Eine eigene Form.
24 Einheiten bilden den Grundraum. Der offene Rahmen misst 3 Einheiten in der Stärke, die gelbe Einheit 8,5 × 8,5. Sie sitzt dort, wo der Rahmen sich öffnet, als Einladung und nicht als Abschluss.
- Grundraum
- 24 × 24 U
- Rahmenstärke
- 3 U
- Gelbe Einheit
- 8,5 × 8,5 U
- Freiraum
- mindestens 1 U rundum
03 · Farbe & Licht
Tiefe im Raum.
Klarheit im Akzent.
Gelb bleibt der stärkste Akzent und markiert Handlung. Mint kennzeichnet technische Verbindung. Licht unterstützt das Objekt. Fließtext leuchtet nie.
- GrundraumDie dunkle Bühne.
- OberflächeInhalt bekommt Tiefe.
- PapierKontrast und Lesbarkeit.
- SignalgelbCharakter und Handlung.
- VerbindungTechnische Zusammenhänge.
- SekundärtextErklärung und Einordnung.
04 · Typografie
Die Aussage trägt.
Das Detail erklärt.
Mona Sans setzt Aussage und Text, mit einer Breitenachse für Raum in der Schrift. Geist Mono beschriftet, ordnet und bildet die Glyphenwelt.
Raum für das Nächste.
Eine Website bekommt Charakter, wenn Inhalt, Gestaltung und Technik zusammenpassen.
RAUMBYTE / WEB · HOSTING · IT
Il1 · O0 · ÄÖÜ äöüß 0123456789
05 · Glyphenwelt
Raum aus Bytes.
Hinter jeder Seite liegt eine Welt aus Zeichen. Tausende Punkte im Raum werden in ein Raster aus Schriftzeichen übersetzt und bilden Formen: das Zeichen, Ebenen, ein Server-Rack, einen Schutzraum, die Umrisslinie Deutschlands. Bewegen Sie den Zeiger darüber.
01 Ankommen.Aus Staub entsteht das Zeichen. Inhalte stehen sofort da. Die Welt kommt dazu, sie ersetzt nichts.
Die Glyphenwelt startet erst, wenn die Seite geladen ist. Text, Navigation und Bilder sind vorher vollständig nutzbar. Ohne WebGL fehlt nichts Wichtiges.
- Kein Ladebildschirm.
- Die wichtigste Aussage steht als echter Text da.
02 Erkunden.Beim Scrollen wandern die Zeichen in neue Formen. Der Zeiger lässt sie ausweichen und entschlüsseln.
Jeder Abschnitt hat seine eigene Form: das Zeichen, Ebenen, ein Server-Rack, ein Schutzraum, die Umrisslinie Deutschlands. Ein Klick sendet einen Impuls durch das Feld.
- Formen folgen dem Inhalt.
- Natives Scrollen bleibt unangetastet.
03 Respektieren.Reduzierte Bewegung zeigt ein ruhiges Standbild, ein Schalter hält alles an.
Die Systemeinstellung „reduzierte Bewegung“ hat Vorrang. Auf schwachen Geräten, im Datensparmodus oder ohne Grafikbeschleunigung tritt die Welt zurück.
- Pause-Schalter auf jeder Seite.
- Weniger Punkte auf langsamen Geräten.
06 · Weiterarbeiten
