\DESIGNSORCERY>_

KALO - Ihr Partner für die smarte Energiewende

Video · Light

Design System Inspiration

Kalo.de — extracted via DESIGN.md

Real Estate · Energy management

corporate dark-theme clean typographic elegant vibrant sticky navigation scroll-triggered animations split-screen hero card-based layout

Typography

Rubik

Heading

Aa Aa Aa Aa

Color palette

TL;DR

Kalo.de utilizes a professional, energy-sector palette dominated by a deep teal foundation `#004a5a` and a vibrant sky blue `#4fbeef` for primary interactions. The system relies on the **Rubik** sans-serif family, maintaining a clean, accessible aesthetic with generous vertical spacing (32px units) and a mix of sharp and rounded geometries. Primary CTAs are distinctive 24px rounded pills in sky blue, while content containers use a softer 8px radius. The visual language is punctuated by mint green `#64dca0` used for secondary highlights and iconography, creating a "clean energy" atmosphere.

Target audience

The target audience is property managers and owners of multi-party residential buildings seeking smart, sustainable energy and cost-saving solutions.

Full tech stack

Etracker Google Tag Manager jQuery Modernizr PHP TYPO3 CMS Usercentrics

Analytics

Google Tag Manager Etracker

Meta description

Wir verbinden Heizkostenabrechnung mit digitalen Lösungen, um Kosten und CO₂ in Wohnimmobilien nachhaltig zu senken.

Brand Voice

A professional and forward-thinking partner that balances technical compliance with accessible, climate-conscious innovation.

Positioning

Kalo is a nationwide service partner for the housing industry, providing digital solutions for energy management, heating cost billing, and smart building technology. It positions itself as a bridge between legal requirements (compliance) and the future of sustainable living.

Voice principles

  • Competent and Compliant: Uses precise terminology to reassure property owners that services are legally sound and quality-assured.
  • Empowering: Focuses on the benefits of "smart" and "digital" tools to give users control and clarity over their data.
  • Approachable and Human: Softens technical topics with references to "home," "family," and "comfort," avoiding an overly cold or industrial feel.
  • Future-Oriented: Emphasizes progress and innovation through terms like "tomorrow's world," "vordenken" (forward-thinking), and "smart."

More SaaS Designs

← Back to Gallery