Smoked & Loaded — CDG Designs
Food & Beverage Concept

Smoked & Loaded

A high-energy grill concept built for a restaurant that takes its smoke seriously — dark, bold, and impossible to scroll past.

The goal was to build a homepage concept for a Belizean grill-style restaurant that communicates one thing above all: this place means business. No soft colours, no generic food photography layout — just raw brand energy, real food photography, and a site that earns the visit before the customer even reads the menu.

Solution
Squarespace 7.1
Type
Concept / Demo
Industry
Food & Beverage
Pages
Single-page homepage
Smoked & Loaded — Full page preview
The Brief

A grill concept that hits hard.

Most local restaurant sites fall flat — too light, too polished, no personality. The brief here was the opposite: build something that feels like smoke, fire, and appetite the moment the page loads. Dark, aggressive, and totally specific to what this restaurant actually is.

The Solution

Raw energy through contrast.

A near-black base with three accent colors — crimson, ember orange, and smoked gold — used across headline words to mirror the menu itself. Barlow Condensed at full uppercase weight for all hero typography, DM Sans for body. A food photo carousel and a full-width impact banner section round out the scroll.

The Outcome

A concept ready to convert.

The demo is production-ready on Squarespace 7.1. Any grill, BBQ spot, or casual dining restaurant in Belize could launch the same day — with a homepage that communicates quality, creates appetite, and drives table reservations or WhatsApp orders immediately.

Full Page

The complete concept.

smoked-loaded.squarespace.com
Full page mockup

What went into every section.

Every design decision pointed at one target: make the visitor feel the heat before they order. Here's what went into each section of the page.

Full-bleed grill hero with multi-word accent headline
A cinematic grill-action photograph at full viewport height. "SMOKED BURGERS. WINGS. LOADED SIDES." with each product word coloured separately in crimson, orange, and gold. Spinning asterisk brand mark top-left. Dual CTAs — View Menu (filled red) and View Today's Deals (ghost).
Floating navigation — transparent to solid on scroll
Nav launches fully transparent over the hero image. A JS scroll listener adds a `.scrolled` class at 80px, transitioning to a solid near-black background. Menu, Deals, and Address as nav items — clean and direct.
Food photography carousel — three panels, arrow navigation
Three-up carousel of editorial food photography on a dark charcoal band. Ribs and sides, smoked brisket, and loaded burger — all cropped tight and action-forward. Custom arrow buttons in the brand red. Demonstrates the range of the menu in one scroll section.
Full-width impact banner — featured specials
"FEATURED THIS WEEK. SMOKED TO PERFECTION." on a full-width grill photography background. No additional content — just the headline, a Specials CTA, and the photograph doing the selling. One section of pure brand energy between content-dense blocks.
Footer — contact, logo, social links
Minimal dark footer in three-column layout: contact info left (email and phone), centred brand wordmark, social links right (Facebook, Instagram). Clean, structured, and conversion-ready. No clutter.
Colour Palette
Smoke Black
Grill Red
Ember Orange
Smoked Gold
Charcoal
Typography
Display / Headings
SMOKED BURGERS. WINGS. LOADED SIDES.
Barlow Condensed — 800 ExtraBold · All-caps · Multi-word accent
Body / UI
Built for cravings, served hot. Check today's deals and get your order in fast.
DM Sans — 400 Regular · 500 Medium
Next Project