Requested: make the site lighter, the way the colours were originally. Taken from the house palette "Papier & Gold" (warm off-white, gold as the only accent): papier #FCFAF6, papier-2 #F4EFE4, card #FFFDF8, ink #1C1813, quiet #6B6154. Gold needs more than one hex value. The old dark theme used a single light gold for both text and fills, which works on a dark ground but breaks on paper: #C9A461 as text scores 2.25:1. So primary and accent are now the dark gold #7A5D1F, which carries fill *and* type (5.90:1 on paper, and takes cream text on top), with #FFFDF8 as its contrast. googleBlue became Google's actual link blue so the search mock stays readable on a light ground. Fonts untouched. Fixed a pre-existing bug this exposed: ".nav-links a" also matched the header CTA and overrode .btn-primary's colour, so the button rendered muted text on the primary fill - 1.01:1, effectively invisible. It just never showed on the dark theme, where both tones were light. Narrowed to ".nav-links ul a", matching the :hover rule right below it. Rebuilt the logo as a transparent PNG: logo.jpg had the old dark background baked in and sat on the page as a black box, with its "WEBDESIGN" label in light grey that disappears on paper. The pill is preserved pixel for pixel (row-wise fill so the dark lettering inside stays opaque, then eroded 1px to drop the old anti-aliasing halo); the label is recoloured to ink. logo.jpg is kept. Verified in the browser across all three pages: 228 rendered text elements measured, 0 WCAG AA failures, tightest pair 5.82 - which is exactly the documented figure for "quiet on paper". No horizontal scroll, no console errors. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
336 lines
16 KiB
JSON
336 lines
16 KiB
JSON
{
|
||
"meta": {
|
||
"description": "Larpaso entwickelt individuelle Websites für Kunden – mit KI-gestützter Entwicklung als Schwerpunkt."
|
||
},
|
||
"nav": {
|
||
"logo": "/logo.png",
|
||
"logoAlt": "larpaso Webdesign",
|
||
"links": [
|
||
{
|
||
"label": "Warum",
|
||
"anchor": "warum"
|
||
},
|
||
{
|
||
"label": "Leistungen",
|
||
"anchor": "leistungen"
|
||
},
|
||
{
|
||
"label": "Arbeiten",
|
||
"anchor": "arbeiten"
|
||
},
|
||
{
|
||
"label": "Ablauf",
|
||
"anchor": "ablauf"
|
||
},
|
||
{
|
||
"label": "Preis",
|
||
"anchor": "preis"
|
||
}
|
||
],
|
||
"ctaLabel": "Projekt anfragen"
|
||
},
|
||
"hero": {
|
||
"eyebrow": "Digitalagentur für individuelle Websites",
|
||
"titleBefore": "Websites, die zu Ihrem ",
|
||
"titleEmphasis": "Unternehmen",
|
||
"titleAfter": " passen.",
|
||
"lead": "<strong>Gebaut mit KI-gestützter Entwicklung.</strong> larpaso entwickelt individuelle Websites für Kunden aus unterschiedlichen Branchen. Durch den gezielten Einsatz von KI in der Entwicklung liefern wir hochwertige Ergebnisse in kürzerer Zeit, <em>ohne Kompromisse bei Qualität und Individualität.</em>",
|
||
"ctaLabel": "Projekt anfragen",
|
||
"visual": {
|
||
"customImage": "",
|
||
"label": "Beispiel: Ihr Betrieb bei Google",
|
||
"todayTag": "Heute",
|
||
"todayUrl": "ihr-betrieb.de › home",
|
||
"todayTitle": "Ihr Betrieb – Startseite",
|
||
"todayDesc": "Herzlich willkommen auf unserer Homepage. Wir freuen uns über Ihren Besuch …",
|
||
"dividerText": "Dieselbe Firma, andere Zeile",
|
||
"possibleTag": "Möglich",
|
||
"possibleUrl": "ihr-betrieb.de",
|
||
"possibleTitle": "Ihr Betrieb in [Ort] – Termine, Preise, Anfahrt",
|
||
"possibleDesc": "Geöffnet Mo–Fr 9–18 Uhr. <strong>Termin in zwei Klicks</strong>, Preise stehen auf der Seite, Anfahrt und Parkplätze erklärt.",
|
||
"possibleMeta": "★★★★★ [Zahl] Bewertungen · Jetzt geöffnet"
|
||
}
|
||
},
|
||
"warum": {
|
||
"eyebrow": "02 · Was uns unterscheidet",
|
||
"title": "Individuell, KI-gestützt, technisch solide.",
|
||
"lead": "larpaso entwickelt individuelle Websites für Kunden, die sich von der Stange nicht zufriedengeben wollen.",
|
||
"readability": {
|
||
"customImage": "",
|
||
"title": "Lesbar schlägt vollständig.",
|
||
"lead": "Dieselben Angaben, zweimal. Einmal als Datei, die man erst herunterladen muss. Einmal als Tabelle, die schon da ist. Angerufen wird nach dem zweiten Weg.",
|
||
"beforeLabel": "So sieht es heute oft aus",
|
||
"pdfName": "Oeffnungszeiten_2026_final_v3.pdf",
|
||
"pdfMeta": "2,4 MB · zum Herunterladen",
|
||
"afterLabel": "So sieht es nachher aus",
|
||
"hoursTitle": "Öffnungszeiten",
|
||
"hoursRows": [
|
||
{
|
||
"day": "Montag – Donnerstag",
|
||
"time": "9:00–18:00"
|
||
},
|
||
{
|
||
"day": "Freitag",
|
||
"time": "9:00–14:00"
|
||
}
|
||
]
|
||
}
|
||
},
|
||
"preis": {
|
||
"eyebrow": "01 · Drei Plätze, dann ist Schluss",
|
||
"title": "Wir brauchen drei Seiten, die wir herzeigen können.",
|
||
"amount": "500 €",
|
||
"amountNote": "komplett, einmalig",
|
||
"lead": "Eine fertige Website statt eines Angebots über „Konzeptphasen“. Wir schreiben die Texte, bauen die Seite und stellen sie online. Sie sagen uns, was Sie machen und für wen.",
|
||
"slotsNote": "Noch [3] von 3 Plätzen frei — Stand [Datum].",
|
||
"features": [
|
||
{
|
||
"text": "Eine Seite mit allem, was Kunden suchen: Angebot, Preise, Zeiten, Anfahrt, Kontakt",
|
||
"excluded": false
|
||
},
|
||
{
|
||
"text": "Auf dem Handy zuerst gebaut, nicht nachträglich zusammengeschoben",
|
||
"excluded": false
|
||
},
|
||
{
|
||
"text": "Impressum und Datenschutzerklärung eingebaut, Schriften auf Ihrem Server",
|
||
"excluded": false
|
||
},
|
||
{
|
||
"text": "Alle Texte von uns geschrieben, nach einem Gespräch mit Ihnen",
|
||
"excluded": false
|
||
},
|
||
{
|
||
"text": "Google-Grundlagen: Titel mit Ort, Beschreibung, Firmendaten für die Kartenanzeige",
|
||
"excluded": false
|
||
},
|
||
{
|
||
"text": "Einweisung, wie Sie Zeiten und Preise selbst ändern",
|
||
"excluded": false
|
||
},
|
||
{
|
||
"text": "Nicht enthalten: Fotoshooting, Logo-Neuentwurf, Onlineshop",
|
||
"excluded": true
|
||
},
|
||
{
|
||
"text": "Nicht enthalten: Domain und Hosting. Das läuft auf Ihren Namen und kostet [ca. Betrag] € im Jahr",
|
||
"excluded": true
|
||
}
|
||
],
|
||
"asideTitle": "Warum so günstig?",
|
||
"asideParagraph1": "Weil wir am Anfang stehen und Arbeiten zeigen müssen, die echten Betrieben gehören. Dafür bitten wir um zwei Dinge: Wir dürfen die fertige Seite in unserer Mappe zeigen, und wenn Sie zufrieden sind, schreiben Sie uns drei Sätze, die wir zitieren dürfen.",
|
||
"asideParagraph2": "Kein Abo und keine Vertragslaufzeit. Sie zahlen die Hälfte zum Start, die Hälfte, wenn die Seite online ist.",
|
||
"ctaLabel": "Projekt anfragen"
|
||
},
|
||
"highlights": [
|
||
{
|
||
"num": "I",
|
||
"title": "Individuell entwickelt",
|
||
"text": "Keine Templates von der Stange — jede Website wird passend zu Zielen, Marke und Zielgruppe konzipiert und umgesetzt."
|
||
},
|
||
{
|
||
"num": "II",
|
||
"title": "KI-gestützte Entwicklung",
|
||
"text": "Wir setzen moderne KI-Werkzeuge im Entwicklungsprozess ein, um schneller, gründlicher und zu planbaren Kosten zu liefern."
|
||
},
|
||
{
|
||
"num": "III",
|
||
"title": "Technisch solide",
|
||
"text": "Saubere, wartbare Umsetzung mit Blick auf Performance, Zugänglichkeit und langfristige Pflegbarkeit."
|
||
}
|
||
],
|
||
"leistungen": {
|
||
"eyebrow": "03 · Was Sie bekommen",
|
||
"title": "Was wir für Sie tun können",
|
||
"lead": "Von der ersten Idee bis zur laufenden Betreuung: larpaso begleitet Ihr Website-Projekt mit individueller Entwicklung und dem gezielten Einsatz von KI-Werkzeugen.",
|
||
"items": [
|
||
{
|
||
"num": "01",
|
||
"title": "Individuelle Websites",
|
||
"text": "Konzeption und Umsetzung von Websites, die auf Ihr Unternehmen, Ihre Zielgruppe und Ihre Ziele zugeschnitten sind — von der einfachen Unternehmenspräsenz bis zur komplexeren Webanwendung."
|
||
},
|
||
{
|
||
"num": "02",
|
||
"title": "KI-gestützte Entwicklung",
|
||
"text": "Wir nutzen moderne KI-Werkzeuge gezielt im Entwicklungsprozess, um Umsetzungszeiten zu verkürzen und gleichzeitig Code-Qualität und Sorgfalt hochzuhalten."
|
||
},
|
||
{
|
||
"num": "03",
|
||
"title": "Konzeption & Beratung",
|
||
"text": "Vor der Umsetzung klären wir Struktur, Inhalte und technische Anforderungen — damit die Website von Anfang an zu Ihren Zielen passt."
|
||
},
|
||
{
|
||
"num": "04",
|
||
"title": "Redesign & Weiterentwicklung",
|
||
"text": "Bestehende Websites überarbeiten, modernisieren oder um neue Funktionen erweitern — technisch fundiert und mit klarem Fokus auf Nutzbarkeit."
|
||
},
|
||
{
|
||
"num": "05",
|
||
"title": "Wartung & Support",
|
||
"text": "Nach dem Launch lassen wir Sie nicht allein: Updates, kleinere Anpassungen und technischer Support nach Bedarf."
|
||
},
|
||
{
|
||
"num": "06",
|
||
"title": "Performance & Zugänglichkeit",
|
||
"text": "Websites, die schnell laden und für möglichst viele Nutzerinnen und Nutzer gut zugänglich sind — als Grundlage, nicht als nachträgliches Extra."
|
||
}
|
||
],
|
||
"nichtMachenTitle": "Was wir nicht machen",
|
||
"nichtMachen": [
|
||
"Keine Onlineshops. Dafür gibt es Leute, die nichts anderes tun.",
|
||
"Keine Fotos, die es nicht gibt: weder gekaufte Modelle in fremden Räumen noch am Rechner erfundene. Ihre Kunden sollen wiedererkennen, wo sie hinkommen.",
|
||
"Keine Versprechen über Google-Plätze. Wer die gibt, weiß es entweder nicht besser oder hofft, dass Sie nicht nachrechnen.",
|
||
"Keine zehn Seiten, wenn eine reicht. Die meisten Betriebe brauchen weniger, als ihnen verkauft wird."
|
||
]
|
||
},
|
||
"mappe": {
|
||
"eyebrow": "04 · Mappe",
|
||
"title": "Drei Entwürfe, an denen Sie unsere Handschrift sehen.",
|
||
"items": [
|
||
{
|
||
"kategorie": "Konzeptarbeit · Tanzstudio",
|
||
"titel": "Maison Verte",
|
||
"text": "Sand und Salbei. Der Stundenplan steht als Tabelle auf der Seite, nicht als Download, und die Preise auch. Für ein Studio, das ruhig wirken soll, ohne dabei alt auszusehen.",
|
||
"nameHidden": false,
|
||
"image": "/mappe/maison-verte.webp"
|
||
},
|
||
{
|
||
"kategorie": "Konzeptarbeit · Tanzschule",
|
||
"titel": "Tanzhaus Kranich",
|
||
"text": "Dieselbe Seite zweimal, einmal kühl und einmal warm. Wir wollten wissen, was Farbe wirklich anrichtet. Der Unterschied war größer, als wir dachten. Seitdem schlagen wir Ihnen am Ende eine Fassung vor und nicht drei.",
|
||
"nameHidden": false,
|
||
"image": "/mappe/tanzhaus-kranich.webp"
|
||
},
|
||
{
|
||
"kategorie": "Konzeptarbeit · Kosmetikstudio",
|
||
"titel": "Atelier Rosenhain",
|
||
"text": "Weich, warm, und trotzdem kein Pastellrosa. Jede Behandlung mit Dauer und Preis, Termin direkt aus der Liste heraus. Damit niemand erst anrufen muss, um zu erfahren, was etwas kostet.",
|
||
"nameHidden": false,
|
||
"image": "/mappe/atelier-rosenhain.webp"
|
||
}
|
||
]
|
||
},
|
||
"ablauf": {
|
||
"eyebrow": "05 · So arbeiten wir",
|
||
"title": "Vom ersten Gespräch bis zum Launch",
|
||
"steps": [
|
||
{
|
||
"num": "01",
|
||
"title": "Kennenlernen",
|
||
"text": "Wir klären Ziele, Zielgruppe und Anforderungen in einem unverbindlichen Erstgespräch.",
|
||
"dauer": ""
|
||
},
|
||
{
|
||
"num": "02",
|
||
"title": "Konzept & Design",
|
||
"text": "Struktur, Inhalte und visuelle Richtung werden gemeinsam abgestimmt.",
|
||
"dauer": ""
|
||
},
|
||
{
|
||
"num": "03",
|
||
"title": "Entwicklung",
|
||
"text": "Umsetzung mit modernen Werkzeugen — inklusive KI-gestützter Entwicklung für mehr Tempo.",
|
||
"dauer": "2–3 Tage"
|
||
},
|
||
{
|
||
"num": "04",
|
||
"title": "Launch & Betreuung",
|
||
"text": "Übergabe, Feinschliff und bei Bedarf laufende Weiterentwicklung.",
|
||
"dauer": ""
|
||
}
|
||
]
|
||
},
|
||
"about": {
|
||
"eyebrow": "06 · Über uns",
|
||
"title": "Wir sind larpaso.",
|
||
"quote": "KI als Werkzeug, nicht als Ausrede.",
|
||
"paragraphs": [
|
||
"Technik ändert sich schnell. Und mit ihr, was Kundinnen und Kunden von einem Betrieb erwarten: eine Seite, die auf dem Handy funktioniert, klar sagt, worum es geht, und nicht nach gestern aussieht. Was heute auffällt, ist in zwei Jahren Standard. Wir bauen Websites für Menschen, die da mithalten wollen, ohne sich selbst in Technik einarbeiten zu müssen.",
|
||
"Dabei helfen uns KI-Werkzeuge. Sie nehmen uns Routine ab, damit wir Zeit haben für das, worauf es ankommt: zuhören, mitdenken, sorgfältig arbeiten. So bleiben individuelle Lösungen in überschaubarer Zeit und zu planbaren Kosten möglich, weder Massenware noch Luxusgut.",
|
||
"Der Name ist aus uns gebaut: <strong>Lara</strong> und <strong>Pas</strong>cal. Und die zweite Hälfte ist ein Wort: <em>paso</em>, spanisch für Schritt. Für uns steht es für Fortschritt. Wir lernen weiter, entwickeln unsere Arbeit weiter und Ihre Seite gleich mit, Schritt für Schritt."
|
||
],
|
||
"photo": ""
|
||
},
|
||
"faq": {
|
||
"eyebrow": "07 · Bevor Sie fragen",
|
||
"title": "Die Punkte, an denen die meisten zögern.",
|
||
"items": [
|
||
{
|
||
"question": "Kann ich die Seite danach selbst ändern?",
|
||
"answer": ""
|
||
},
|
||
{
|
||
"question": "Was, wenn mir das Ergebnis nicht gefällt?",
|
||
"answer": ""
|
||
},
|
||
{
|
||
"question": "Ich habe keine guten Fotos. Ist das ein Problem?",
|
||
"answer": ""
|
||
},
|
||
{
|
||
"question": "Müssen wir uns dafür treffen?",
|
||
"answer": ""
|
||
},
|
||
{
|
||
"question": "Wie lange dauert es insgesamt?",
|
||
"answer": ""
|
||
},
|
||
{
|
||
"question": "Was kostet es danach im Jahr?",
|
||
"answer": ""
|
||
},
|
||
{
|
||
"question": "Ich habe schon eine Website. Lohnt sich das trotzdem?",
|
||
"answer": ""
|
||
}
|
||
]
|
||
},
|
||
"kontakt": {
|
||
"eyebrow": "08 · Kontakt",
|
||
"title": "Lassen Sie uns sprechen.",
|
||
"lead": "Erzählen Sie uns kurz von Ihrem Projekt — wir melden uns zeitnah bei Ihnen zurück. Ein Erstgespräch ist unverbindlich und kostet Sie nichts.",
|
||
"phone": "",
|
||
"hours": "",
|
||
"email": "kontakt@larpaso.de",
|
||
"howWeWork": ""
|
||
},
|
||
"footer": {
|
||
"laraNachname": "",
|
||
"pascalNachname": "Scholz"
|
||
},
|
||
"impressum": {
|
||
"anbieterAngaben": "Pascal Scholz\nWeinkampswende 14\n30539 Hannover",
|
||
"ustId": "Gemäß § 19 Abs. 1 UStG wird keine Umsatzsteuer berechnet (Kleinunternehmerregelung).",
|
||
"verantwortlich": "Pascal Scholz\nWeinkampswende 14\n30539 Hannover",
|
||
"streitschlichtung": "Wir sind nicht bereit und nicht verpflichtet, an Streitbeilegungsverfahren vor einer Verbraucherschlichtungsstelle teilzunehmen.",
|
||
"haftungSections": [
|
||
{
|
||
"heading": "Haftung für Inhalte",
|
||
"text": "Als Diensteanbieter sind wir gemäß § 7 Abs. 1 DDG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 DDG sind wir als Diensteanbieter jedoch nicht verpflichtet, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen. Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen."
|
||
},
|
||
{
|
||
"heading": "Haftung für Links",
|
||
"text": "Unser Angebot enthält Links zu externen Websites Dritter, auf deren Inhalte wir keinen Einfluss haben. Deshalb können wir für diese fremden Inhalte auch keine Gewähr übernehmen. Für die Inhalte der verlinkten Seiten ist stets der jeweilige Anbieter oder Betreiber der Seiten verantwortlich. Die verlinkten Seiten wurden zum Zeitpunkt der Verlinkung auf mögliche Rechtsverstöße überprüft. Rechtswidrige Inhalte waren zum Zeitpunkt der Verlinkung nicht erkennbar. Eine permanente inhaltliche Kontrolle der verlinkten Seiten ist jedoch ohne konkrete Anhaltspunkte einer Rechtsverletzung nicht zumutbar. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Links umgehend entfernen."
|
||
},
|
||
{
|
||
"heading": "Urheberrecht",
|
||
"text": "Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers. Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen."
|
||
}
|
||
],
|
||
"note": ""
|
||
},
|
||
"datenschutz": {
|
||
"intro": "",
|
||
"sections": [
|
||
{
|
||
"heading": "Verantwortliche Stelle",
|
||
"text": ""
|
||
},
|
||
{
|
||
"heading": "Kontaktformular",
|
||
"text": "Das Kontaktformular auf dieser Website öffnet beim Absenden Ihr E-Mail-Programm mit einem vorausgefüllten Entwurf. Ihre Angaben werden dabei direkt an {email} adressiert und nicht an einen Server dieser Website oder Dritte übertragen."
|
||
}
|
||
],
|
||
"note": "Diese Datenschutzerklärung ist noch nicht vollständig und muss vor dem Livegang ergänzt bzw. rechtlich geprüft werden."
|
||
}
|
||
}
|