Global Dodigi Presets UI Style Guide
This global presets style guide is a great way to start a new web design project! Wondering how to turn modules into global presets? For a detailed tutorial on how to use this style guide, click on the link below to be redirected.
01. Color palette
In the first part of the style guide, you can find the color palette that’s been used for the website.
#8300e9
#c17ff4
#99cc00
#565656
#474747
#f7f7f7
02. Visuals
The second part of this style guide shares some of the visuals that are included inside the website.











Hero Design 1
Hero Design 2
Hero Design 3
Section Design 1
Section Design 2
03. Text styles
In this part of the style guide, you’ll find the different text styles that were used throughout the layout pack. There’s a separate preset for each heading style and a global preset with all text styles in one.
Heading 1
Heading 1
Heading 2
Heading 2
Heading 3
Heading 3
Heading 4
Heading 4
Body
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.
All in one
Heading 1
Heading 2
Heading 3
Heading 4
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.
04. Buttons
Here, you’ll find the buttons that have been used in the layout pack.
Button 1
Button 2
Button 3
05. Pop-ups
Here, you’ll find the popups that have been used in the layout.
Pop up 1
Pop up 2
Pop up 3
The name Do-Digi is short for “Do-Digital ”. The project is tailored to addressing access to the digital economy and financial inclusion as the program’s offerings to female entrepreneurship across Southern Africa. The name broadly speaks to the skill and access gap that women entrepreneurs such as with technology which extends to women even in urban contexts. In the current digital age Technology is vital in how businesses can function effectively and efficiently, how to reach customers and therefore make profit and be sustainable. Gendered technological blockades widen the economic gender inequality. Women in business are the largest untapped market which is significant for creating sustainable economies in Southern Africa.
It includes a blended offline and online 12 weeks program, a platform, as well as an advocacy channel that creates and fosters an enabling environment, provides gender aware business support and a resource package for female entrepreneurship in Southern Africa through supporting women-led businesses. DoDigi’s intersectional approach is inclusive as the program addresses the barriers for upward mobility of women in their daily lives who have the burden of care in the home, the needs of women-led business in rural and low-income communities, the challenges faced by women in business with disabilities and women who are illiterate.
DoDigi supports businesses across sectors such as agriculture, retail, manufacturing and charity organizations; and varying business sizes and maturity. Understanding the inequality gaps, DoDigi also supports businesses in the idea generation stage. The program is holistic in providing resources for the business and the Women in business. As such, the curriculum also contains workshops on building leadership capacity, workshops on sexual harrassment in business and in the workplace, professional communication, and sessions on networking to name a few. These are hard and soft skills that women contexts such as in low-income communities do not easily have access to.
One of the outcomes of the program was compiling a business plan which I did not have before and from that exercise I increased my Income significantly as I was now investor ready being a much more polished enterprise in the market. In December 2021 we received a non-refundable seed capital of P56666.00 ($5000) from the Tony Elumelu Foundation and in February 2022, we received the YDF fund valued at P99301.00. The business model canvas helped me summarize my business and has aided my success in pitching competitions.
I have since expanded my business through product development by also manufacturing and selling packaging and ingredients for ice pops. In less than 1 year from completing the program, I have increased the number of employees from 3 to 12, including skilled professionals in marketing, ICT and Accounting. As a result of the business development through DoDigi, I am now a partner with the government for the Young Minds program, where I have received employees that are paid by the government to gain skills and experience through our company Berry Kiss.
My mentor was so essential in my customer engagement, giving me strategies to consider and I have since put up systems to ensure that costumes get the best service. I can attribute my competitive advantage to these strategies and made us reliable, consistent and trusted by our customers to date. Through the partner networks in the program I have received one-on-one coaching on real estate, and access to additional digital platforms to use beyond the program to grow my business. Another workshop that was so beneficial was the tendering master class and I have been working on some opportunities. I have alway had the ambition to become a tenderpreneur and work on projects that will revolutionize our country’s infrastructure and economy.
Personally, the master classes presented by different guest speakers changed my life spiritually, emotionally, mentally and equipped me with the right skills, let alone the confidence that I have built to face challenges and win.
The DoDigi program was a vibrant experience where I met so many wonderful people around my country and South Africa, learning about their values and experiences which is beneficial to a female entrepreneur. DoDigi is lifelong support I have been given and I would like to really encourage other female entrepreneurs to apply for the program.
06. Blurbs
Up next, we have some blurb modules that have been frequently used in the layout pack.
Blurb 1
Curabitur aliquet quam
Blurb 2

Trust
Curabitur non nulla sit amet nisl tempus convallis quis. Donec sollicitudin molestie.
Blurb 3
Trust
Curabitur non nulla sit amet nisl tempus convallis quis. Donec sollicitudin molestie.
Blurb 4

Access to mentors and industry experts
07. Other modules
Next, we’re sharing other module designs that were used in the layout . Upon importing with presets, these have all been added to your preset library. If you didn’t enable the import presets option, you’re able to turn any one of these modules into a global preset.
Divider 1
Number Counter 1
Curabitur arcu erat
Image 1
Image 2

Call To Action 1
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.
Persons

Aviwe Gwayi
Media and communications officer
Accordion 1
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 form 1
Contact form 1
Send A Message
Video 1
Slider 1
Post 6
HEADING Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet aliquet leo. Praesent vehicula congue nunc ut pellentesque. Sed vulputate massa sit amet sapien sagittis, in accumsan turpis volutpat. Nulla nibh mauris, malesuada eu rutrum ac,...
Post 5
HEADING Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet aliquet leo. Praesent vehicula congue nunc ut pellentesque. Sed vulputate massa sit amet sapien sagittis, in accumsan turpis volutpat. Nulla nibh mauris, malesuada eu rutrum ac,...
Post 4
HEADING Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet aliquet leo. Praesent vehicula congue nunc ut pellentesque. Sed vulputate massa sit amet sapien sagittis, in accumsan turpis volutpat. Nulla nibh mauris, malesuada eu rutrum ac,...
Blog 2
Post 6
HEADING Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet aliquet leo. Praesent vehicula congue nunc ut pellentesque. Sed vulputate massa sit amet sapien sagittis, in accumsan turpis volutpat. Nulla nibh mauris, malesuada eu rutrum ac,...
Post 5
HEADING Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet aliquet leo. Praesent vehicula congue nunc ut pellentesque. Sed vulputate massa sit amet sapien sagittis, in accumsan turpis volutpat. Nulla nibh mauris, malesuada eu rutrum ac,...
Post 4
HEADING Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet aliquet leo. Praesent vehicula congue nunc ut pellentesque. Sed vulputate massa sit amet sapien sagittis, in accumsan turpis volutpat. Nulla nibh mauris, malesuada eu rutrum ac,...
Post 3
HEADING Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet aliquet leo. Praesent vehicula congue nunc ut pellentesque. Sed vulputate massa sit amet sapien sagittis, in accumsan turpis volutpat. Nulla nibh mauris, malesuada eu rutrum ac,...
Post 2
HEADING Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet aliquet leo. Praesent vehicula congue nunc ut pellentesque. Sed vulputate massa sit amet sapien sagittis, in accumsan turpis volutpat. Nulla nibh mauris, malesuada eu rutrum ac,...
Post 1
HEADING Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse sit amet aliquet leo. Praesent vehicula congue nunc ut pellentesque. Sed vulputate massa sit amet sapien sagittis, in accumsan turpis volutpat. Nulla nibh mauris, malesuada eu rutrum ac,...
08. Columns
Last but not least, we have some column styles that have been frequently used in the layout.
01
Imperdiet Porttitor Sem
Column Style 2
02
Imperdiet Porttitor Sem
Curabitur aliquet quam id dui posuere blandit. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta.
Column Style 3
03
Imperdiet Porttitor Sem
Curabitur aliquet quam id dui posuere blandit. Vivamus suscipit tortor eget felis porttitor volutpat. Cras ultricies ligula sed magna dictum porta.