Close Cookie Popup
Nastavení cookies
Kliknutím na „Přijmout vše“ souhlasíte s ukládáním cookies na vašem zařízení za účelem vylepšení navigace na webu, analýzy využití webu a podpory našich marketingových aktivit, jak je uvedeno v našich zásadách ochrany osobních údajů.
Nezbytné cookies (vždy aktivní)
Cookies nezbytné pro zajištění základní funkčnosti webových stránek.
Cookies, které nám pomáhají pochopit, jak tento web funguje, jak návštěvníci interagují s webem a zda se vyskytují technické problémy.
Cookies používané k poskytování reklam, které jsou pro vás a vaše zájmy relevantnější.
Cookies, které umožňují webu pamatovat si vaše volby (například uživatelské jméno, jazyk nebo region, kde se nacházíte).
Close Cookie Popup
Nastavení cookies
Kliknutím na „Přijmout vše“ souhlasíte s ukládáním cookies na vašem zařízení za účelem vylepšení navigace na webu, analýzy využití webu a podpory našich marketingových aktivit, jak je uvedeno v našich zásadách ochrany osobních údajů.
Nezbytné cookies (vždy aktivní)
Cookies nezbytné pro zajištění základní funkčnosti webových stránek.
Cookies, které nám pomáhají pochopit, jak tento web funguje, jak návštěvníci interagují s webem a zda se vyskytují technické problémy.
Cookies používané k poskytování reklam, které jsou pro vás a vaše zájmy relevantnější.
Cookies, které umožňují webu pamatovat si vaše volby (například uživatelské jméno, jazyk nebo region, kde se nacházíte).

Cards Section

Components

Cards / 2 Col / Basic / Text Only
Cards / 2 Col / Basic / Plus Link Centered
Cards / 2 Col / Basic / Text Only Centered
Cards / 2 Col / Box / text Only
Cards / 2 Col / Box / Plus Tagline
Cards / 2 Col / Box / Text Only Centered
Cards / 2 Col / Icon Horizontal

Best Practices

Use components to build interfaces. Search the component's name in the Component panel (Shift + A) or use quick search (Ctrl + E). Once you added a Component to your page unlink it to make changes. Right-click on the symbol’s label and choose unlink from symbol. This is the rule. We use overrides only as an exception for simple components that you'd rather want to re-style on the specific page within Style Guide (buttons, toggles etc. - mostly atoms).

Component Description

Cards are a flexible component used to display content and actions in a variety of contexts. They are generally restricted to a single topic and it should be easy for users to scan relevant and actionable information.

Video tutorials

Coming soon...

arrow_upward