diff --git a/patterns/company-card.html b/patterns/company-card.html index 6cdf5ba..cf29d27 100644 --- a/patterns/company-card.html +++ b/patterns/company-card.html @@ -49,18 +49,18 @@ PE: 28.8 - PE forw.: 23.3 + PE forw.: 23.3 - PEG: 3.54 + PEG: 3.54
-

Fundamentalanalyse vom 8.5.2026:

-
+

Fundamentalanalyse vom 8.5.2026:

+

Marktbewertung:

@@ -90,10 +90,10 @@
-

- Moat: Maessig +

+ Moat: Maessig

-

+

Attraktiv: Exzellente Profitabilität und starkes Wachstum jenseits des Flaggschiffs. Wichtigstes Risiko ist die hohe Abhängigkeit von einem Produkt mit nahendem Patentablauf.

diff --git a/semantic-tokens-layouts.html b/semantic-tokens-layouts.html index 7d31c6c..5a3a781 100644 --- a/semantic-tokens-layouts.html +++ b/semantic-tokens-layouts.html @@ -28,6 +28,7 @@ layout-object-card-desktop-breakpointdimension-object-card-desktop-breakpointBreakpoint, ab dem die Desktop-Maße der Object Card aktiv sind. layout-object-card-content-growdimension-object-card-content-growFlex-Grow-Wert für das vorletzte Segment der Object Card. layout-object-card-shared-widthautoGeteilte Laufzeitbreite für gekoppelte Object-Card-Instanzen. + layout-company-card-analysis-gap-after-moatspacing-largeVertikaler Abstand zwischen Moat-Zeile und Analyse-Zusammenfassung in der Company Card. layout-content-cards-group-gapspacing-smallAbstand zwischen Inhaltsblock-Karten innerhalb der Gruppe. layout-card-list-drawer-widthdimension-card-list-drawer-widthBreite des ausziehbaren Card-Listenbereichs relativ zum Container. diff --git a/semantic-tokens-patterns.html b/semantic-tokens-patterns.html index 67099bc..c75e0a4 100644 --- a/semantic-tokens-patterns.html +++ b/semantic-tokens-patterns.html @@ -47,6 +47,12 @@ surface-object-card-lower-segmentcolor-whiteHintergrundfläche der unteren zwei Segmente der Object Card. +

Company Card

+ + + +
Semantischer TokenVerwendeter Foundation-TokenBeschreibung Verwendungszweck im Pattern
text-company-card-data-negativechart-value-negativeTextfarbe für negative Kennzahlenwerte im Data-Columns-Segment der Company Card.
text-company-card-moat-neutralchart-value-neutralTextfarbe für die neutrale Moat-Ausprägung im Analyse-Segment der Company Card.
+

Navigation Card

diff --git a/styleguide.css b/styleguide.css index ca0a3c3..b19a8b6 100644 --- a/styleguide.css +++ b/styleguide.css @@ -165,6 +165,9 @@ --layout-object-card-mobile-height: var(--dimension-object-card-mobile-height); --layout-object-card-desktop-breakpoint: var(--dimension-object-card-desktop-breakpoint); --surface-object-card-lower-segment: var(--color-white); + --text-company-card-data-negative: var(--chart-value-negative); + --text-company-card-moat-neutral: var(--chart-value-neutral); + --layout-company-card-analysis-gap-after-moat: var(--spacing-large); --surface-navigation-card: var(--color-white); --surface-navigation-card-body: var(--color-white); --surface-content-block-card-title: var(--color-light-grey); @@ -1807,6 +1810,30 @@ section + section { color: var(--color-font-light); } +.sg-company-card__metric-negative { + color: var(--text-company-card-data-negative); +} + +.sg-company-card__analysis-title { + margin: 0; +} + +.sg-company-card__analysis-bars { + margin-top: 0; +} + +.sg-company-card__moat { + margin: 0; +} + +.sg-company-card__moat-neutral { + color: var(--text-company-card-moat-neutral); +} + +.sg-company-card__summary { + margin: var(--layout-company-card-analysis-gap-after-moat) 0 0 0; +} + /* ========================================================= */ /* Patterns: Navigation Card */ /* ========================================================= */
Semantischer TokenVerwendeter Foundation-TokenBeschreibung Verwendungszweck im Pattern
surface-navigation-cardcolor-whiteGrundfläche der Navigation Card.