Lebende Übersicht der Design-Parity zwischen dem SOLCOM-Figma-File (SOLCOM — Design System — Layouts) und der tatsächlichen Drupal-Implementation. Wird mit jedem Component-Build / Refactor durch den Agent solcom-design-scanner aktualisiert. Figma-File: SOLCOM — Design System — Layouts
Notes füllen.Figma-Node-ID im 123:456-Format ist Pflicht für mcp__claude_ai_Figma__get_design_context-Calls.search_design_system liefert die API nur componentKeys — diese tragen wir als componentKey:<key> ein.node-id=<int>-<int>).(unbekannt) / <Frame-Name>.61877:9479
byte_theme/dividerDrei Varianten: headline-left (Frame 61447:26209), headline-center (61447:26187), accent-line (61447:26212). Canvas-Block-Type sdc.byte_theme.divider mit Variant-Dropdown. Brand-Token --brand-dark-blue-75 für Overlay. ADR-0003.
61121:29864
byte_theme/button + byte_theme/linkComponent-Section enthält Button (4 States × 2 BG = 8 Varianten) und Link (5 States × 2 BG = 10 Varianten). States: default, hover, focus, disabled (Button) plus zusätzlich „Clicked" (Link). BG-Colors: Dark, Light. Variants über CVA abdecken.
componentKey:6be15a56
byte_theme/badge5 SOLCOM-Varianten implementiert: lime, dark, disabled, lined, matching. CVA mit var(--brand-*)-Tokens. Legacy-Werte (primary, secondary, pill) via Twig-Whitelist-Fallback auf lime gemappt. Matching-Substruktur (Lime-Kreis + Kürzel + Prozent) über neue Props abbreviation und percentage gesteuert. PRD: docs/prds/2026-05-19-badge-sdc-solcom-varianten-prd.html.
1019-78888
canvas.content_template → node.project_offer.fullFigma-Frame 1019-78888: Komposition aus bubble-profile, card-meta-list, meta-row, button, Cross-Sell-Slot, Sticky-CTA-Bar. Mapping-Ziel: config/sync/canvas.content_template.node.project_offer.full.yml (existiert; Slice 1 rename, P2503-140). Status partial: Canvas-Template + PPP-Cross-Sell-Block-Plugin committed; visuelle Brand-Compliance gegen Figma-Frame steht aus (solcom-figma-reviewer). ADR-0031.
985-50077
canvas.content_template → node.project_offer.card + views.view.project_offers_listingFigma-Frame 985-50077: prop-driven Card-Variante mit card-meta-list. Mapping-Ziel: config/sync/canvas.content_template.node.project_offer.card.yml + config/sync/views.view.project_offers_listing.yml (page_listing-Display unter /projektportal, BEF-Filter). Beide Configs in config/sync committed. Status partial: Card-Komposition committed, visuelle Brand-Compliance gegen Figma-Frame steht aus. Card ist Variante von byte_theme/card (ADR-0009), kein eigenes SDC. ADR-0031.
componentKey:754ab860
byte_theme/accordionSDC im Code, Figma-Component-Key 754ab860 — Visual-Compliance via solcom-figma-reviewer offen. Node-ID-Resolution fehlgeschlagen am 2026-05-04 — APIs liefern componentKey-only.
componentKey:fc66aa34
byte_theme/accordionBody-Sub-Komponente aus der Accordion-Familie. Visual-Compliance via solcom-figma-reviewer offen. Node-ID-Resolution fehlgeschlagen am 2026-05-04.
componentKey:36a61669
byte_theme/accordionButton-States-Sub-Komponente aus der Accordion-Familie. Visual-Compliance offen. Node-ID-Resolution fehlgeschlagen am 2026-05-04.
componentKey:8fe38770
byte_theme/accordion-containerSDC im Code (accordion-container kapselt mehrere Accordions), Figma-Component-Key 8fe38770 — Visual-Compliance offen. Node-ID-Resolution fehlgeschlagen.
componentKey:30a40c42
byte_theme/accordionBlock-Wrapper-Sub-Komponente aus der Accordion-Familie. Visual-Compliance offen. Node-ID-Resolution fehlgeschlagen.
componentKey:633d3af3
byte_theme/headingSDC im Code, Figma-Component-Key 633d3af3 — Visual-Compliance offen. Node-ID-Resolution fehlgeschlagen.
componentKey:44ffb1c1
byte_theme/buttonSDC im Code, Figma-Component-Key 44ffb1c1 — Visual-Compliance offen. Node-ID-Resolution fehlgeschlagen.
componentKey:cd8f7b40
byte_theme/cardSingle-Frame-Variante. Visual-Compliance offen. Node-ID-Resolution fehlgeschlagen.
componentKey:4f26d096
byte_theme/cardComponent-Set-Variante. Visual-Compliance offen. Node-ID-Resolution fehlgeschlagen.
componentKey:55ba9f96
byte_theme/ctaSDC im Code (dir-Name cta, Display-Name „Hero CTA" — Naming-Divergenz bekannt), Figma-Component-Key 55ba9f96 — Visual-Compliance offen.
componentKey:8c69345f
byte_theme/accordionFAQ-Variante der Accordion-Familie im Figma — ob das SDC diese Variante vollständig abdeckt, ist via solcom-figma-reviewer zu klären.
componentKey:5b2eff93
byte_theme/card-featureRe-Search-Treffer am 2026-05-04 mit Query Feature: „Features" (component_set, 5b2eff93) in SOLCOM Component Library gefunden. ADR-0017, Canvas-Wrapper-Pattern. Visual-Compliance offen.
componentKey:9167b5c4
byte_theme/footerSDC im Code, Figma-Component-Key 9167b5c4 — Visual-Compliance offen. Node-ID-Resolution fehlgeschlagen.
componentKey:e9278165
byte_theme/imageSDC im Code, Figma-Component-Key e9278165 — Visual-Compliance offen. Node-ID-Resolution fehlgeschlagen.
componentKey:8b81c04c
byte_theme/anchorRe-Search-Treffer am 2026-05-04 mit Query Link: „link" (component, 8b81c04c) gefunden. Auch „Link " (component_set, 68f3797b) gefunden — könnte eigene Zeile rechtfertigen. Visual-Compliance offen.
componentKey:274991e0
byte_theme/navbarFigma-Frame „Nav link" trifft das navbar-SDC nur annähernd — Nav-Link könnte ein Sub-Element sein. Visual-Compliance und Topologie-Frage offen.
componentKey:71aeb104
byte_theme/card-bubble-profileRe-Search-Treffer am 2026-05-04 mit Query Profile: „profile-card" (component, Variante A, 71aeb104) gefunden. Canvas-Wrapper-Pattern (ADR-0009). Visual-Compliance offen.
componentKey:b0b79953
byte_theme/card-bubble-profile-no-buttonRe-Search-Treffer am 2026-05-04 mit Query Profile: „profile-card" (component, Variante B, b0b79953) gefunden. Canvas-Wrapper-Pattern (ADR-0009). Visual-Compliance offen.
componentKey:a6b4a3f8
byte_theme/blockquoteRe-Search-Treffer am 2026-05-04 mit Query Quote: „quote" (component, a6b4a3f8) gefunden. Zweiter quote-Treffer 7544e6c2 — könnte eigene Zeile rechtfertigen. Visual-Compliance offen.
componentKey:980fee34
byte_theme/videoSDC im Code, Figma-Component-Key 980fee34 — Visual-Compliance offen. Node-ID-Resolution fehlgeschlagen.
componentKey:eb1f3538
byte_theme/videoVideo-Image-Overlay-Variante im Figma — möglicherweise als Erweiterung des video-SDC abzudecken. Visual-Compliance offen.
61148:47024
byte_theme/navbarOuter Components-Frame der Nav-Familie. Scope auf Darkmode (blue BG) beschränkt — Light-Variants out of scope. Sub-Frames: Navigation >1280, Nav item, Navigation <1280, Navigation - Mobile, Nav item - Menu, Nav- Menu-Mobile, Mobile Nav - Prototyp. SDC byte_theme/navbar ist bereits im Code, Visual-Compliance gegen Dark-Variants offen.
componentKey:1857503b
byte_theme/hero-blogRe-Search-Treffer am 2026-05-04 mit Query Blog. Ob hero-blog und dieser Frame plus „Blog card" (3de36a65) dasselbe Konzept abdecken, ist unklar — Reviewer-Verdict vor Status-Upgrade nötig.
componentKey:3de36a65
Blog-Card-Frame im Figma; Code hat hero-blog-SDC — Beziehung unklar (eigene Card-Variante oder Hero?), Reviewer-Verdict offen. Node-ID-Resolution fehlgeschlagen.
componentKey:01a122a3
Layout-Variante (1-spaltig, horizontal) — kein eigener SDC; möglicherweise via byte_theme/section mit columns-Prop realisierbar. Architektur-Entscheidung offen.
componentKey:b53fdacb
Layout-Variante (2-spaltig, vertikal) — kein eigener SDC; möglicherweise via byte_theme/section mit columns-Prop realisierbar. Architektur-Entscheidung offen.
componentKey:e0cf2085
Layout-Variante (3-spaltig, vertikal) — kein eigener SDC; möglicherweise via byte_theme/section realisierbar. Architektur-Entscheidung offen.
componentKey:e95846de
Kein Form-SDC im Code — Formular-Komponente fehlt vollständig. Greenfield-Build oder Drupal-Core-Forms-Integration klären.
componentKey:60063a28
Input-Variante des Formular-Frames — kein SDC im Code. Siehe auch Formular-Zeile.
componentKey:4dd0795a
Kontakt-Formular Desktop-Variante — kein SDC im Code. Siehe auch Formular-Zeile.
componentKey:5c672ef7
Phone-Formular-Variante — kein SDC im Code. Siehe auch Formular-Zeile.
61544:31529
Form-Dropdown aus Section Components (61544:32395). 8 Varianten: Default, Hover, Open-Single, Clicked, Variante8, Selected, Disabled, Error. Kein SDC im Code — Greenfield-Build. Sub-Komponenten Dropdown/List-Item V1 (61544:31941) und V2 (61666:35244) bleiben Sub-Elemente der Dropdown-SDC.
61544:28943
Form-Inputfield aus Section Components (61544:32395). 6 States: Default, Hover, Typing, Filled, Disabled, Standard. Kein SDC im Code — Greenfield-Build. States via CVA-Variants in der SDC.
61544:31294
Form-Textarea aus Section Components (61544:32395). 6 States: Default, Hover, Typing, Filled, Disabled, Error. Kein SDC im Code — Greenfield-Build. States via CVA-Variants in der SDC.
61544:32513
Form-Upload-Field aus Section Components (61544:32395). 3 States (Desktop): Default, Disabled, Error. Kein SDC im Code — Greenfield-Build.
985-50024
Page-Komposition Desktop 1280, Route /projektpartnerportal (Drupal-View views.view.project_offers_listing, Display page_listing). 6 Sektionen: (1) Navbar → byte_theme/navbar matched; (2) Result-Counter → kein SDC, gap; (3) Filter-Sidebar (Search-Input, Dropdowns, Checkbox-Gruppe, Laufzeit-Buckets) → BEF-Form, kein SDC, partial — BEF-Widget-Override + Custom-BEF-Plugin geplant; (4) Project-Card → bestehende Card-Variante unzureichend (Matching-Rate, Lime-CTA), partial; (5) Watchlist-Bar → byte_theme/watchlist-bar bottom-sticky Progress-Bar, strukturell verschieden von Figma top-sticky Off-Canvas, gap; (6) Pagination → kein SDC, gap. Gesamt-Status gap (4 von 6 Sektionen gap/partial). Customer-Lens-Verdict B-Hybrid (Canvas-Page-Chassis + BEF intern beibehalten, 2026-05-16). Plan-Ref: docs/plans/ (Projektpartnerportal-Listing-Figma-Alignment). ADR-Ref: ADR-0031.
—
byte_theme/bubble-card-frameRe-Search am 2026-05-04 mit Queries Bubble, Bubble Card, Frame erfolglos — kein SOLCOM-Library-Treffer. Frame existiert vermutlich nicht eigenständig im Figma-File.
—
byte_theme/button-anchorRe-Search am 2026-05-04 erfolglos — kein eindeutiger SOLCOM-Library-Treffer. Frame existiert vermutlich nicht eigenständig im Figma-File.
—
byte_theme/button-badgeRe-Search am 2026-05-04 erfolglos — „Badge" (component_set, 6be15a56) ist bereits als eigenständige Badge-Zeile im Mapping. Frame existiert vermutlich nicht eigenständig.
—
byte_theme/button-linkRe-Search am 2026-05-04 erfolglos für expliziten Button-Link-Frame. Frame existiert vermutlich nicht eigenständig.
—
byte_theme/card-meta-listRe-Search am 2026-05-04 erfolglos — kein SOLCOM-Library-Treffer. Frame existiert vermutlich nicht eigenständig.
—
byte_theme/groupRe-Search am 2026-05-04 erfolglos — kein SOLCOM-Library-Treffer. Frame existiert vermutlich nicht eigenständig.
—
byte_theme/hero-billboardRe-Search am 2026-05-04 erfolglos — kein SOLCOM-Library-Treffer. Frame existiert vermutlich nicht eigenständig oder unter anderem Namen.
—
byte_theme/hero-blogKandidaten-Frames gefunden: „Blog" (1857503b) + „Blog card" (3de36a65) — ob hero-blog und diese Frames dasselbe Konzept abdecken, ist unklar. Reviewer-Verdict vor Mapping-Zusammenführung nötig.
—
byte_theme/hero-side-by-sideRe-Search am 2026-05-04 erfolglos — kein SOLCOM-Library-Treffer. Frame existiert vermutlich nicht eigenständig.
—
byte_theme/iconSDC im Code — bewusst nicht re-searched (nur Sub-Einbettung, kein eigenständiger Frame vermutet).
—
byte_theme/meta-rowRe-Search am 2026-05-04 erfolglos — kein SOLCOM-Library-Treffer. Frame existiert vermutlich nicht eigenständig.
—
byte_theme/sectionRe-Search am 2026-05-04 erfolglos — kein SOLCOM-Library-Treffer. Frame existiert vermutlich nicht eigenständig.
—
byte_theme/sticky-apply-barRe-Search am 2026-05-04 erfolglos — kein SOLCOM-Library-Treffer. Frame existiert vermutlich nicht eigenständig.
—
byte_theme/textSDC im Code — bewusst nicht re-searched (nur Sub-Einbettung, kein eigenständiger Frame vermutet).
61447:26224
byte_theme/big-numbers + byte_theme/big-number-item)Animierte Kennzahlen-Komponente. Container+Item-Split (big-numbers Canvas-Block-Type + big-number-item Slot-Child). Variante: columns 3/4/5 (auto aus Item-Anzahl). P2503-173 — Story-Hub: P2503-173-big-numbers.html.
(SDC-only)-Karten sortieren nach allen Figma-Frame-Karten.gap → partial → matched, matched → partial (Regression), matched → obsolete (Figma-Side gelöscht).Last verified aktualisieren, wenn der Scanner die Karte angefasst hat — auch wenn sich am Status nichts geändert hat.solcom-design-scanner (außer manueller User-Edit).matched ↔ partial: solcom-figma-reviewer (visueller Compliance-Vergleich). Der Scanner übernimmt das Verdict, beurteilt aber nicht selbst.simplify, Style-Reviewer) editieren diese Datei nicht.