Real food for the People of Accra.
Authentic Ghanaian street food, served fresh in the heart of East Legon.
Waakye | Kenkey | Jollof | Fried Rice
Effortlessly Maintain Visual Cohesion
Make the Most Out of the Latest Webflow Updates With Pre-built Classes Linked to the Variables Panel.
Simplify Style Management
Descriptive and Contextualized Class Naming Convention, Empowers Anyone to Manage Websites
Custom Classes
Changes made to variables automatically update all connected elements, supporting a unified design across the entire project.
Global Utility Classes
Utility classes carry specific CSS properties for quick styling and Consistency. they can be applied to elements globally to minimize the creation of unnecessary styles.
Combo Classes
Combo classes are specific variation to a custom class. Use this to inherit styles from the original class and add new properties.
Scale Your Projects with Ease
Use a Flexible and Scalable Structure on All Pages and Sections for Consistent and Easy to Manage Projects.
All pages should follow this simple structure. Each element on the page structure works like a folder/group that wraps content inside.
Parent Div to all other elements on a page. It's handy for copy and paste between pages and prevents styles from being applied directly to the <body>.
Global embed that hosts important Custom Stylings to enhance projects where Webflow falls short.
Global components that are present on all pages of the project. These should be inside the Page Wrapper but not inside the Main Wrapper.
Parent Div to the main content of the page, this means each unique section and elements to a specific page. Global elements like Nav and Footer should be left out of it.
This Component wraps an content section. It’s recommended to set the HTML tag of this element to <section> when using Divs. Use webflow's Native Section whenever possible.
create specific names to each section to keep the project organized.
Consistent paddings left and right to prevent content from touching the borders. Apply padding-section- [size] to this class to add vertical paddings between sections.
Used to wrap the section content centered on screen.
Create a specific name to the element that wraps section content.
Use this structure to clearly organize specific content inside sections. This will speed up the building process because.
Start specific content components with ”_wrap”.
Make sure that children of a component indicates its parent followed by ”_[element]” that describes its purpose.
Use unique classes for elements and add utility classes on top of it to style elements whenever possible.