/ Reference / Cybair / Web Cybair

Značka a dvojjazyčný web divize kybernetické bezpečnosti Cybair

Pro Cybair, naši divizi kybernetické bezpečnosti, jsme navrhli vizuální identitu, designový systém a dvojjazyčný web. Web vysvětluje penetrační testy a rozsahy spolupráce a podle edičního plánu zveřejňuje odborné články o NIS2, DORA a bezpečnostní praxi.

Rok2026
Typ projektuWebové stránky
Cybair – celá domovská stránka
01 · Kontext

Divize kybernetické bezpečnosti a její nabídka pro vedení i IT

Cybair je divize INTERFASE zaměřená výhradně na kybernetickou bezpečnost. Ručně testuje webové a mobilní aplikace, interní systémy, cloud i síť, nalezené zranitelnosti odstraňuje přímo v prostředí a opravy ověřuje opakovaným testem.

Web měl tutéž nabídku vysvětlit vedení i IT týmu: co se testuje, jak testování probíhá, co z něj vzejde a jaký rozsah lze zvolit. Zároveň měl sloužit pro odborné texty o regulacích, které firmy dnes řeší – směrnici NIS2 a nařízení DORA. V roce 2026 dostal novou značku, designový systém, lokalizované adresy, sekci novinek a kontaktní stránku.

02 · Výzvy

Odborné téma pro dvě publika ve dvou jazycích

Web bezpečnostní divize čte vedení firmy i správce sítě. Obsah musí být srozumitelný pro první a přesný pro druhé.

Odborně a srozumitelně

Penetrační test, sken zranitelností nebo NIS2 jsou pro část publika abstraktní pojmy. Web je musí vysvětlit věcně, včetně průběhu, výstupů a dopadu testování na provoz.

Tři rozsahy v jednom srovnání

Balíčky Shield, Fortress a Enterprise se liší fázemi i rozsahem. Rozdíl má být čitelný na první pohled a každý balíček má vést přímo k poptávce.

Identita z teček

Značka stojí na symbolu nekonečna a tečkovém písmu Doto. Tentýž vizuální jazyk má nést úvodní animaci, hero i patičku bez zpomalení načítání.

Pravidelně přibývající obsah

Slovenská a anglická verze s vlastními adresami a články podle edičního plánu musí zůstat konzistentní pro lidi, vyhledávače i AI asistenty.

03 · Princip

Web Cybairu dodržuje stejné bezpečnostní a odborné standardy, jaké divize doporučuje klientům.

01

Fakta se zdrojem

Články nesmějí obsahovat vymyšlená čísla ani tvrzení o historii divize. Každá lhůta a pokuta má primární zdroj – EUR-Lex, Slov-Lex, NBÚ, OWASP či NIST.

02

Změřený kontrast

Všechny barvy vycházejí ze dvou vstupů značky a kontrast každé dvojice textu a pozadí je změřený a zdokumentovaný.

03

Vlastní praxe

Web posílá bezpečnostní hlavičky HTTP, o kterých Cybair píše, a analytiku spustí až po souhlasu návštěvníka.

04 · Značka

Úvodní animace symbol Cybairu z tečkové matice

Při návštěvě se symbol Cybairu vykreslí z teček za necelou sekundu a půl a z něj se otevře hero. Tečková matice se 44 sloupci je vygenerovaná přímo z hlavního loga, takže animace, hero i patička s velkým tečkovaným nápisem CYBAIR používají stejný vizuální jazyk.

  • Hero s plynulou videosmyčkou tečkového symbolu
  • Při omezeném pohybu nebo šetření dat zůstane statický obrázek
  • Písmo Doto v nadpisech a logotypu, Geist pro text
Cybair – úvodná animácia, symbol sa skladá z bodiek
05 · Designový systém

Barevný systém odvozený ze dvou barev značky

Systém stojí na dvou vstupech – ink #0A0A0A a paper #FAF5FF. Neutrální škála je tónovaná k odstínu paper a fialový akcent leží ve stejné barevné rodině. Všechny prvky webu používají jen sémantické barvy, takže kteroukoli sekci lze přepnout ze základního tmavého motivu do světlého.

Interní stránka značky přebírá hodnoty přímo ze systému, takže vždy odpovídá webu.

  • Tři vrstvy tokenů: základní, sémantické a komponentové
  • Změřený kontrast každé dvojice v tmavém i světlém motivu
  • Logo, typografie, prostor, pohyb a komponenty na jednom místě
Cybair – farby dizajnového systému: ink, paper a odvodené škály
06 · Nabídka

Postup spolupráce a tři balíčky Shield, Fortress a Enterprise

Domovská stránka nejdřív ukáže postup Analýza – Testování – Náprava a hned pod ním balíčky Shield, Fortress a Enterprise. Každý balíček na kartě ukazuje, které ze tří fází pokrývá, jaký má rozsah a co k předchozímu přidává.

  • Doporučený balíček Fortress zvýrazněný přímo ve srovnání
  • Každý balíček otevře kontaktní formulář s již předvoleným balíčkem
  • Formulář chráněný proti spamu, poptávka odchází e-mailem
Cybair – balíky Shield, Fortress a Enterprise s fázami spolupráce
07 · Novinky

Odborné články o penetračních testech, NIS2 a praxi

Články jsou rozdělené do tří okruhů – penetrační testování, NIS2 a regulace, praxe – a dva pilíře – Penetrační test a NIS2 na Slovensku – propojují všechny články svého okruhu. Pravidla psaní jsou pevná: každý nadpis je otázka nebo jasné tvrzení a první odstavec pod ním na ni odpoví, i když se čte samostatně.

  • Na konci článku časté otázky, které text nepokryl
  • Seznam primárních zdrojů – zákon, směrnice, norma
  • Anglická verze jako přirozený text, ne doslovný překlad
Cybair – sekcia Novinky s odbornými článkami
08 · Publikování

Plánované zveřejňování článků bez zásahu vývojáře

Články vycházejí v pondělí, středu a pátek v 8:00. V naplánovaném čase se nový článek objeví na všech místech webu najednou.

  1. 01

    Naplánování

    Článek dostane datum a čas zveřejnění.

  2. 02

    8:00

    Web ho začne zobrazovat – do té doby na něm není.

  3. 03

    Výpis a odkazy

    Objeví se v Novinkách a odkazy na něj z jiných článků se samy aktivují.

  4. 04

    Vyhledávače a AI

    Článek je hned v mapě stránek, v RSS kanálu i v popisu webu pro AI asistenty.

09 · Obsah

Ediční plán stav k 6. 10. 2026

26článků v edičním plánu, každý ve slovenštině i angličtině
15zveřejněných k 6. 10. 2026
11naplánovaných do 30. 10. 2026

Zdrojové soubory článků a výpis novinek na cybair.sk, stav k 6. 10. 2026

10 · Jazyky

Slovenská a anglická verze s přeloženými adresami

Slovenština je výchozí, angličtina plnohodnotná. Adresy jsou přeložené – /sk/novinky/nis2-slovensko má anglický protějšek /en/news/nis2-slovakia – a stránky na sebe navzájem odkazují, aby vyhledávač ukázal správnou jazykovou verzi.

  • Přepínač jazyka vede na tutéž stránku ve druhém jazyce
  • Samostatný RSS kanál pro každý jazyk
  • Sitemap se slovenskými i anglickými adresami
Cybair – článok o NIS2 v slovenskej a anglickej verzii na mobile
Cybair – článok o NIS2 v slovenskej a anglickej verzii na mobile
11 · Dohledatelnost

Strukturovaný obsah pro vyhledávače a AI asistenty

Časté otázky, postup spolupráce, popis divize i každý článek jsou na webu označené strukturovanými daty, kterým rozumějí vyhledávače. Text v nich se shoduje s textem na stránce.

Pro AI asistenty web zveřejňuje stručný i úplný popis nabídky a článků a výslovně jim povoluje přístup.

Cybair – časté otázky o penetračnom testovaní
12 · Bezpečnost webu

Bezpečnostní hlavičky HTTP nastavené na vlastním webu

Jeden z článků vysvětluje, které hlavičky HTTP má web nastavit a s jakými hodnotami. Web Cybairu je posílá sám – od Content-Security-Policy po HSTS s preload – a na standardní adrese zveřejňuje security.txt s bezpečnostním kontaktem.

  • Content-Security-Policy, X-Frame-Options, X-Content-Type-Options
  • Referrer-Policy, Permissions-Policy, Cross-Origin-Opener-Policy
  • Analytika až po souhlasu návštěvníka, ve výchozím stavu vypnutá
Cybair – článok o bezpečnostných hlavičkách HTTP
13 · Výsledek

Značka, designový systém a web s pravidelně přibývajícím odborným obsahem

Web cybair.sk na jedné stránce vysvětluje, co divize dělá, jak probíhá spolupráce a jaké rozsahy nabízí. Odborné články o penetračních testech, NIS2 a DORA přibývají podle edičního plánu ve slovenštině i angličtině bez zásahu vývojáře.

Co jsme dodali

  1. 01Vizuální identita z teček
  2. 02Designový systém a stránka značky
  3. 03Webová prezentace ve slovenštině a angličtině
  4. 04Odborné články s plánovaným zveřejňováním
  5. 05Kontaktní formulář s výběrem balíčku
  6. 06Příprava obsahu pro vyhledávače a AI asistenty

Máte projekt? Rádi pomůžeme.

Žádné zdlouhavé formuláře — napište nám přímo přes chat. Náš AI asistent vám hned poradí a my se vám ozveme. Případně nám pošlete mail na adresu [email protected]

INTERFÁČIK využívá umělou inteligenci a jeho odpovědi mohou být nepřesné. Neposílejte prosím citlivé osobní údaje. Používáním chatu souhlasíte se zpracováním údajů v rozsahu potřebném pro vyřízení vašeho požadavku v souladu s zásadami ochrany osobních údajů.

INTERFASE