Zur Auswahl, 17.09.2026
Branchen-Raster.
Auftrag (Simeon, 17.09.2026):
„nur diesen Teil, in dem die Bilder auf der Startseite dieses Grid sind, nachbauen und es schaffen, dass der jetzt eins zu eins so aussieht wie in Figma … Varianten und Vorschläge, dass wir diese Section einfach mal glatt bekommen.“
Vier Fassungen desselben Rasters, untereinander. Karten, Texte und Raster sind in allen vieren gleich und kommen wortgleich aus der Startseite; unterschiedlich ist einzig, wie die vier Bilder in ihren Kästen liegen. Die Fassungen leben nur auf dieser Seite und fassen das System nicht an.
Alle Maße der Fassung 1 sind am Figma-Render gemessen, nicht aus den Knotenwerten übernommen. Drei Knotenwerte widersprechen dem Bild: der Roboter sitzt auf der linken Kartenhälfte, nicht bei x 1018; das Ortsschild trägt seine Knotenkoordinate vor der Drehung; und der Lkw ragt nicht unter seine Kachel, er endet 11 px darüber. Nachgerechnet in _verify/branchen-2026-09-17/messung.md.
Heute im System
Der Stand, wie er gerade live ist: die drei Freisteller werden per Zoomfaktor und Prozentversatz auf ihre Kästen geschoben, das Ortsschild zusätzlich per CSS um 11 Grad gedreht.
Die Bilder sind die alten Ausschnitte mit hellem Grund; Größe und Lage sind geschätzt und mehrfach nachjustiert worden, deshalb weicht jedes der drei anders ab.
Bilder assets/fotos/branche-*.png · Steuerung über --zj-frei-zoom, --zj-frei-dx, --zj-frei-dy, --zj-frei-rot.
Unsere Branchen
Für jeden Betrieb. Jedes Projekt. Jeden Auftrag.
Ein Handwerker braucht andere Beratung als ein Industriebetrieb.
Deshalb sprechen wir Ihre Sprache, und kennen Ihre Anforderungen.
Bild-Platzhalter · freigestellter Industrieroboter auf der gelben KartenflächeIndustrie
Maschinen, Anlagen, Produktion
- Normgerecht & zertifiziert
- Rahmenverträge möglich
- Schnittstellen verfügbar
Bild-Platzhalter · freigestelltes Ortsschild Freie und Hansestadt HamburgKommunen
Öffentliche Aufträge
- Ausschreibungs-Erfahrung seit Jahren
- Rahmenverträge deutschlandweit
- Alle Nachweise sofort verfügbar
Bild-Platzhalter · Hände halten ein Tablet mit dem Zajadacz Shop
Bild-Platzhalter · freigestellter Zajadacz-Lkw mit WerbebeklebungHandel
Sie sind Elektro-Widerverkäufer?
- Normgerecht & zertifiziert
- Rahmenverträge möglich
- Schnittstellen verfügbar
Fragen
Nichts dabei? Einfach anrufen!
- Ausschreibungs-Erfahrung seit Jahren
- Rahmenverträge deutschlandweit
- Alle Nachweise sofort verfügbar
Figma 1:1
Jedes Motiv sitzt genau da, wo es im Figma-Render sitzt, in Originalgröße und ohne CSS-Drehung: der Roboter ragt 27 px über die Oberkante, das Ortsschild 19 px nach rechts in die Rasterlücke und 13 px unter die Karte, der Lkw 10 px nach oben und 21 px nach rechts.
Die Bilder sind frisch aus Figma in Knotengröße exportiert, mit echter Transparenz und in zweifacher Auflösung; die Drehung des Schildes steckt im Bild, nicht mehr im CSS.
Roboter 387 × 383 · Ortsschild 403 × 367 · Lkw 418 × 400 · Tablet 499 × 341, formatfüllend.
Unsere Branchen
Für jeden Betrieb. Jedes Projekt. Jeden Auftrag.
Ein Handwerker braucht andere Beratung als ein Industriebetrieb.
Deshalb sprechen wir Ihre Sprache, und kennen Ihre Anforderungen.

Industrie
Maschinen, Anlagen, Produktion
- Normgerecht & zertifiziert
- Rahmenverträge möglich
- Schnittstellen verfügbar

Kommunen
Öffentliche Aufträge
- Ausschreibungs-Erfahrung seit Jahren
- Rahmenverträge deutschlandweit
- Alle Nachweise sofort verfügbar


Handel
Sie sind Elektro-Widerverkäufer?
- Normgerecht & zertifiziert
- Rahmenverträge möglich
- Schnittstellen verfügbar
Fragen
Nichts dabei? Einfach anrufen!
- Ausschreibungs-Erfahrung seit Jahren
- Rahmenverträge deutschlandweit
- Alle Nachweise sofort verfügbar
Vorschlag: ruhig
Kein Bild verlässt seine Karte. Roboter und Lkw sitzen mit 16 px Innenabstand im Kasten und sind vollständig zu sehen, das Tablet füllt seine Kachel wie bisher.
Einzige Ausnahme nach unten: die Stange des Ortsschildes endet genau auf der Kartenunterkante, sonst begänne das Schild zu schweben. Vivis Wunsch „Schild schaut heraus“ ist damit bewusst nicht erfüllt, das ist die ruhige Gegenposition.
Ortsschild auf 89,5 % der Figma-Größe verkleinert, damit es die Hakenliste nicht berührt.
Unsere Branchen
Für jeden Betrieb. Jedes Projekt. Jeden Auftrag.
Ein Handwerker braucht andere Beratung als ein Industriebetrieb.
Deshalb sprechen wir Ihre Sprache, und kennen Ihre Anforderungen.

Industrie
Maschinen, Anlagen, Produktion
- Normgerecht & zertifiziert
- Rahmenverträge möglich
- Schnittstellen verfügbar

Kommunen
Öffentliche Aufträge
- Ausschreibungs-Erfahrung seit Jahren
- Rahmenverträge deutschlandweit
- Alle Nachweise sofort verfügbar


Handel
Sie sind Elektro-Widerverkäufer?
- Normgerecht & zertifiziert
- Rahmenverträge möglich
- Schnittstellen verfügbar
Fragen
Nichts dabei? Einfach anrufen!
- Ausschreibungs-Erfahrung seit Jahren
- Rahmenverträge deutschlandweit
- Alle Nachweise sofort verfügbar
Vorschlag: eine Regel
Alle drei Freisteller werden gleich behandelt: unten sitzen sie bündig auf der Kartenkante, Sockel, Stange und Räder auf der Linie, und genau eine weitere Kante wird um dieselben 24 px durchbrochen.
Durchbrochen wird die Kante, in die das Motiv zeigt: der Roboter nach oben, Ortsschild und Lkw nach rechts. Dreimal nach oben geht nicht, dafür sind die beiden Karten zu schmal, siehe die Zeile darunter.
Gegenrechnung: unten bündig plus 24 px oben verlangt 365 px sichtbare Höhe. Das Ortsschild wäre dann 432 px breit, neben der Hakenliste sind 348 frei; der Lkw 426 px in einer 342 px breiten Kachel. Nur der Roboter passt.
Unsere Branchen
Für jeden Betrieb. Jedes Projekt. Jeden Auftrag.
Ein Handwerker braucht andere Beratung als ein Industriebetrieb.
Deshalb sprechen wir Ihre Sprache, und kennen Ihre Anforderungen.

Industrie
Maschinen, Anlagen, Produktion
- Normgerecht & zertifiziert
- Rahmenverträge möglich
- Schnittstellen verfügbar

Kommunen
Öffentliche Aufträge
- Ausschreibungs-Erfahrung seit Jahren
- Rahmenverträge deutschlandweit
- Alle Nachweise sofort verfügbar


Handel
Sie sind Elektro-Widerverkäufer?
- Normgerecht & zertifiziert
- Rahmenverträge möglich
- Schnittstellen verfügbar
Fragen
Nichts dabei? Einfach anrufen!
- Ausschreibungs-Erfahrung seit Jahren
- Rahmenverträge deutschlandweit
- Alle Nachweise sofort verfügbar