Web design for Rilastil

Design with a sophisticated aesthetic

The website's color palette maintains a sophisticated aesthetic that is highly consistent with Rilastil's identity. Neutral tones predominate—whites and shades of blue, combining the corporate color with softer, cleaner tones—inspiring feelings of calm, credibility, and care. These colors not only reinforce the brand's scientific dimension but also create a serene and approachable atmosphere, in line with a company specializing in dermocosmetics and skin health.

Following the brand guidelines, Helvetica is used throughout the website, a particularly fitting choice for a brand with a medical-scientific profile. This neutral and highly legible sans-serif font lends a modern, neutral, and technologically mature character. It also contributes to comfortable reading and a restrained visual presence that complements Rilastil's identity without competing with the content.

The use of large headings gives the website a powerful visual presence from the very first glance. This typographic hierarchy not only facilitates reading but also helps to structure the content clearly and directly. Large headings act as visual anchors, guiding the user from one section to another and emphasizing key messages without additional distractions.

Overlapping Compositions

One of the design's most distinctive features is the use of overlapping compositions that elegantly combine images and blocks of text. This technique adds visual dynamism without sacrificing balance or clarity. Overlays are carefully measured to allow each layer to breathe, always maintaining legibility and the visual relationship between elements.

Responsive Design, with Special Attention to Mobile

In its mobile version, the design maintains the same visual principles with adaptations that optimize typographic hierarchy and block clarity. Large headlines, generous spacing, and balanced compositions translate harmoniously to the vertical format, preserving a direct and unobtrusive reading experience. The arrangement of elements on mobile is designed to prioritize the most important information, facilitating visual navigation even on small screens.