Einführung
Was in dieser Version liegt.
Alles Neue aus dem Manual 2027, Version 0.1. Alte Heroes unter components/hero/ gehören nicht zu diesem System.
| Datei | Art | Rolle |
|---|---|---|
| styles/global.css | Element | Tokens: Farbe, Typo, Spacing, Radius, Bewegung, z |
| styles/global.css · Linien | Foundation | Haarlinie 1px, Fokus 2px Oliv |
| styles/global.css · Ebenen | Foundation | z-index 0/10/40/50/60, kein Schatten |
| components/system/foundations/Komposition.astro | Foundation | Container, Rhythmus, Wechsel, CTA, Mobil, Sticky |
| components/system/foundations/Hover.astro | Foundation | 6 Varianten |
| components/system/foundations/Reveal.astro | Foundation | 6 Varianten |
| components/system/foundations/Container.astro | Foundation | 6 Varianten |
| components/system/foundations/SektionsIntro.astro | Foundation | 6 Varianten |
| components/system/foundations/FarbRollen.astro | Foundation | 6 Varianten |
| components/system/foundations/EbenenOhneSchatten.astro | Foundation | 6 Varianten |
| elements/Logo.astro | Element | Wortmarke |
| elements/Icon.astro | Element | Haarlinie, 40 App + 128 Werk |
| elements/StatsMark.astro | Element | Geometrische Beleg-Marke, 4 Zeichen |
| elements/Tag.astro | Element | Thema, Filter, Index |
| elements/SlotPill.astro | Element | Status-Pille |
| elements/Button.astro | Element | Primary, Secondary, Ghost, Muted · Wisch |
| elements/Ascii.astro | Element | Canvas Stoff oder Planet |
| elements/AsciiNord.astro | Element | 10 Varianten |
| elements/DateiIcon.astro | Element | 6 Varianten |
| elements/Sterne.astro | Element | 6 Varianten |
| elements/Hinweis.astro | Element | 6 Varianten |
| elements/Fortschritt.astro | Element | 6 Varianten |
| elements/Wahl.astro | Element | 6 Varianten |
| elements/Feld.astro | Element | 6 Varianten |
| elements/Video.astro | Element | 6 Varianten |
| elements/Bild.astro | Element | 6 Varianten |
| elements/Haarlinie.astro | Element | 6 Varianten |
| elements/LogoSchutzraum.astro | Element | 6 Varianten |
| elements/Avatar.astro | Element | 6 Varianten |
| elements/TagIcon.astro | Element | 6 Varianten |
| elements/IconFeld.astro | Element | 6 Varianten |
| elements/ButtonDestruktiv.astro | Element | 6 Varianten |
| components/MetaField.astro | Komponente | Label + Wert |
| components/Cta.astro | Komponente | Slot-Pille + Button |
| components/ProofPair.astro | Komponente | Proof + Label |
| components/AsciiField.astro | Komponente | ASCII + Schleier |
| components/SectionLabel.astro | Komponente | Haarlinie, Icon, Label |
| components/LogoLockup.astro | Komponente | Platzhalter-Marke plus Wort |
| components/FeatureCard.astro | Komponente | Icon, Titel, Text, optional Link · 3 Varianten |
| components/ServiceCard.astro | Komponente | Bild oder Icon, Pfeil-Link · 3 Varianten |
| components/BlogCard.astro | Komponente | Echo-Karte · 3 Varianten |
| components/TeamCard.astro | Komponente | Foto, Name, Rolle, Links · 2 Varianten |
| components/PricingCard.astro | Komponente | Preis, Liste, CTA · 2 Varianten |
| components/BentoTile.astro | Komponente | Kachel S/M/L/Marke · 4 Varianten |
| components/CtaGruppe.astro | Komponente | 6 Varianten |
| components/Popover.astro | Komponente | 6 Varianten |
| components/Dialog.astro | Komponente | 6 Varianten |
| components/CodeBlockProse.astro | Komponente | 6 Varianten |
| components/VorherNachher.astro | Komponente | 6 Varianten |
| components/Akkordeon.astro | Komponente | 6 Varianten |
| components/CaseStudyCard.astro | Komponente | 6 Varianten |
| components/InlineCta.astro | Komponente | 6 Varianten |
| components/Zaehler.astro | Komponente | 6 Varianten |
| components/LadeZustand.astro | Komponente | 6 Varianten |
| components/Leerzustand.astro | Komponente | 6 Varianten |
| components/Lightbox.astro | Komponente | 6 Varianten |
| components/Meldung.astro | Komponente | 6 Varianten |
| components/Toast.astro | Komponente | 6 Varianten |
| components/Zustand.astro | Komponente | 6 Varianten |
| components/EmbedRahmen.astro | Komponente | 6 Varianten |
| components/UploadZone.astro | Komponente | 6 Varianten |
| components/FilterLeiste.astro | Komponente | 6 Varianten |
| components/Suchfeld.astro | Komponente | 6 Varianten |
| components/Inhaltsverzeichnis.astro | Komponente | 6 Varianten |
| components/AutorBox.astro | Komponente | 6 Varianten |
| components/Callout.astro | Komponente | 6 Varianten |
| components/ZitatBlock.astro | Komponente | 6 Varianten |
| components/Tabelle.astro | Komponente | 6 Varianten |
| components/TimelineItem.astro | Komponente | 6 Varianten |
| components/StepItem.astro | Komponente | 6 Varianten |
| components/Checkliste.astro | Komponente | 6 Varianten |
| components/MediaText.astro | Komponente | 6 Varianten |
| components/BentoTileWide.astro | Komponente | 6 Varianten |
| components/LogoCard.astro | Komponente | 6 Varianten |
| components/StatCard.astro | Komponente | 6 Varianten |
| components/TestimonialCard.astro | Komponente | 6 Varianten |
| components/ServiceCardQuer.astro | Komponente | 6 Varianten |
| components/SkipLink.astro | Komponente | 6 Varianten |
| components/Wechsel.astro | Komponente | 6 Varianten |
| components/Seitennav.astro | Komponente | 6 Varianten |
| components/Tabs.astro | Komponente | 6 Varianten |
| components/Pagination.astro | Komponente | 6 Varianten |
| components/Breadcrumb.astro | Komponente | 6 Varianten |
| components/NavLink.astro | Komponente | 6 Varianten |
| sections/Header.astro | Sektion | Site-Kopf |
| sections/Footer.astro | Sektion | Site-Fuß |
| sections/Cta.astro | Sektion | Schlussband, 5 Varianten |
| sections/TestimonialsGrid.astro | Sektion | Stimmen-Raster, 4 Varianten |
| sections/TestimonialsSlider.astro | Sektion | Stimmen-Slider, 4 Varianten |
| sections/TestimonialsFeatured.astro | Sektion | Eine Stimme, 2 Varianten |
| sections/LogoWall.astro | Sektion | Mandate, 6 Varianten |
| sections/StatsBand.astro | Sektion | Belege, 6 Varianten |
| sections/ReviewBadges.astro | Sektion | Review-Badges, 5 Varianten |
| sections/CaseHighlight.astro | Sektion | Ein Case, groß, 2 Varianten |
| sections/CaseGrid.astro | Sektion | Fälle-Raster, 2 Varianten |
| sections/FeatureZigzag.astro | Sektion | Haltung im Wechsel, 5 Varianten |
| sections/FeatureGrid.astro | Sektion | Haltung im Raster, 6 Varianten |
| sections/FeatureBento.astro | Sektion | Haltung als Mosaik, 3 Varianten |
| sections/FeatureTabs.astro | Sektion | Tab-Wechsel mit Visual, 6 Varianten |
| sections/FeatureStickyScroll.astro | Sektion | Text scrollt, Visual bleibt, 9 Varianten |
| sections/ServiceList.astro | Sektion | Leistungs-Akkordeon, 3 Varianten |
| sections/IntegrationsGrid.astro | Sektion | Anschluss-Bento, 4 Varianten |
| sections/Problem.astro | Sektion | Drei Pain-Points, 6 Varianten |
| sections/ValueProp.astro | Sektion | Drei Kernaussagen, 6 Varianten |
| sections/Vergleich.astro | Sektion | Sie gegen Wir, 6 Varianten |
| sections/Process.astro | Sektion | Vier Schritte, 5 Varianten |
| sections/Timeline.astro | Sektion | Sechs Einträge nach dem Launch, 2 Varianten |
| sections/TimelineTabs.astro | Sektion | Zeitachse als Tabs mit Autoplay, 6 Varianten |
| sections/WarumWir.astro | Sektion | Vier Argumente, 6 Varianten |
| sections/TeamGrid.astro | Sektion | Sechs Stimmen, 6 Varianten |
| sections/FilterZeile.astro | Sektion | 6 Varianten |
| sections/Blaettern.astro | Sektion | 6 Varianten |
| sections/GalerieSektion.astro | Sektion | 6 Varianten |
| sections/HeaderV2.astro | Sektion | 6 Varianten |
| sections/MobilMenue.astro | Sektion | 6 Varianten |
| sections/Karussell.astro | Sektion | 6 Varianten |
| sections/PricingTiers.astro | Sektion | 6 Varianten |
| sections/PricingVergleich.astro | Sektion | 6 Varianten |
| sections/Pakete.astro | Sektion | 6 Varianten |
| sections/TrustLeiste.astro | Sektion | 5 Varianten |
| sections/BlogTeaser.astro | Sektion | 6 Varianten |
| sections/BlogUebersicht.astro | Sektion | 6 Varianten |
| sections/ArtikelBody.astro | Sektion | 6 Varianten |
| sections/RessourcenGrid.astro | Sektion | 6 Varianten |
| sections/Faq.astro | Sektion | 6 Varianten |
| sections/VideoSection.astro | Sektion | 6 Varianten |
| sections/FinalCta.astro | Sektion | 6 Varianten |
| sections/CtaFormular.astro | Sektion | 6 Varianten |
| sections/CtaKalender.astro | Sektion | 6 Varianten |
| sections/Newsletter.astro | Sektion | 6 Varianten |
| sections/LeadMagnet.astro | Sektion | 6 Varianten |
| sections/KontaktSection.astro | Sektion | 6 Varianten |
| sections/ThankYou.astro | Sektion | 6 Varianten |
| sections/NotFound.astro | Sektion | 6 Varianten |
| sections/CookieLayer.astro | Sektion | 6 Varianten |
| sections/AnnouncementBar.astro | Sektion | 6 Varianten |
| sections/FooterV2.astro | Sektion | 6 Varianten |
| sections/StickyCta.astro | Sektion | 6 Varianten |
| sections/Galerie.astro | Sektion | 6 Varianten |
| sections/CookieConsent.astro | Sektion | 6 Varianten |
| sections/Ankuendigung.astro | Sektion | 6 Varianten |
| sections/SchrittFormular.astro | Sektion | 6 Varianten |
| sections/Kontakt.astro | Sektion | 6 Varianten |
| sections/MenuePanel.astro | Sektion | 6 Varianten |
| sections/UeberUnsTeaser.astro | Sektion | Bild und Satz, 6 Varianten |
| sections/Prose.astro | Sektion | Fließtext-Band |
| sections/Cover.astro | Sektion | Deckblatt-Fläche |
| sections/Introbar.astro | Sektion | Namensstreifen der Shell, /demo |
| sections/hero/Shell.astro | Sektion | Gemeinsame Hero-Schale |
| sections/hero/Homepage.astro | Sektion | Hero Startseite |
| sections/hero/WithButton.astro | Sektion | Hero mit CTA |
| sections/hero/TextOnly.astro | Sektion | Hero Text |
| sections/hero/Article.astro | Sektion | Hero Artikel |
| sections/hero/Minimal.astro | Sektion | Hero ein Wort |
| sections/hero/WithImage.astro | Sektion | Hero Bild |
| sections/hero/LargeNumbers.astro | Sektion | Hero Proof |
| sections/hero/CaseStudy.astro | Sektion | Hero Case |
| sections/hero/Infopages.astro | Sektion | Hero Utility |
| scripts/ascii-fabric-hero.ts | Element | Laufzeit Stoff |
| scripts/ascii-planet-horizon.ts | Element | Laufzeit Planet |
| layouts/Deckblatt.astro | Layout | Frontpage (unique) |
| layouts/SystemLayout.astro | Layout | Docs-Rahmen (unique) |
| layouts/Startseite.astro | Layout | Homepage (unique) |
| layouts/Rechtliches.astro | Layout | Seite · 2 Sektionen |
| layouts/Landingpage.astro | Layout | Seite · 8 Sektionen |
| layouts/KontaktVorlage.astro | Layout | Seite · 4 Sektionen |
| layouts/Blog.astro | Layout | Seite · 3 Sektionen |
| layouts/ArtikelVorlage.astro | Layout | Seite · 4 Sektionen |
| layouts/UeberUns.astro | Layout | Seite · 7 Sektionen |
| layouts/Pricing.astro | Layout | Seite · 8 Sektionen |
| layouts/Cases.astro | Layout | Seite · 5 Sektionen |
| layouts/CaseStudyVorlage.astro | Layout | Seite · 10 Sektionen |
| layouts/Leistungen.astro | Layout | Seite · 5 Sektionen |
| layouts/LeistungDetail.astro | Layout | Seite · 9 Sektionen |
| layouts/StartseiteV2.astro | Layout | Seite · 16 Sektionen |
| layouts/BasisStandard.astro | Layout | Hülle · 6 Sektionen |
| layouts/BasisLanding.astro | Layout | Hülle · 6 Sektionen |
| layouts/BasisContent.astro | Layout | Hülle · 6 Sektionen |
| layouts/BasisArchiv.astro | Layout | Hülle · 6 Sektionen |
| layouts/BasisDetail.astro | Layout | Hülle · 6 Sektionen |
| layouts/BasisFunnel.astro | Layout | Hülle · 6 Sektionen |
| layouts/BasisSystem.astro | Layout | Hülle · 6 Sektionen |
| layouts/Artikel.astro | Layout | Artikel (unique) |
| layouts/Referenz.astro | Layout | Kleine Referenz (unique) |
| layouts/CaseStudy.astro | Layout | Case Study (unique) |
| layouts/Infoseite.astro | Layout | Infoseite (unique) |
| layouts/Manifest.astro | Layout | Manifest (unique) |
| social/social.ts | Social | Sechs Kanäle, 23 Formate, sechs Motive, Musterdaten |
| social/Social.astro | Social | Artboard in Pixelmaß, skaliert, sichere Zone |
| content/sop-claude/ | SOP-Claude | Sechs Inhaltsseiten: Märkte, Zielgruppen, Wettbewerber, Produkte, Voice, Business Plan |
| docs/content/de/ | Content | Website-Copy: 34 Seiten, 5 globale Elemente, Felder mit IDs |
| stationery/stationery.ts | Ausstattung | Musterdaten, Farbrollen, Icons |
| stationery/Visitenkarte.astro | Ausstattung | 85 × 55 mm, 3 Richtungen |
| stationery/Flyer.astro | Ausstattung | Wickelfalz A4 quer, 6 Seiten, 3 Richtungen |
| stationery/Folien.astro | Ausstattung | 16:9, Titel · Satz · Zahl, 3 Richtungen |
| stationery/Briefpapier.astro | Ausstattung | DIN A4, DIN 5008 B, 3 Richtungen |