Arsim Osmani. Fünf Jahre Garantie auf die eigene Handwerksleistung.
Kostenlos und unverbindlich. Ich schaue mir an, was ansteht, und du bekommst in fünf Werktagen ein schriftliches Festpreis-Angebot.
Die Marke
Kondensierte Grotesk mit hohem x-Mittelband, glatt abgeschnittenen Schaftenden und engen Punzen. Darunter eine Haarlinie und die Beizeile in weit gesperrten Versalien. Kein Bildzeichen — Haus und Werkzeug hat der Kunde ausdrücklich abgelehnt, und das gilt auf der ganzen Seite.
Die Haarlinie unter der Wortmarke ist der Keim des Signature-Motivs: Die Schlagschnur.
Radius 0
Bilder, Felder, Knöpfe, Karten — ausnahmslos.
Sperrung 0
Einzige Ausnahme: Versal-Label +0.12 em, als Zitat der Logo-Beizeile.
Dunkelanteil 22 %
Ein dunkles Feld für die Bühne, eins für die Anfrage. Sonst hell.
Signature-Motiv
Die blaue Kreidelinie, die der Handwerker schlägt, bevor er anfängt. Sie ist die Entscheidung vor der Arbeit — und sie ist schon von Haus aus in der Markenfarbe.
Als 2-px-Linie eröffnet sie jedes Kapitel, als 6-px-Kante schneidet sie die Bühne an, im Fokus schnappt sie in das Eingabefeld ein, im Druck steht sie unter dem Briefkopf. Nie diagonal, nie gebogen, nie als Rahmen, nie in Grau — und nie zwei auf einer Bildschirmhöhe.
Kapitel 02
Ausführung
Der Kapitelname klebt am oberen Rand, während die Fotos daran vorbeilaufen — scroll, dann siehst du es. Das ist das eine nicht verhandelbare Device.
Karlsruhe-Bergwald · 2025 · Dachgeschoss 42 m², Trockenbau und Dämmung
Karlsruhe-Bergwald · 2025 · Abnahme nach 5 Werktagen
Ausfallplan — Kapitel ohne Foto
42 m²
Dachgeschoss im Rohbau, Metallprofile und Dämmung gesetzt
5 Werktage
vom Aufmass bis zur gespachtelten Fläche
1 Ansprechpartner
Arsim Osmani, von Anfang bis Abnahme
Gibt es zu einem Kapitel kein eigenes Foto, wird es nicht gestrichen und nicht mit gekauften Bildern gefüllt, sondern als Sachtafel gebaut: Zahlen statt Bilder, auf dem Zweitgrund. Die Schlagschnur läuft weiter mit.
Bildstimmung
Kühl, entsättigt, Tageslicht von der Seite, Staub in der Luft, menschenleer. Keine Hände, keine Helme, keine Werkzeuge.
Farb-Rollen — gemessen, nicht gewählt
--brand-surface #f4f8fdGrund der Seite, ca. 70 % der Fläche.
ink darauf 15.35 : 1
--brand-surface-alt #edf1f5Einziger Grundwechsel: Fuss und bildlose Kapitel.
ink darauf 14.42 : 1
--brand-primary-12 #123458Markenfeld: Bühne und Anfrage-Band, zusammen ≤ 25 %.
Weiss darauf 12.67 : 1
--brand-primary #2e7fd0Die Logofarbe — unverändert. Nur Fläche, Linie ≥ 2 px, Grossgrad-Form. Nie Schriftfarbe auf hell.
Schrift darauf: #050e19 = 4.67 : 1 ✓ AA · Weiss = 4.15 ✗
--brand-primary-ink #0e68b7Die Marke als Schrift auf hell — zweite Abstufung derselben Farbe, kein Ersatz.
auf surface 5.35 : 1 ✓ AA (statt 3.89)
--brand-primary-11 #0e68b7Gefüllte Knöpfe und jeder Textlink.
Weiss darauf 5.70 : 1
--brand-secondary #5393cfFläche, nie Schrift auf hell: inaktive Fortschritts-Segmente.
Schrift darauf: #050e19 = 5.95 : 1 ✓ AA · Weiss = 3.26 ✗
--brand-secondary-ink #2b6ca6Sekundärfarbe als Schrift auf hell — zweite Abstufung.
auf surface 5.18 : 1 ✓ AA (statt 3.06)
--brand-ink #1c2025Alle Fliesstexte und Überschriften auf hell.
auf surface 15.35 : 1
--brand-ink-soft #545b63Sachzeilen und Beizeilen. Nie unter 16 px.
auf surface 6.45 : 1
Rollentrennung — die Marke bleibt, die Schrift wechselt
Drei Paare der Messung lagen unter WCAG AA. Keines wurde gelöst, indem die Logofarbe verändert wurde: --brand-primary ist und bleibt #2e7fd0, --brand-surface bleibt #f4f8fd. Gewechselt hat jeweils die Rolle der Schrift — und jeder Ersatzwert stammt aus derselben gemessenen 12er-Skala.
| Befund | vorher | jetzt | Wert |
|---|---|---|---|
| Schrift auf der Markenfläche | #ffffff — 4.15 ✗ | --brand-on-primary #050e19 | 4.67 ✓ |
| Marke als Schrift auf hell | #2e7fd0 — 3.89 ✗ | --brand-primary-ink #0e68b7 | 5.35 ✓ |
| Sekundär als Schrift auf hell | #5393cf — 3.06 ✗ | --brand-secondary-ink #2b6ca6 | 5.18 ✓ |
| Schrift auf Sekundärfläche | #ffffff — 3.26 ✗ | --brand-on-secondary #050e19 | 5.95 ✓ |
Weiterhin verboten: Weiss auf #2e7fd0 (4.15) · #2e7fd0 als Schriftfarbe auf hellem Grund (3.89) · #5393cf als Schriftfarbe (3.06). Weiss bleibt, wo es misst: auf #0e68b7 (5.70) und auf #123458 (12.67).
Typografie — Saira Condensed 700 / Barlow 400·500·600
Komponenten — Zustände sind Werte, keine Adjektive
Fahr drüber, klick, tabbe hin — hover, active und focus sind hier echt.
Alle Leistungen ansehen — jeder weitere Weg ist ein Textlink, gefüllte Knöpfe gibt es genau zwei pro Seite.
Darüber melde ich mich — meist am selben Tag.
Ohne Ort weiss ich nicht, ob es in mein Gebiet fällt.
Fokus: die Schlagschnur schnappt als 2-px-Unterkante ein. Fehler ohne Signalfarbe — die Messwerte enthalten kein Rot; stattdessen 2-px-Rahmen, 4-px-Kante und Klartext.
0 · Flach
box-shadow: none. Der Normalfall, ca. 95 %.
1 · Kante
1px solid #cad0d6 statt Schatten.
2 · Karte
Nur Klebeleiste und Formularkasten.
3 · Abheben
Nur die Lightbox. Sonst nirgends.
Abschliessender Vorrat, sieben Zeichen. Keine Werkzeuge, keine Häuser, kein Icon-Grid.
Kapitel 03 — Übergabe
Ich komme vorbei, schaue mir an, was ansteht, und du bekommst innerhalb von fünf Werktagen ein schriftliches Festpreis-Angebot. Der Termin kostet nichts und verpflichtet dich zu nichts.
Mo–Sa, 7–19 Uhr. Fotos per WhatsApp sind mir am liebsten.