Grundmoduler
Nedan är de bas-moduler och förinställningar vårt designsystem i Divi baseras på. Färger och typsnittet anpassas efter hemsida, övriga inställningar är låsta och universala på samtliga hemsidor vi utvecklar med Divi-temat.
Färger och toner
Nedan är de färger som fyller hemsidan. Färgerna styrs globalt och kan anpassas.
Primär (valfri)
Sekundär (valfri)
Komplementär (valfri)
Ljus neutral (låst)
Ljus neutral tonad 1 (låst)
Ljus neutral tonad 2 (låst)
Mörk neutral (låst)
Mörk neutral tonad 1 (låst)
Mörk neutral tonad 2 (låst)
Mörk övertoning 50% (låst)
Typografi
Teckensnitt och textstorlekar.
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
Brödtext
- Punkt
- Punkt
- Siffra
- Siffra
- Siffra
Citat
Citat
Headline 1
Headline 2
Headline 3
Headline 4
Headline 5
Headline 6
Brödtext
- Punkt
- Punkt
- Siffra
- Siffra
- Siffra
Citat
Citat
Knappar
Stilar för knappar.
Växlare (accordings)
Stilar för växlare.
Rubrik till according
En längre brödtext som visas när användaren har klickat på en according. Ett smart och design-vänligt sätt, men även SEO-vänligt, att få in mycket innehåll på en sida, utan att det blir rörigt.
Det går även att gör vissa design som att lägga in bilder, länkar, ha stycken och annat kul för att dela upp en according.
Brödtext
- Punkt
- Punkt
- Siffra
- Siffra
- Siffra
Citat
Citat
Rubrik till according
En längre brödtext som visas när användaren har klickat på en according. Ett smart och design-vänligt sätt, men även SEO-vänligt, att få in mycket innehåll på en sida, utan att det blir rörigt.
Det går även att gör vissa design som att lägga in bilder, länkar, ha stycken och annat kul för att dela upp en according.
Brödtext
- Punkt
- Punkt
- Siffra
- Siffra
- Siffra
Citat
Citat
Rubrik till according
En längre brödtext som visas när användaren har klickat på en according. Ett smart och design-vänligt sätt, men även SEO-vänligt, att få in mycket innehåll på en sida, utan att det blir rörigt.
Det går även att gör vissa design som att lägga in bilder, länkar, ha stycken och annat kul för att dela upp en according.
Brödtext
- Punkt
- Punkt
- Siffra
- Siffra
- Siffra
Citat
Citat
Rubrik till according
En längre brödtext som visas när användaren har klickat på en according. Ett smart och design-vänligt sätt, men även SEO-vänligt, att få in mycket innehåll på en sida, utan att det blir rörigt.
Det går även att gör vissa design som att lägga in bilder, länkar, ha stycken och annat kul för att dela upp en according.
Brödtext
- Punkt
- Punkt
- Siffra
- Siffra
- Siffra
Citat
Citat
Rubrik till according
En längre brödtext som visas när användaren har klickat på en according. Ett smart och design-vänligt sätt, men även SEO-vänligt, att få in mycket innehåll på en sida, utan att det blir rörigt.
Det går även att gör vissa design som att lägga in bilder, länkar, ha stycken och annat kul för att dela upp en according.
Brödtext
- Punkt
- Punkt
- Siffra
- Siffra
- Siffra
Citat
Citat
Rubrik till according
En längre brödtext som visas när användaren har klickat på en according. Ett smart och design-vänligt sätt, men även SEO-vänligt, att få in mycket innehåll på en sida, utan att det blir rörigt.
Det går även att gör vissa design som att lägga in bilder, länkar, ha stycken och annat kul för att dela upp en according.
Brödtext
- Punkt
- Punkt
- Siffra
- Siffra
- Siffra
Citat
Citat
Rundade hörn
Inställningar för rundade hörn.
Small: 8px
Medium: 15px
Large: 30px
Huge: 60px
Skuggning
Inställningar för ”dropshadow” och ”Innershadow”.
Dropshadow
0px, 0px, 30px, 0px
rgba(0,0,0,0.15)
Innershadow
0px, 0px, 30px, 0px
rgba(0,0,0,0.15)
Dropshadow negative
0px, 0px, 30px, 0px
rgba(255,255,255,0.15)
Innershadow
0px, 0px, 30px, 0px
rgba(255,255,255,0.15)
Förinställning för layout
Förinställd marginal mellan sektioner.
Sektion: 100%
Rad: 96% alt. 1600px
Avdelare
Förinställningar på modulen avdelare.
Bild
Vanlig bild med grundinställningar och anpassning eller stylning. Bild-modulen används omfattande i olika sektioner med olika anpassningar och stylning.
Bilden nedan har de mått som den laddas upp i, men kan även få exakta bildförhållande genom att tillämpa CSS-klassen ”bild-1×1”, ”bild-16×9”, ”bild-9×16”, ”bild-4×3”, ”bild-3×4”, ”bild-3×2” eller ”bild-2×3”.
Blogg
Förinställning på rutnätt med blogginlägg eller andra posttyper i Divi. Används även i sökresultat och på andra ställen där posttyper presetneras i ett rutnät.
Lorem ipsum 12
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci metus, semper ac scelerisque in, scelerisque vel ipsum. Vivamus sapien orci, varius sit amet arcu venenatis, elementum faucibus sem. Vestibulum efficitur arcu suscipit venenatis vehicula. Etiam ornare...
Lorem ipsum 11
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci metus, semper ac scelerisque in, scelerisque vel ipsum. Vivamus sapien orci, varius sit amet arcu venenatis, elementum faucibus sem. Vestibulum efficitur arcu suscipit venenatis vehicula. Etiam ornare...
Lorem ipsum 10
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci metus, semper ac scelerisque in, scelerisque vel ipsum. Vivamus sapien orci, varius sit amet arcu venenatis, elementum faucibus sem. Vestibulum efficitur arcu suscipit venenatis vehicula. Etiam ornare...
Lorem ipsum 9
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci metus, semper ac scelerisque in, scelerisque vel ipsum. Vivamus sapien orci, varius sit amet arcu venenatis, elementum faucibus sem. Vestibulum efficitur arcu suscipit venenatis vehicula. Etiam ornare...
Lorem ipsum 8
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci metus, semper ac scelerisque in, scelerisque vel ipsum. Vivamus sapien orci, varius sit amet arcu venenatis, elementum faucibus sem. Vestibulum efficitur arcu suscipit venenatis vehicula. Etiam ornare...
Lorem ipsum 7
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci metus, semper ac scelerisque in, scelerisque vel ipsum. Vivamus sapien orci, varius sit amet arcu venenatis, elementum faucibus sem. Vestibulum efficitur arcu suscipit venenatis vehicula. Etiam ornare...
Lorem ipsum 6
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci metus, semper ac scelerisque in, scelerisque vel ipsum. Vivamus sapien orci, varius sit amet arcu venenatis, elementum faucibus sem. Vestibulum efficitur arcu suscipit venenatis vehicula. Etiam ornare...
Lorem ipsum 5
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci metus, semper ac scelerisque in, scelerisque vel ipsum. Vivamus sapien orci, varius sit amet arcu venenatis, elementum faucibus sem. Vestibulum efficitur arcu suscipit venenatis vehicula. Etiam ornare...
Lorem ipsum 4
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec orci metus, semper ac scelerisque in, scelerisque vel ipsum. Vivamus sapien orci, varius sit amet arcu venenatis, elementum faucibus sem. Vestibulum efficitur arcu suscipit venenatis vehicula. Etiam ornare...
Blurs
Blurs är en kombination av bild eller ikon, rubrik och brödtext i en modul. Nedan presenteras olika varianter av den.
Din titel går här
Brödtext som beskriver funktionen och varför den är så bra. Här ser det bäst ut att åtminstonde fylla ut tre rader med text. Visst blir det fint.
Din titel går här
Brödtext som beskriver funktionen och varför den är så bra. Här ser det bäst ut att åtminstonde fylla ut tre rader med text. Visst blir det fint.
Din titel går här
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Din titel går här
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Kantarellvägen 3
296 32 Åhus
Funktion
Din titel går här
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Dragspel
Dragsspel är som ”växlare” fast i en längre lista där max en kan vara öppen åt gången.
Din titel går här
En längre brödtext som visas när användaren har klickat på en according. Ett smart och design-vänligt sätt, men även SEO-vänligt, att få in mycket innehåll på en sida, utan att det blir rörigt.
Det går även att gör vissa design som att lägga in bilder, länkar, ha stycken och annat kul för att dela upp en according.
Brödtext
- Punkt
- Punkt
- Siffra
- Siffra
- Siffra
Citat
Citat
Din titel går här
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Din titel går här
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
E-Optin
Formulär för nyhetsbrev-prenumeration med inbyggd integration för de vanligaste nyhetsbreven som MailerLite och MailChimp.
Filtrerbart portfolio
Ett filtrer bart portfolio för inlägg under ”projekt”.
Flikar
Visa och göm innehåll under flikar.
En längre brödtext som visas när användaren har klickat på en according. Ett smart och design-vänligt sätt, men även SEO-vänligt, att få in mycket innehåll på en sida, utan att det blir rörigt.
Det går även att gör vissa design som att lägga in bilder, länkar, ha stycken och annat kul för att dela upp en according.
Brödtext
- Punkt
- Punkt
- Siffra
- Siffra
- Siffra
Citat
Citat
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Sociala medier ikoner
Ikoner med länk till sociala medier.
Ikon
Förinställning för modulen ikon.
Inläggsnavigering
Förinställning för modulen inläggsnavigering.
Inläggsslider
Förinställning för modulen inläggsslider.
Inläggstitel
Förinställning för modulen inläggstitel.
Grundmoduler
Jämförelsetabeller
Förinställning för modulen jämförelsetabeller.
Titel på brytare
Subtitle goes Here- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
Titel på brytare
Subtitle goes Here- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
Titel på brytare
Subtitle goes Here- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
- Funktion som ingår
Kontaktformulär
Förinställning för modulen kontaktformulär.
Meny
Förinställning för modulen meny som används högst upp och längst ner på sidan.
Omdömme
Förinställningar för modulen omdömme.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Person
Förinställning för modulen person.
Namnet går här
Befattning
Your content goes here. Edit or remove this text inline or in the module Content settings. You can also style every aspect of this content in the module Design settings and even apply custom CSS to this text in the module Advanced settings.
Portfolio
Förinställning för modulen portfolio.
Sidhuvud
Förinställning för modulen sidhuvud.
Din titel går här
Video
Förinställning för modulen video, funkar mycket bra med YouTube och Vimeo.
Videoväxlare
Förinställning för modulen videoväxlare, funkar mycket bra med YouTube och Vimeo.
Växlare
Förinställning för modulen växlare.