Home
Templates
Design Systems
Use Cases
Contact
Back to design aesthetics
Share
Save
Ice Gray Cobalt High Street Menu
/iceGrayCobaltHighStreetMenu
Design philosophy: translate the dependable high-street café website into a crisp editorial landing page with a bright civic-blue action system. Core beliefs: a local business feels world-class when hierarchy, photography, opening details, and menu structure are unmistakable. Strict rules: white light navbar, 80vh hero with daylight exterior or window seating, cobalt primary CTA, plain text link, centered intro section, small social-proof quote woven into copy, one background-image story strip with restrained dark overlay, two practical feature sections, cobalt accent band with pale text, ruled menu, and location divided into hours, address, phone, directions. Typography philosophy: use Frutiger, FF Meta, News Gothic, or IBM Plex Sans; body in Lato, Noto Sans, or Cabin; compact labels only where useful. Palette: ice white, blue-gray, zinc, cobalt, charcoal, tiny tomato accent. Spacing: modular, readable, builder-familiar. Motion: simple opacity transitions. Imagery: street signs, coffee machine, tray bakes, staff hands. Refuses SaaS cards, icons, badges, review widgets, beige. Mediocre implementation: corporate blue template. Common mistakes: oversized hero type, heavy overlays, inconsistent menu alignment.
0 likes
0 bookmarks
Aug 21, 2026
Copy Design Aesthetic