Jít zpátky

Web-Design

Vizuální styl, který stavíme pro Kouty, není jen „design webu“. Je to jednotný jazyk celého ekosystému — bude se prolínat napříč webem Kouty, Helia B2C, Helia B2B i dalšími platformami. V každé části se jen upraví poměr mezi seriózností a kreativitou: Kouty jsou více zážitkové a atmosférické, Helia je přesnější a funkčnější. Základ ale zůstává stejný — jasný, moderní systém, který je okamžitě rozpoznatelný.

Prohlédnout

Designová myšlenka

Designová myšlenka webu Kouty stojí na jednoduchém kontrastu: zážitek v pozadí, informace v popředí. Vizuál pracuje s průhlednými vrstvami, které se „vznášejí“ nad dynamickým videem a nechávají atmosféru hor přirozeně proudit skrz obsah. Barevné přechody a jemné overlaye propojují video s UI do jednoho seamless celku — takže web nepůsobí jako katalog, ale jako vstup do místa. Výsledkem je prémiový, moderní dojem, který vtahuje emocí, ale zároveň drží přehled, čitelnost a jasnou cestu k akci.

30 cm

4/4

5,2 c

Info

Obsahové Boxy

Základ vizuálu tvoří jednotný systém „glass“ kontejnerů: průhledné, jemně rozmazané plochy, které zajišťují čitelnost nad videem, fotkou i barevným přechodem. Kontejnery mají vždy jasnou geometrii, lehké ohraničení a měkký stín – působí „vznášivě“, ale stabilně.

Work Sans, Black, 22px

Podnadpis - Work Sans, Medium, 14px, 90% opacita

Specifikace kontejnerů (core):

Radius (kontejnery): 20px
Radius (vnitřní prvky): adekvátně menší než 20px (dle velikosti prvku)
Glass background: Morning Mist #F0F0F0 @ 4% opacity
Blur (glass): 10%
Border: 1px, #FFFFFF @ 20% opacity
Shadow: pod objektem, barva #000000 @ 20% opacity, blur 20%

Typografie

Typografie na webu Kouty je navržená jako silná, čistá a maximálně čitelná. Stojí na Work Sans a jasné hierarchii: nadpisy nesou emoci a orientaci, podnadpisy strukturu a doprovodný text drží tempo čtení. Barevně pracuje s Morning Mist a Rockface Gray a u menších textů s mírnou transparentností pro jemnost. Doplňkový styl „Glass“ umí dynamicky míchat barvu s pozadím a přidává další vrstvu hloubky v rámci skleněného vizuálu.

Work Sans, Black, 44px

Barvy a přechody

Vizuální styl webu Kouty staví na barvách, které evokují hory a motivují k akci. Hlavní tón je Deep Summit Blue – tmavě modrá. Přechody z ní směřují buď do Morning Mist (světle šedá), Glacial Stream (světle modrá) nebo Amber Peak (oranžová), pokud jde o akci.

Deep Summit Blue

#093755

(RGB 9, 55, 85)

Ember Peak (accent)

#FC4C02

(RGB 252, 76, 2)

Brand line

Zdobná linka je subtilní motiv odvozený z loga (osa linky v „U“), který webem prochází jako jemný navigační prvek. Nepůsobí dekorativně samoúčelně — vytváří kontinuitu, naznačuje směr a propojuje sekce. Vždy je pod obsahem, nikdy nekonkuruje textu ani CTA, a typicky se ztrácí do transparentna, aby působila přirozeně.