Pattern
Decorative brand artwork at its original ratio, behind a content section, and cropped into banners in light and dark themes.
Available components
Fluid brand artwork
Original ratio (light)
%22%3E%0A%3Crect%20width%3D%221280%22%20height%3D%22579%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%221280%22%20height%3D%22579%22%20fill%3D%22url(%23paint0_linear_40000481_202)%22%2F%3E%0A%3Cg%20clip-path%3D%22url(%23clip1_40000481_202)%22%3E%0A%3Cmask%20id%3D%22mask0_40000481_202%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%22-33%22%20width%3D%221281%22%20height%3D%22721%22%3E%0A%3Cpath%20d%3D%22M1281%20-33H0V687.562H1281V-33Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23mask0_40000481_202)%22%3E%0A%3Cpath%20d%3D%22M135.317%20-194.265L-606.975%20690.364L-418.789%20848.271L323.503%20-36.3581L135.317%20-194.265Z%22%20fill%3D%22url(%23paint1_linear_40000481_202)%22%2F%3E%0A%3Cpath%20d%3D%22M455.638%20-194.348L-286.655%20690.281L-98.4685%20848.188L643.824%20-36.4416L455.638%20-194.348Z%22%20fill%3D%22url(%23paint2_linear_40000481_202)%22%2F%3E%0A%3Cpath%20d%3D%22M775.958%20-194.432L33.6656%20690.197L221.852%20848.104L964.144%20-36.5251L775.958%20-194.432Z%22%20fill%3D%22url(%23paint3_linear_40000481_202)%22%2F%3E%0A%3Cpath%20d%3D%22M1096.28%20-194.515L353.986%20690.114L542.172%20848.021L1284.46%20-36.6084L1096.28%20-194.515Z%22%20fill%3D%22url(%23paint4_linear_40000481_202)%22%2F%3E%0A%3Cpath%20d%3D%22M1416.6%20-194.599L674.306%20690.031L862.492%20847.937L1604.78%20-36.6919L1416.6%20-194.599Z%22%20fill%3D%22url(%23paint5_linear_40000481_202)%22%2F%3E%0A%3Cpath%20d%3D%22M1736.92%20-194.682L994.626%20689.947L1182.81%20847.854L1925.1%20-36.7753L1736.92%20-194.682Z%22%20fill%3D%22url(%23paint6_linear_40000481_202)%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_40000481_202%22%20x1%3D%22820.513%22%20y1%3D%22579%22%20x2%3D%22820.513%22%20y2%3D%221.15311e-05%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3Cstop%20offset%3D%220.298077%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.7%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F79876%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint1_linear_40000481_202%22%20x1%3D%22-141.736%22%20y1%3D%22-309.688%22%20x2%3D%22-141.736%22%20y2%3D%22848.05%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint2_linear_40000481_202%22%20x1%3D%22178.585%22%20y1%3D%22-113.147%22%20x2%3D%22178.584%22%20y2%3D%22706.892%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint3_linear_40000481_202%22%20x1%3D%22498.905%22%20y1%3D%22-269.788%22%20x2%3D%22498.905%22%20y2%3D%22996.266%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint4_linear_40000481_202%22%20x1%3D%22819.225%22%20y1%3D%22-214.345%22%20x2%3D%22819.225%22%20y2%3D%22853.932%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint5_linear_40000481_202%22%20x1%3D%221139.54%22%20y1%3D%22-310.021%22%20x2%3D%221139.55%22%20y2%3D%22847.717%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint6_linear_40000481_202%22%20x1%3D%221459.87%22%20y1%3D%22-113.481%22%20x2%3D%221459.87%22%20y2%3D%22706.559%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_40000481_202%22%3E%0A%3Crect%20width%3D%221280%22%20height%3D%22579%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3CclipPath%20id%3D%22clip1_40000481_202%22%3E%0A%3Crect%20width%3D%221281%22%20height%3D%22720.562%22%20fill%3D%22white%22%20transform%3D%22translate(0%20-33)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A)
Original ratio (dark)
%22%3E%0A%3Crect%20width%3D%221280%22%20height%3D%22579%22%20fill%3D%22white%22%2F%3E%0A%3Crect%20width%3D%221280%22%20height%3D%22579%22%20fill%3D%22url(%23paint0_linear_40000481_202)%22%2F%3E%0A%3Cg%20clip-path%3D%22url(%23clip1_40000481_202)%22%3E%0A%3Cmask%20id%3D%22mask0_40000481_202%22%20style%3D%22mask-type%3Aluminance%22%20maskUnits%3D%22userSpaceOnUse%22%20x%3D%220%22%20y%3D%22-33%22%20width%3D%221281%22%20height%3D%22721%22%3E%0A%3Cpath%20d%3D%22M1281%20-33H0V687.562H1281V-33Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fmask%3E%0A%3Cg%20mask%3D%22url(%23mask0_40000481_202)%22%3E%0A%3Cpath%20d%3D%22M135.317%20-194.265L-606.975%20690.364L-418.789%20848.271L323.503%20-36.3581L135.317%20-194.265Z%22%20fill%3D%22url(%23paint1_linear_40000481_202)%22%2F%3E%0A%3Cpath%20d%3D%22M455.638%20-194.348L-286.655%20690.281L-98.4685%20848.188L643.824%20-36.4416L455.638%20-194.348Z%22%20fill%3D%22url(%23paint2_linear_40000481_202)%22%2F%3E%0A%3Cpath%20d%3D%22M775.958%20-194.432L33.6656%20690.197L221.852%20848.104L964.144%20-36.5251L775.958%20-194.432Z%22%20fill%3D%22url(%23paint3_linear_40000481_202)%22%2F%3E%0A%3Cpath%20d%3D%22M1096.28%20-194.515L353.986%20690.114L542.172%20848.021L1284.46%20-36.6084L1096.28%20-194.515Z%22%20fill%3D%22url(%23paint4_linear_40000481_202)%22%2F%3E%0A%3Cpath%20d%3D%22M1416.6%20-194.599L674.306%20690.031L862.492%20847.937L1604.78%20-36.6919L1416.6%20-194.599Z%22%20fill%3D%22url(%23paint5_linear_40000481_202)%22%2F%3E%0A%3Cpath%20d%3D%22M1736.92%20-194.682L994.626%20689.947L1182.81%20847.854L1925.1%20-36.7753L1736.92%20-194.682Z%22%20fill%3D%22url(%23paint6_linear_40000481_202)%22%2F%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id%3D%22paint0_linear_40000481_202%22%20x1%3D%22820.513%22%20y1%3D%22579%22%20x2%3D%22820.513%22%20y2%3D%221.15311e-05%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3Cstop%20offset%3D%220.298077%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.7%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F79876%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint1_linear_40000481_202%22%20x1%3D%22-141.736%22%20y1%3D%22-309.688%22%20x2%3D%22-141.736%22%20y2%3D%22848.05%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint2_linear_40000481_202%22%20x1%3D%22178.585%22%20y1%3D%22-113.147%22%20x2%3D%22178.584%22%20y2%3D%22706.892%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint3_linear_40000481_202%22%20x1%3D%22498.905%22%20y1%3D%22-269.788%22%20x2%3D%22498.905%22%20y2%3D%22996.266%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint4_linear_40000481_202%22%20x1%3D%22819.225%22%20y1%3D%22-214.345%22%20x2%3D%22819.225%22%20y2%3D%22853.932%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint5_linear_40000481_202%22%20x1%3D%221139.54%22%20y1%3D%22-310.021%22%20x2%3D%221139.55%22%20y2%3D%22847.717%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3ClinearGradient%20id%3D%22paint6_linear_40000481_202%22%20x1%3D%221459.87%22%20y1%3D%22-113.481%22%20x2%3D%221459.87%22%20y2%3D%22706.559%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color%3D%22%23FF9673%22%2F%3E%0A%3Cstop%20offset%3D%220.35%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%220.65%22%20stop-color%3D%22%23FF4100%22%2F%3E%0A%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E1001E%22%2F%3E%0A%3C%2FlinearGradient%3E%0A%3CclipPath%20id%3D%22clip0_40000481_202%22%3E%0A%3Crect%20width%3D%221280%22%20height%3D%22579%22%20fill%3D%22white%22%2F%3E%0A%3C%2FclipPath%3E%0A%3CclipPath%20id%3D%22clip1_40000481_202%22%3E%0A%3Crect%20width%3D%221281%22%20height%3D%22720.562%22%20fill%3D%22white%22%20transform%3D%22translate(0%20-33)%22%2F%3E%0A%3C%2FclipPath%3E%0A%3C%2Fdefs%3E%0A%3C%2Fsvg%3E%0A)
Content section over a pattern background
Section on pattern (light)
Gemeinsam finden wir die passende Lösung für Ihr Vorhaben. Unser Team begleitet Sie von der ersten Idee bis zur Umsetzung.
Persönliche Beratung
In Ihrer Region
Raum für Ihre Fragen
Direkt erreichbar
Kontakt per E-Mail
Kontakt
Kontakt
Section on pattern (dark)
Gemeinsam finden wir die passende Lösung für Ihr Vorhaben. Unser Team begleitet Sie von der ersten Idee bis zur Umsetzung.
Persönliche Beratung
In Ihrer Region
Raum für Ihre Fragen
Direkt erreichbar
Kontakt per E-Mail
Kontakt
Kontakt
Cropped section banner
Fixed height (light)
Gemeinsam gestalten wir eine lebenswerte Zukunft.
Fixed height (dark)
Gemeinsam gestalten wir eine lebenswerte Zukunft.