Build the Wolfskin Home feed

wolfskin-design/tokens.css

@@ -172,4 +172,57 @@
   --shell-panelHeadingGap: 14.0px;
   --shell-panelIcon: 36.0px;
   --shell-skeletonRadius: 10.0px;
+  --home-kickerGap: 12.0px;
+  --home-kickerBottom: 10.0px;
+  --home-titleBottom: 16.0px;
+  --home-factsHeight: 38.0px;
+  --home-factsBottom: 14.0px;
+  --home-factsGap: 22.0px;
+  --home-overviewBottom: 30.0px;
+  --home-cardPadding: 22.0px;
+  --home-cardOverlayTop: 54.0px;
+  --home-cardOverlayBottom: 18.0px;
+  --home-sectionTop: 40.0px;
+  --home-sectionAvatar: 56.0px;
+  --home-sectionGap: 22.0px;
+  --home-stateTextBottom: 24.0px;
+  --home-stateTop: 20.0px;
+  --home-statePaddingX: 40.0px;
+  --home-statePaddingY: 34.0px;
+  --home-stateGap: 8.0px;
+  --home-stateIcon: 36.0px;
+  --home-captionWidth: 640.0px;
+  --home-plateTop: 14.0px;
+  --home-plateSide: 16.0px;
+  --home-plateFade: 46.0px;
+  --home-ratingGap: 20.0px;
+  --home-ratingMarkGap: 8.0px;
+  --home-heroSkeletonWidth: 640.0px;
+  --home-heroSkeletonHeight: 84.0px;
+  --home-heroSkeletonFactsWidth: 460.0px;
+  --home-heroSkeletonFactsHeight: 34.0px;
+  --home-heroSkeletonButtonWidth: 260.0px;
+  --home-heroSkeletonGap: 22.0px;
+  --home-heroSkeletonButtonGap: 40.0px;
+  --home-artGlyph: 44.0px;
+  --home-cardSheetLeft: 22.0px;
+  --home-cardSheetTop: 18.0px;
+  --home-cardSheetInset: 36.0px;
+  --home-heroSheetRight: 180.0px;
+  --home-heroSheetTop: 150.0px;
+  --home-cardBlur: 26.0px;
+  --home-heroBlur: 60.0px;
+  --home-progressInset: 18.0px;
+  --home-progressBottom: 10.0px;
+  --home-endTop: 40.0px;
+  --home-frameBottom: 80.0px;
+  --home-seeAllGap: 8.0px;
+  --home-seeAllIcon: 48.0px;
+  --home-toastPadding: 28.0px;
+  --home-toastTop: 150.0px;
+  --home-toastWidth: 760.0px;
+  --home-cardWashInset: 30.0px;
+  --home-heroWashInset: 80.0px;
+  --home-noteTop: 14.0px;
+  --home-noteGap: 16.0px;
 }