Sunbeam Bagels

Item: Sunbeam Bagels
Rating: 7.5

Bagel, coffee and lunch shop in Bryan, Texas.

sunbeambagels.com Save page

7.5/10MABTU rating

DESKTOP · 1440 × 7,027/ ↗

MOBILE · 390

Section outline · Home

01heroCoffee. Breakfast. Lunch.900
02media textBagel. Sausage. Cheese. Egg.1,000
03features gridMore Than a Morning Spo t3,121
04gallery900
05features grid1,046
06content900

Rating · Home

Visual design8.0

UX & clarity7.2

Originality8.2

Craft & consistency7.6

Motion6.0

Performance & a11y6.7

This page scores 7.5; the site score weights the home page double.

Main colours

Light·coloured background·vivid

Typography

Belgardheading · font · self-hosted Forma Djr Monobody · mono · adobe Archivonarrow Variablefont Wghtaccent · sans · self-hosted

Stack & style

Google Fonts Webflow GSAP GSAP ScrollTrigger Adobe Fonts Three.js jQuery WebGL canvas

Bold typography Playful Retro Photography-led Hero video Marquee Sticky header

Also: Google Analytics, Cloudflare

Design DNA

A chunky soft retro serif ('Coffee. Breakfast. Lunch.') over a dark café photo, then cream with a red script eyebrow and rotating flavour lists over a cut-out bagel. A tall orange-to-red gradient band holds food photos in rounded tiles, dashed-outline cards with monospace descriptions, a photo strip and ruled links (catering, gift cards, about) with hand-drawn icons. A scattered polaroid collage for Instagram leads to a huge 'Sunbeam' wordmark footer with a sticker badge.

Worth borrowing

Pair a chunky retro serif with monospace body text and dashed card outlines for a diner feel.
Cycle the hero line through flavours ('Sesame. Poppy. Garlic.') above a cut-out product.
Scatter tilted polaroid food photos as the social-feed section.