/* General page content padding */
[id="Z0681983413"] .page-content {
padding-top: 20px;
}
.button-text {
display: block;
backdrop-filter: blur(4px);
}
/* Flexbox to align icons horizontally */
.icon-container {
display: flex;
justify-content: flex-end; /* Align icons to the left */
align-items: right; /* Vertically center the icons */
gap: 15px; /* Adds space between icons */
}
/* Ensure icon links are inline-flex to behave like inline elements */
.icon-link {
display: inline-flex; /* Proper alignment for inline elements */
text-decoration: none; /* Removes underline from the icon links */
}
/* Buttons */
.button-container {
display: flex;
justify-content: flex-start; /* Align buttons to the left */
gap: 20px; /* Adds space between buttons */
margin-top: 20px; /* Adds space above the button row */
}
.icon-container text-icon {
font-size: 32px;
color: #1a1a1a; /* Adjust color as needed */
cursor: pointer;
}
.icon-container text-icon:hover {
color: #2F4EFF; /* Change color on hover (LinkedIn #2f4eff as an example) */
}
/* CSS to style buttons and remove underline */
.button-9, .button-9-1, .button-9-2, .button-9-3, .button-9-4 {
text-decoration: none; /* Removes the underline */
display: inline-block;
padding: 10px 16px;
margin:inheritpx;
background-color: rgba(255, 255, 255, 0.12); /* Default button color */
color: #1a1a1a; /* Default text color */
font-size: 20px;
border-radius: 50px;
border: 1px solid #1a1a1a; /* Outline color */
text-align: center;
cursor: pointer;
transition: background-color 0.3s, border-color 0.3s, box-shadow 0.3s;
}
/* Hover effect */
.button-9:hover, .button-9-1:hover, .button-9-2:hover, .button-9-3:hover, .button-9-4:hover {
background-color: #abaefe; /* Hover color */
border-radius: 50px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0); /* Add shadow on hover */
border-color:rgba(47, 78, 255, 0); /* Change border on hover */
}
}
Buzket: A Space Where Progressive Ideas Shape the Future of Retail
Challenges:
As a new startup, Buzket needed to stand out in a competitive market. They lacked content and were still building their client base. The team wanted to create a bold, innovative brand that challenged the status quo while maintaining a sense of professionalism.
Solution:
To address the lack of content, we used AI to generate imagery and retouched it to create a unique Buzket look. The design combines advanced technology with purpose, featuring a simple logo of an expanding basket (U) to symbolise limitless offerings. The vibrant electric yellow adds energy and optimism, reflecting the brand’s forward-thinking approach.
Impact:
Buzket embodies a progressive, futuristic, and high-end brand identity. It conveys forward movement, innovation, and growth across various fields. The clean and impactful design offers an intuitive system paired with striking brand expressions.
- 360° Brand Identity
- Brand Strategy
- Landing Page Concept
- Design System
- Brand Guideline
- Art Direction
- Motion Design
AI-generated imagery styles, enhanced with Adobe programs, were used to create the concept visuals.
Strategy, Tone of Voice & Project Highlights
Some of the proposed directions
Unified brand systems across touchpoints