CONCEPT 01
Editorial Black + Red
Mobile, closed
Mobile, open · 390x844
×
01About02Work03Serviceshover04Testimonials
Contact →
InstagramLinkedInBehanceDribbble
Desktop header, 1440
ABOUTWORKSERVICESTESTIMONIALSCONTACT
Active page = off-white link plus red rule (Work). Hover = grey link lifts to off-white (Services). Focus = off-white ring on Contact (keyboard). Contact is the red primary action.
CONCEPT 02
Full Red Takeover
Mobile, closed
☰
Mobile, open · 390x844
×
AboutWorkServiceshoverTestimonials
Contact →
InstagramLinkedInBehanceDribbble
Desktop header, 1440
ABOUTWORKSERVICESTESTIMONIALSCONTACT
Open menu floods AMD red. Active page = full off-white plus ink left bar (Work). Hover = inactive link rises to full opacity (Services). Focus rings use ink for contrast on red. Contact inverts to an off-white block on mobile and a solid red button on desktop.
CONCEPT 03
Split-Screen Navigation
Mobile, closed
Mobile, open · 390x844
×
AboutWorkServiceshoverTestimonials
AVAILABLE FOR NEW PROJECTS
Atlanta creative director. 20+ years building brands that earn their place.
Contact →
InstagramLinkedInBehanceDribbble
Desktop header, 1440
AVAILABLE
ABOUTWORKSERVICESTESTIMONIALSCONTACT
Open menu splits into a links zone and a dark brand panel (availability, positioning line, Contact, socials) that stacks vertically at 390. Active page = off-white (Work). Hover = grey lifts (Services). Desktop carries a red availability dot. Contact is the red action.
CONCEPT 04
Modular Brand Index
Mobile, closed
MENU
Mobile, open · 390x844
CLOSE
01
About
02
Work
03
Serviceshover
04
Testimonials
05 Contact→
InstagramLinkedInBehanceDribbble
Desktop header, 1440
01ABOUT02WORK03SERVICES04TESTIMONIALSCONTACT
Menu is an indexed grid of numbered modules, Contact as a full-width red module (05). Active page = brightened cell (Work). Hover = cell label lifts (Services). Desktop carries inline red index numbers. Tap targets are full cells.
FULL RED · OPTION 1
Editorial Contact Band
Mobile, closed
Mobile, open · 390x844
×
AboutWorkServiceshoverTestimonials
START SOMETHING
CONTACT →
InstagramLinkedInBehanceDribbble
Desktop header, 1440
ABOUTWORKSERVICESTESTIMONIALSCONTACT
Bare three-line hamburger (closed) and large standalone X (open), no container, 44x44 hit areas. Contact = full-width ink band at the bottom with a START SOMETHING eyebrow over CONTACT. Socials sit in a quiet utility row below the band. Active page = off-white plus ink left bar (Work).
FULL RED · OPTION 3 · REFINED
Split Red + Ink Footer
Mobile, closed
Andrew McKee Design
Mobile, open · 390x844
Andrew McKee Design
×
AboutWorkServicesTestimonials
START SOMETHING
CONTACT →
AVAILABLE • ATLANTA, GA
Desktop header, 1440
Andrew McKee Design
ABOUTWORKSERVICESTESTIMONIALSCONTACT
Refined Option 3. Real logo asset placed in each logo slot. All four links share font size 46, line height, left edge, and margin. Active Work is full off-white with a slim ink marker in the left gutter that does not shift the text. Lower ink footer carries START SOMETHING, a large unboxed CONTACT, the red AVAILABLE line, and four monochrome social icons with 44px targets.
FULL RED · OPTION 3 · FINAL
Split Red + Ink Footer
Mobile, closed · creative-design logo
Andrew McKee Design
Mobile, open · design logo (off-white)
Andrew McKee Design
×
ABOUTWORKSERVICESTESTIMONIALS
START SOMETHING
CONTACT →
AVAILABLE • ATLANTA, GA
Desktop header, 1440 · creative-design logo (no swap)
Andrew McKee Design
ABOUTWORKSERVICESTESTIMONIALSCONTACT
Final corrections. State-based logo: creative-design on closed mobile, desktop, tablet; design (off-white) only inside the open red menu. Links all caps Oswald 700, identical size, left edge, margin, and line spacing; WORK active with a slim ink marker that does not shift text. Availability line and social row share one width container so the icon row spans exactly from the start of AVAILABLE to the end of GA. Icons off-white, turning AMD red on hover, focus, and press.