Photo-led identity
- Supplied Twelve Oklok logo and motorcycle photography.
- Bold hero section, community message, and charcoal and blue styling.
- Blurred license plate in the Yamaha R7 image used throughout the site.
← All projects
12oklok.
Featured project / Community website
12oklok.
Every rider matters.
Different bikes. Same passion. A motorcycle community website built around the bikes, the stories, and an open invitation to ride.
Local browser preview of the project.
Project summary
The bikes.
The community.
12oklok welcomes riders across different bikes and riding styles. Macke's Software created a photo-led website that brings its “Every rider matters” message together with motorcycle stories and community connections.
The charcoal and blue design pairs bold typography with supplied motorcycle photography. Visitors can explore the garage, enlarge bike photos, and follow links to the community's social channels and external shop.
Website features
Built around
the ride.
Motorcycle garage
- Six motorcycle stories with photos, model details, and short descriptions.
- Enlarged-photo viewer with captions and descriptive image text.
- Keyboard-accessible viewer with a close button and Escape support.
Community connections
- Direct links to Instagram, Facebook, YouTube, and TikTok.
- External Square shop link for merchandise.
- Email contact link and invitations to follow rides and updates.
Responsive website
- Layouts that adapt to desktop and mobile screens.
- Mobile navigation with expanded-state controls and keyboard dismissal.
- Skip link, descriptive image text, and lazy-loaded gallery images.
- Standalone HTML, CSS, and JavaScript with no build step required.
Explore 12oklok
Come ride.
All welcome.
Explore the project, or talk with Macke's Software about a website for your own brand or community.