Dette er den samlede oversigt over alle komponenter og typografiske elementer i vores designsystem, vist i et “Page” layout.
Typografi og Basis Elementer
Nedenfor ser du hvordan overskrifter (H2 og H3), afsnit, punktopstillinger, og citater håndteres af layoutet.
I dette afsnit bruger vi generel formatering for at demonstrere linjeafstand og farver. At renovere badeværelse er et spændende projekt, og nedenfor finder du nyttig rådgivning.
- Første punkt i en uordnet liste
- Andet punkt om pris og budget
- Tredje punkt med eksternt link
Dette er en blockquote / et pull quote, perfekt til at fremhæve ekspert-udtalelser og citater fra tilfredse kunder.
1. LeadParagraph Komponent
Dette er en LeadParagraph. Den er tiltænkt som en stærk indledning, der fanger brugerens opmærksomhed lige efter en overskrift eller hero-sektion. Bruges typisk i starten af en artikel.
2. AsideImage Komponent
3. NoteBox Komponent
4. FigureWithCaption Komponent
Med fullBleed aktiveret for at bryde ud af brødteksten:
5. CtaBox Komponent
Dette er en CTA box som kan placeres hvor som helst i artiklen for at tilbyde hjælp eller generere leads.
6. AffiliateCtaBox Komponent
En dedikeret Affiliate boks med trust bullets og plads til billede.
7. CtaBanner Komponent
En fuld-bredde CTA banner.
8. Gallery Komponent
Visuel portefølje via to eller flere billeder vist responsivt i et grid.
