KrafterPRO
version 1.0
The Ultimate Design System for Divi 5.
text
Small Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Small Test: 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.
Body Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Large Body Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Aliquam Porttitor Mauris
Aliquam Porttitor Mauris
Aliquam Porttitor Mauris
Eyebrow
Badge
Badge
Badge
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
- Lorem ipsum dolor sit amet
- consectetuer adipiscing elit.
- Quisque volutpat mattis eros.
- Nullam malesuada erat ut turpis.
- Suspendisse urna nibh viverra.
- Aliquam tincidunt mauris eu risus.
- Vestibulum auctor dapibus neque.
- Nunc dignissim risus id metus.
- Cras ornare tristique elit.
Notice: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Success: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Warning: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
Error: Morbi in sem quis dui placerat ornare. Pellentesque odio nisi euismod in pharetra a ultricies in diam. Sed arcu. Cras consequat.
text
Small Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Body Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Large Body Text: Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
Eyebrow
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh viverra non semper suscipit posuere a pede.
- Lorem ipsum dolor sit amet
- consectetuer adipiscing elit.
- Quisque volutpat mattis eros.
- Nullam malesuada erat ut turpis.
- Suspendisse urna nibh viverra.
headings
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Display Small
Display Medium
Display Large
headings dark
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Display Small
Display Medium
Display Large
colors
headings color
headings color
pri 100
pri 200
pri 300
pri 400
pri 500
pri 600
pri 700
pri 800
pri 900
sec 100
sec 200
sec 300
sec 400
sec 500
sec 600
sec 700
sec 800
sec 900
gray 50
gray 100
gray 200
gray 300
gray 400
gray 500
gray 600
gray 700
gray 800
gray 900
notice
success
error
warning
buttons
Grid System
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
content
Spacing Scale
padding-2xs
padding-xs
padding-small
padding-medium
padding-large
padding-xlarge
padding-2xlarge
padding-2xs
padding-xs
padding-small
padding-medium
padding-large
padding-xlarge
padding-2xlarge
m-top-2xs
m-top-xs
m-top-small
m-top-med
m-top-large
m-top-xlarge
m-top-2xlarge
m-top-3xlarge
m-bottom-2xs
m-bottom-xs
m-bottom-small
m-bottom-med
m-bottom-large
m-bottom-xlarge
m-bottom-2xlarge
radius
radius xs
radius s
radius m
radius l
radius circle
border
border xsmall
border small
border small
shadows
shadow small
shadow medium
shadow large
accordion
Your Title Goes Here
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 Title Goes Here
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 Title Goes Here
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 Title Goes Here
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.
Audio
Your Title Goes Here
Your Title Goes Here
blog
Wight Surf History
The Wight Surf History website (wightsurfhistory.co.uk) is having a break whilst it looks for a new home. After 15 years of documenting the surfing history of the Isle of Wight, the accumulated photos and stories have been archived. Hopefully they can one day be…
9 Actionable Tips For Better Surf Photography (A Simple Guide)
Want to start taking photos of the surf but need help figuring out where to start? I’ve got you covered with ten tips guaranteed to have you taking perfect shots in no time. Let’s jump straight in with some solid advice on getting to grips with the gear you’ll need to…
s0ulsurfing at The Wave Bristol
Few shots and a video clip from an IOW old boys trip to The Wave in Bristol. Thanks to Ali Mew and Bert for the photos, Joel for the video edit, and thanks to Jim for doing the driving. I might come back when I have a bit more time to talk about the wave itself in…
Big Sunday at Freshwater Bay.
Big swell at Freshwater bay, Isle of Wight, with only the most committed surfers making it out back in testing conditions, with some super deep take-offs as the sets were breaking outside the rock-boil at times! The Saturday night wave bouy readings (channel…
20/20 vision at Freshwater Bay
It’s been over a year since the last surfing photo blog, not because i don’t love surfing or taking photos, but there’s just not usually time for both. Great light and great waves persuaded me to get the camera out again. The pics might make it look a bit tame at…
Dawn Patrol Photo Blog from Freshwater Bay.
It’s been a solid week of swell on the Isle of Wight with strong easterlies making for some “interesting” days on the SW facing coastline. Here’s a few photos from an early morning session at Freshwater Bay on Friday 14th December. Good test for the camera too,…
The 2018 winter surfing season has begun…
Because of time constraints (from being busy at work and also surfing every chance i get) these blogs are getting further apart, and i’ve not got too much to say this morning, but i’m back with a bumper batch of photos from the last two days of a solid week of swell…
Big Wednesday – Talking a good game.
(I could have gone with the alternative title = How a dislocated thumb probably saved me from snapping a longboard and/or having a near-death drowning experience 🙂 Photos from the morning of Wednesday the 18th April at Freshwater Bay from Charlie Cripwell and Paul…
Mother’s Day Gift
A few shots from the early afternoon of March 11th 2018 (Mothers Day), shot from the window of a camper van whilst waiting for the second surf of the day. Not the greatest photos, or the best of the swell that day, but it was the time I was there and able to snap a…
A few fun ones – Winter surfing at Freshwater Bay
Long time no blog, so I’m back with a few pics from a fun little winter session at Freshwater Bay. The day had started with a challenging surf at Compton fields in the morning, decent head-high waves and a cold / strong 24mph NW wind (cross-offshore) which held the…
Wight Surf History
The Wight Surf History website (wightsurfhistory.co.uk) is having a break whilst it looks for a new home. After 15 years of documenting the surfing history of the Isle of Wight, the accumulated photos and stories have been archived. Hopefully they can one day be…
9 Actionable Tips For Better Surf Photography (A Simple Guide)
Want to start taking photos of the surf but need help figuring out where to start? I’ve got you covered with ten tips guaranteed to have you taking perfect shots in no time. Let’s jump straight in with some solid advice on getting to grips with the gear you’ll need to…
s0ulsurfing at The Wave Bristol
Few shots and a video clip from an IOW old boys trip to The Wave in Bristol. Thanks to Ali Mew and Bert for the photos, Joel for the video edit, and thanks to Jim for doing the driving. I might come back when I have a bit more time to talk about the wave itself in…
Big Sunday at Freshwater Bay.
Big swell at Freshwater bay, Isle of Wight, with only the most committed surfers making it out back in testing conditions, with some super deep take-offs as the sets were breaking outside the rock-boil at times! The Saturday night wave bouy readings (channel…
20/20 vision at Freshwater Bay
It’s been over a year since the last surfing photo blog, not because i don’t love surfing or taking photos, but there’s just not usually time for both. Great light and great waves persuaded me to get the camera out again. The pics might make it look a bit tame at…
Dawn Patrol Photo Blog from Freshwater Bay.
It’s been a solid week of swell on the Isle of Wight with strong easterlies making for some “interesting” days on the SW facing coastline. Here’s a few photos from an early morning session at Freshwater Bay on Friday 14th December. Good test for the camera too,…
The 2018 winter surfing season has begun…
Because of time constraints (from being busy at work and also surfing every chance i get) these blogs are getting further apart, and i’ve not got too much to say this morning, but i’m back with a bumper batch of photos from the last two days of a solid week of swell…
Big Wednesday – Talking a good game.
(I could have gone with the alternative title = How a dislocated thumb probably saved me from snapping a longboard and/or having a near-death drowning experience 🙂 Photos from the morning of Wednesday the 18th April at Freshwater Bay from Charlie Cripwell and Paul…
Mother’s Day Gift
A few shots from the early afternoon of March 11th 2018 (Mothers Day), shot from the window of a camper van whilst waiting for the second surf of the day. Not the greatest photos, or the best of the swell that day, but it was the time I was there and able to snap a…
A few fun ones – Winter surfing at Freshwater Bay
Long time no blog, so I’m back with a few pics from a fun little winter session at Freshwater Bay. The day had started with a challenging surf at Compton fields in the morning, decent head-high waves and a cold / strong 24mph NW wind (cross-offshore) which held the…
blurb
Your Title Goes Here
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 Title Goes Here
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 Title Goes Here
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.
circle counter
%
Your Title Goes Here
columns
text row
wide text row
content row
wide content row
full row
contact form
count down timer
Your Title Goes Here
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
Your Title Goes Here
Day(s)
:
Hour(s)
:
Minute(s)
:
Second(s)
bars
- Your Title Goes Here50%
post corusel
Gallery
call to action
Your Title Goes Here
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 Title Goes Here
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 Title Goes Here
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.
Email optin
icons
icon list
login
number counter
%
Your Title Goes Here
%
Your Title Goes Here
%
Your Title Goes Here
person
Name Goes Here
Position
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.
Name Goes Here
Position
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.
Name Goes Here
Position
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.
search
tabs
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.
testimonials
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.
image
menu
pagination
post title
Design System
Design System
video
toggle
Your Title Goes Here
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 Title Goes Here
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.
section small
section medium
section large
section xlarge
section full
Hover Lift
Hover scale
button press
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.