Global presets style guide voor krachtwereld.nl.
01. Kleurenpalet
In het eerste gedeelte van de style guide vind je het kleurenpalet, welke gebruikt worden voor de layout. Plaats deze kleuren binnen het default kleuren pallet in de Divi Theme Options.
Alle kleuren zijn Global Colors geworden, dus gebruik alleen de Global functionaliteit.
#ffffff
C:0 M:0 Y:0 K:0
#a0c634
C:46 M:0 Y:92 K:0
#60b34b
C:66 M:0 Y:87 K:0
#009641
C:84 M:12 Y:96 K:1
#1d1d1c
C:75 M:65 Y:62 K:81
#f9f9f9
C:2 M:2 Y:2 K:0
#666666
C:56 M:45 Y:45 K:33
#000000
C:91 M:79 Y:62 K:97
#cbbcae
C:22 M:24 Y:30 K:4
rgba(29,29,28,0.7)
=Transparant
C:14 M:13 Y:18 K:1
02. Tekst stijlen
Er is een aparte preset voor elke heading style en een global preset met alle tekst stijlen in één.
Heading 1
Heading 2
Right aligned
Heading 2
Heading 2 + Subheading
Right aligned
Font-family: Oswald
Font-family: Open Sans
Heading 2
krachtwereld.nl
Heading 2
Fullwidth
Subtitel
Heading 2
Heading 2
Fullwidth
Heading 2
Heading 3
Heading 3
Heading 4
Heading 4
Introductie tekst
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Quote
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
List
- Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
- Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Proin eget tortor risus.
- Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
- Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Proin eget tortor risus.
All in one
Heading 1
Heading 2
Heading 3
Heading 4
Lorum ipsum dolor sit amet. Quisque velit nisi, pretium ut lacinia in, elementum id enim.
- Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
- Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Proin eget tortor risus.
- Quisque velit nisi, pretium ut lacinia in, elementum id enim. Curabitur aliquet quam id dui posuere blandit. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi.
- Donec sollicitudin molestie malesuada. Sed porttitor lectus nibh. Sed porttitor lectus nibh. Proin eget tortor risus.
Quisque velit nisi, pretium ut lacinia in, elementum id enim.
Title divider
03. Buttons
Er kunnen verschillende soorten buttons gebruikt worden.
Er is een basis stijling gemaakt voor een outline button en een fill button. Er kunnen altijd meer buttons aangemaakt worden.
Button 1
Button 2
Button 3
Button 4 modal
04. Blurbs
Een blurb wordt voor verschillende doeleinde gebruikt.
De verschillende blurbs worden hieronder weergegeven.
Blurb 1
Personal training
Personal training (1 persoon)
Personal training DUO (2 pp.)
Personal training TRIO (3 pp.)
Personal training ZWANGER & FIT
Personal training KIND
Personal training ONLINE
Personal training AAN HUIS
Personal training OP EXTERNE LOCATIE
Blurb 2
(Prijs tabel)
Meest gekozen
04. Prijstabellen elementen
De prijstabellen zijn opgebouwd uit 3 losse elementen.
Er zijn 2 variaties prijstabellen, de standaard tabel en de uitgelichte versie.
Text Item
(Prijstabel Normal 1)
Text Item
(Prijstabel Normal 2)
Text Item
(Prijstabel Normal 3)
Voedingsadvies
6 maanden traject
€ 67,50
p/m
- Direct contact met diëtist
- Persoonlijk voedingsadvies
- Onbeperkt afspraken
- Gratis gebruik voedingsapp
- Toegang tot GRATIS fitness trainingsschema’s
Text Item
(Prijstabel Uitgelicht 1)
Text Item
(Prijstabel Uitgelicht 2)
Text Item
(Prijstabel Uitgelicht 3)
Personal training Voedingsadvies
6 maanden traject
€ 67,50
p/m
- Direct contact met diëtist
- Persoonlijk voedingsadvies
- Onbeperkt afspraken
- Elke week personal training
- Toegang tot GRATIS fitness trainingsapp (elke spiergroep)
05. Visuals + Section blocks
Er kunnen verschillende soorten visuals gebruikt worden.
Als secties voor headers of een Call To Action (CTA) blok.
Header section met bewegende titel
krachtwereld.nl
CTA section H2 + H3
Gedreven door kennis
Bamendaweg 18 | 3319 GS Dordrecht
Gedreven door kennis
Bamendaweg 18 | 3319 GS Dordrecht
Vragen?
Content Section Split Color Introductie
Verantwoord, optimaal & doelbewust.
krachtwereld.nl
Binnen krachtwereld.nl sta jij als klant centraal. Aan de hand van jouw wensen en doelstellingen gaan we met elkaar aan de slag. Je hebt een stok (met passie voor het vak) achter de deur.
Content Section Split Color
Jouw doelstelling wordt onze doelstelling en wat die uitdaging ook is, wij gaan hem samen halen!
#Be fit Stay fit
krachtwereld.nl
Reviews
Content Section squashbanen
Onze squashbanen
Binnen onze muren aan de Sikkelstraat 3 beschikken wij over 2 (twee) volledig vernieuwde en schone squashbanen.
Beide banen hebben een glazenachterwand, waardoor het voor toeschouwers ook leuk is om de sport te bekijken. Wij maken gebruik van een ruim reserveringssysteem. De volgende twee banen kunnen gereserveerd of afgehuurd worden:
JUMBO FOODMARKET (BAAN1)
JUMBO FOODMARKET DORDRECHT
P. A. De Kokplein 152 | 3318 JW | Dordrecht | Winkelcentrum Sterrenburg
KRACHTWERELD.NL (BAAN2)
krachtwereld.nl BV
Sikkelstraat 3 | 3319 GS | Dordrecht | Dubbeldam
Via onze reguliere lidmaatschappen kun je binnen onze openingstijden, zonder meerprijs een van deze twee banen reserveren.
Via ons prijzenoverzicht kun je zien welke mogelijkheden wij nog meer bieden. Zo kun je bijvoorbeeld ook langs die weg zonder regulier lidmaatschap een baan afhuren.
Content Section Social Media
Social Media
coming your way
Volg onze stories, posts of berichten
Content Section Team Slider
Ons Team
#krachtwereld.nl
Fysiotherapeut
Fitness medewerker
Personal trainer
Kliminstructeur
Fitness medewerker
Zwanger & Sterk trainer
Kliminstructeur
Personal trainer
Fitness medewerker
Coördinator Personal training
Facilitair medewerker
MSc. Manueel therapeut
Fysiotherapeut
Personal trainer
Fitness medewerker
Personal trainer
Fysiotherapeut
Management krachtwereld.nl
Fitness medewerker