Wallpaper Backgrounds

Regenfass backgrounds now use a repeating Tabler raindrop wallpaper pattern. The goal is simple: make brand surfaces feel recognisable at a glance without stealing focus from portraits, logos, or copy.

These assets are designed for cover-style usage in avatars, hero sections, social graphics, and branded UI surfaces. Every variant keeps the same repeating pattern system, while the base color shifts to one of the main brand colors.

Official guidance lives in `guidelines/BACKGROUND_USAGE.md` .

Main Color Variants

All primary wallpaper assets share the same repeated raindrop tile and only differ in color mood.

Dark blue raindrop wallpaper preview

Dark Blue

Default wallpaper for core brand surfaces

Asset: assets/backgrounds/5.svg
HEX: #0B2649
Best for: avatars, headers, dark-brand canvases
Green raindrop wallpaper preview

Green

Accent wallpaper for energetic highlights

Asset: assets/backgrounds/5-green.svg
HEX: #22C55E
Best for: campaigns, CTA-heavy visuals, promo slides
Turquoise raindrop wallpaper preview

Turquoise

Fresh wallpaper for tech and innovation contexts

Asset: assets/backgrounds/5-turquoise.svg
HEX: #00BCD4
Best for: product storytelling, platform pages, modern UI headers

Usage Principles

Keep the pattern recognisable, but let the content stay in charge.

Do

  • Use one wallpaper color per asset or section.
  • Place logos and text on top with enough breathing room.
  • Prefer the dark blue wallpaper for default branded surfaces.
  • Export raster assets from the official SVG source files.

Avoid

  • Stretching the wallpaper non-proportionally.
  • Stacking multiple wallpaper colors in one small component.
  • Putting dense body copy directly on the texture.
  • Adding extra drop shadows, bevels, or random recolors.

Recommended Applications

These wallpaper assets are made for recurring brand surfaces, not for one-off decorative chaos.

Avatars Hero sections LinkedIn graphics README headers Presentation covers Product landing sections

Quick Reference

Default asset path

assets/backgrounds/5.svg

Guideline file

guidelines/BACKGROUND_USAGE.md

Pattern style

Repeating Tabler raindrops arranged like wallpaper.

Primary palette

Dark Blue, Green, Turquoise