Back to components
Navigational Card
Navigational Cards are used to link to important pages, like product pages
Table of Contents
Edit this section, Opens in new windowOverview
The Navigational Card component allows the content author to easily create a link to further content using an image, title, or rich text and linking to further content or other actions.
Variations
Type | Purpose |
---|---|
Studio Navigational Card | |
Lifestyle Navigational Card | |
Text Navigational Card | |
Image Navigational Card |
Behaviours
Interactions
Hover
- Fill color is derived based on which block that is parent
- Image is scaled up 4%
-
Hitta rätt elbil för dig Antalet el- och laddhybrider ökar kraftigt på marknaden. Vi hjälper dig att hitta en elbil som passar ditt behov och vad du behöver tänka på.
-
Vilken hundras ska du välja? Drömmer du också om en hund? För att hundlivet ska bli så bra som möjligt bör du välja en ras som passar dig, din livsstil och hundvana.
-
Få hjälp med ditt byggprojekt Om du planerar att bygga om huset, bygga altan, attefallshus eller växthus kan du få kostnadsfri hjälp med ditt byggprojekt av vår byggrådgivning.
- Image is scaled up 4%
- Image is scaled up 4%
- Title
Focus
2px
dottet outline
with 2px
offset and
color BL 1, BLUE.
Text boxes
The Text Navigational Cards can be boxed in:
Usage
-
Hitta rätt elbil för dig Antalet el- och laddhybrider ökar kraftigt på marknaden. Vi hjälper dig att hitta en elbil som passar ditt behov och vad du behöver tänka på.
-
Vilken hundras ska du välja? Drömmer du också om en hund? För att hundlivet ska bli så bra som möjligt bör du välja en ras som passar dig, din livsstil och hundvana.
-
Få hjälp med ditt byggprojekt Om du planerar att bygga om huset, bygga altan, attefallshus eller växthus kan du få kostnadsfri hjälp med ditt byggprojekt av vår byggrådgivning.
-
Hitta rätt elbil för dig Antalet el- och laddhybrider ökar kraftigt på marknaden. Vi hjälper dig att hitta en elbil som passar ditt behov och vad du behöver tänka på. Standalone link
-
Vilken hundras ska du välja? Drömmer du också om en hund? För att hundlivet ska bli så bra som möjligt bör du välja en ras som passar dig, din livsstil och hundvana. Standalone link
-
Få hjälp med ditt byggprojekt Om du planerar att bygga om huset, bygga altan, attefallshus eller växthus kan du få kostnadsfri hjälp med ditt byggprojekt av vår byggrådgivning. Standalone link
Anatomy
- Studio image
- Title
- Description (optional)
- Image
- Title
- Lifestyle image
- Title
- Description
- Title
- Description
- Hitta rätt elbil för dig Antalet el- och laddhybrider ökar kraftigt på marknaden. Vi hjälper dig att hitta en elbil som passar ditt behov och vad du behöver tänka på. Så fungerar..
- Vilken hundras ska du välja? Drömmer du också om en hund? För att hundlivet ska bli så bra som möjligt bör du välja en ras som passar dig, din livsstil och hundvana. Lorum ipsum dolor sit amet. Så fungerar..
- Få hjälp med ditt byggprojekt Om du planerar att bygga om huset, bygga altan, attefallshus eller växthus kan du få kostnadsfri hjälp med ditt byggprojekt av vår byggrådgivning. Så fungerar..
- Få hjälp med ditt byggprojekt Om du planerar att bygga om huset, bygga altan, attefallshus eller växthus kan du få kostnadsfri hjälp med ditt byggprojekt av vår byggrådgivning. Så fungerar..
This example is in a two column layout, specially made for the Text Navigational Card.
- Title
- Description
- Hitta rätt elbil för dig Antalet el- och laddhybrider ökar kraftigt på marknaden. Vi hjälper dig att hitta en elbil som passar ditt behov och vad du behöver tänka på. Så fungerar..
- Vilken hundras ska du välja? Drömmer du också om en hund? För att hundlivet ska bli så bra som möjligt bör du välja en ras som passar dig, din livsstil och hundvana. Så fungerar..
- Få hjälp med ditt byggprojekt Om du planerar att bygga om huset, bygga altan, attefallshus eller växthus kan du få kostnadsfri hjälp med ditt byggprojekt av vår byggrådgivning. Så fungerar..
-
Hitta rätt elbil för dig Antalet el- och laddhybrider ökar kraftigt på marknaden. Vi hjälper dig att hitta en elbil som passar ditt behov och vad du behöver tänka på. Standalone link
-
Vilken hundras ska du välja? Drömmer du också om en hund? För att hundlivet ska bli så bra som möjligt bör du välja en ras som passar dig, din livsstil och hundvana. Standalone link
-
Få hjälp med ditt byggprojekt Om du planerar att bygga om huset, bygga altan, attefallshus eller växthus kan du få kostnadsfri hjälp med ditt byggprojekt av vår byggrådgivning. Standalone link
Specs
-
Hitta rätt elbil för dig Antalet el- och laddhybrider ökar kraftigt på marknaden. Vi hjälper dig att hitta en elbil som passar ditt behov och vad du behöver tänka på.
-
Vilken hundras ska du välja? Drömmer du också om en hund? För att hundlivet ska bli så bra som möjligt bör du välja en ras som passar dig, din livsstil och hundvana.
-
Få hjälp med ditt byggprojekt Om du planerar att bygga om huset, bygga altan, attefallshus eller växthus kan du få kostnadsfri hjälp med ditt byggprojekt av vår byggrådgivning.
- Hitta rätt elbil för dig Antalet el- och laddhybrider ökar kraftigt på marknaden. Vi hjälper dig att hitta en elbil som passar ditt behov och vad du behöver tänka på. Så fungerar..
- Vilken hundras ska du välja? Drömmer du också om en hund? För att hundlivet ska bli så bra som möjligt bör du välja en ras som passar dig, din livsstil och hundvana. Så fungerar..
- Få hjälp med ditt byggprojekt Om du planerar att bygga om huset, bygga altan, attefallshus eller växthus kan du få kostnadsfri hjälp med ditt byggprojekt av vår byggrådgivning. Så fungerar..