Blyzr is a calm, witty intelligence that lives between your kitchen and your basket. We don't shout deals. We listen, suggest, and quietly do the boring parts so cooking — and shopping — feels like a choice again.
Quiet
Less interface. More intent. A short sentence beats a screen of options.
Witty
Dry warmth, not jokes. The agent knows what's funny without saying so.
Expert
Specific over generic. "Bronze-cut spaghetti" not "pasta (suggested)".
Pillars · in order
01
Conversation first.
If a screen could be a sentence, make it a sentence.
02
Memory beats menus.
Pantry, taste, last week's order — Blyzr remembers so the user doesn't have to.
03
Specific or silent.
Name the variety, the producer, the why. Never recommend without reason.
04
Soft surfaces, sharp ideas.
Warm light-mode by default. The wit comes from the words, not the chrome.
02 · wordmark
The wordmark.
Set in Comfortaa Bold, lowercase, at −0.02em tracking. The rounded geometric letterforms feel warm and unhurried — soft enough for a playful agent, steady enough to sit beside the editorial serif. The single straight stroke of the z keeps a little speed in an otherwise round alphabet.
primary · Comfortaa Bold
case · lowercase always
weight · 700 · tracking −20
min size · 14px digital · 12pt print
blyzr®light · primary
blyzr®dark · inverse
blyzr®accent
blyzr®tinted background
Construction
x-height baseline−0.02em trackingblyzr
Clearspace & don'ts
Don't capitalize
BLYZR
Don't letterspace
blyzr
Don't outline
blyzr
03 · the orb
The orb.
Blyzr's only proper symbol. A soft conic gradient that drifts when idle, brightens and accelerates when listening, and contracts when it's about to speak. It's never a static logo. If you can't animate it, use the wordmark instead.
colors · 6-stop conic, hues 55–320
idle · 22s rotation
listening · 6s rotation, 1.2s pulse
never · render as a static icon
idle
listening · on dark
inline · 22–60px
Pairing with the wordmark
blyzr
Orb sits left, vertically centered on the x-height. Gap = 0.5× orb diameter.
03b · the orb system
One shape, many jobs.
The orb isn't only a logo — it's a container for meaning. Tint it and it becomes a department. Freeze a state and it frames an idea. Print it big and it's the whole identity, no wordmark required.
Departments · tint the orb
Each aisle takes a single hue from the spectrum. The full multi-hue orb stays reserved for Blyzr itself; the single-hue orb does the wayfinding inside the app, on labels, and on shelf-edge signage.
Fresh
hue 135
Dairy
hue 240
Pantry
hue 55
Bakery
hue 30
Drinks
hue 320
Shaping ideas
Hold a single moment of the orb's motion and it becomes a mood — a way to title a campaign, a recipe collection, a season. The state is the idea.
Green week
seasonal · plant-forward
Sunday slow
long cooks · comfort
Midnight
late · little
First light
breakfast · bright
Merch · the orb is enough
On a tee or tote the orb carries the brand alone; the wordmark drops to a quiet line beneath. Never outline it, never flatten it to a single colour — print it full-spectrum or don't print it.
blyzr
tee · carbon
blyzr
tote · lime
blyzr
tee · paper
04 · color
Color, quietly.
A warm off-white field, three depths of ink, and one electric lime that does all the heavy lifting. We never use saturation as a substitute for hierarchy.
All values defined in OKLCH for perceptual consistency.
Foundation
surface · base
Paper
oklch(0.99 0.003 100) #FBFAF7
surface · 02
Mist
oklch(0.96 0.005 95) #F2F0EC
ink · 02
Slate
oklch(0.32 0.011 80) #3B3A36
ink · primary
Carbon
oklch(0.17 0.012 80) #1B1A17
Signal
accent · only one
Lime ⚡
oklch(0.80 0.22 135) #B4E83A
accent · soft
Lime Wash
oklch(0.94 0.10 135) #E6F4C7
alert · only
Ember
oklch(0.62 0.20 25) #D45A36
Atmospheric · for hero gradients only
tint · warm
Amber
oklch(0.72 0.16 55)
tint · cool
Tide
oklch(0.65 0.16 240)
tint · twilight
Bloom
oklch(0.85 0.10 320)
Usage budget
Treat Lime as paint, not pigment. Aim for under 5% surface area on any screen. If you find yourself using it for decoration, use ink instead.
05 · typography
Three voices, one room.
A magazine-feel serif for moments worth pausing on, a precise sans for everything functional, and a quiet mono for data, sku codes, and timestamps. Mixed deliberately, never randomly.
Comfortaa · logo lockup only
Instrument Serif · hero / editorial
Geist · UI / body
Geist Mono · data / metadata
Instrument Serif Italic
Editorial italic. Used at large sizes for emotional weight.
display · italic 400
Aa Bb Gg Qq Rr
"A quieter way to shop. What's for dinner?"
Geist
UI workhorse. 400 for body, 500 for buttons, 600 for emphasis. Never 700.
ui · 400 / 500 / 600
Aa Bb Gg Qq Rr
Sam is 7 minutes out. Cold bag sealed at 4°C — burrata's behaving.
Geist Mono
Metadata. SKUs, timestamps, kbd, eyebrows. Always uppercase with 0.14em+ tracking.
mono · 400 / 500
Aa Bb 0123 →↩
order · blz-49-2a48 · receipt sent · 15:08
Display scale
Hero · D1what's for dinner?84 / 0.98 / −0.035
Display · D2three ways with tomato56 / 1.02 / −0.028
Heading · H1your basket, composed32 / 1.1 / −0.02
Subhead · H2running low24 / 1.15 / −0.018
Body · LSnap a photo and I'll see what you've got.17 / 1.5 / 0
Confident, specific, gently funny. Like a friend who happens to be a chef. Lowercase moments are fine. Em-dashes are good. Exclamation marks almost never are.
say
Pomodoro it is — bronze-cut spaghetti, vine toms, garlic, basil. 22 min, serves two.
not
Great choice!!! 🍅 Get ready for delicious Italian pasta with our amazing tomato suggestions!
say
You're nearly out of milk. Want me to add a bottle?
not
ATTENTION: Your dairy inventory is critically low. Please review your shopping needs immediately.
say
Skip avocados — last week's two are still good.
not
Based on your order history, we recommend skipping the avocados.
say
Sam is 7 minutes out. They're carrying a cold bag — the burrata's behaving.
not
Your driver is in transit. ETA: 7 minutes. Items temperature-controlled.
Specificity rule
Always name the variety, the place, or the why. "Vine tomatoes — grown nearby" beats "Tomatoes (recommended)".
Length rule
Two sentences max in chat. If you need more, break it into a card.
Emoji rule
None in the UI. One ❋ permitted in agent replies for soft nudges. No food emoji ever.
07 · motion
Motion is response.
Every motion is the agent acknowledging the user. Fast on entry, slow on settle. We don't decorate with animation — we use it to make the interface feel like it's listening.
SettleScreen transitions, card slide-ins, list reorders.320ms · cubic-bezier(.2,.7,.2,1)
DriftOrb idle rotation, ambient gradients.18–22s · linear loop
PulseActive state — listening orb, current timeline node.1.2s · ease-in-out
StaggerMultiple items enter — list, grid, detections.100–250ms apart
08 · iconography
Hairline icons.
24px viewBox, 1.5px stroke, round caps and joins. Outline only. Never filled. Always currentColor — so icons inherit the calm of whatever sits around them.
stroke · 1.5px
linecap · round
fill · none, always
color · currentColor
home
chat
fridge
basket
recipe
truck
pantry
mic
camera
spark
clock
send
Product glyphs · placeholders
Until real product photography lands, food is rendered as outlined geometric primitives — same stroke language as icons. Reads as "intentional placeholder", not "missing image".
tomato
basil
cheese
oil
pasta
eggs
milk
bread
09 · recipes & product
From shelf to plate.
Two surfaces carry the catalogue's soul: real product photography, and the editorial recipe. Both lean on the same calm grid — the food brings the colour, the type stays quiet.
Product photography
Cut-out PNGs on a soft neutral tile — no props, no drop-shadows competing with the orb. Where a real shot isn't in yet, a drop-ready slot or a hairline glyph holds the space without looking broken. Thumbnails everywhere are image-aware: the photo if we have it, the glyph if we don't.
format · cut-out PNG, transparent
tile · soft neutral, hairline border
fallback · drop slot or glyph
All-purpose Flour
BK-APF
Sugar
BK-SUG
Rose Water
BK-ROSE
Vanilla Extract
BK-VAN
The recipe article
Every recipe is an editorial page with a fixed spine, so any dish — a 22-minute pomodoro or a 28-year Qatayef — reads like the same magazine. Borrowed content (details, ingredients, steps, image, video) pours straight into this frame.
01HeroMain image + title in Instrument Serif, byline crediting the original creator, one-tap “add all ingredients”.
02DetailsSkill, time, servings, calories as mono-labelled stat cards; macros as quiet chips.
03WatchA 9:16 video card using the dish as poster; opens the source clip, creator credit intact.
04IngredientsImage-led list with amounts; each line adds its product to the basket.
05StepsNumbered serif markers, per-step timing, and the ingredients each step uses.
Ramadan · Dessert
Classic Qatayef Dough
45 minserves 10177 cal
▶ TikTok · @munaalhasoun
Prices set in $, mono. Amounts and macros use Geist Mono so the data never competes with the dish.
10 · applied
Together, quietly.
ad · home page · 4:5
dinner figured itself out. — blyzr, every thursday at 6
blyzr
app shortcut · 1:1
blyzr
push notification
Blyzr · now
Sam is 4 minutes out. The burrata's behaving.
11 · blyzr café
The shop, made a room.
A grocery you can sit inside. The app's calm hospitality given walls, light, and a smell you'll still remember on the street. Concept — first location in scouting.
The five senses
Nothing in the room is an accident. Every sense is tuned to one word: calm.
Sight
Lime-washed plaster, pale oak, hairline brushed steel. Produce displayed like a gallery; one lime wall; the orb glowing at the counter.
Light
North light by day, low warm pendants by dusk. The orb is ambient light — it brightens as the room fills.
Scent
Citrus zest and crushed fig leaf over warm sourdough and orange blossom, on a base of coffee and cedar.
Sound
Low and unhurried — a warm analog playlist, the soft hum of the orb, ceramic and spoons. No announcements, ever.
Taste
Small and market-driven: single-origin coffee, the week's recipe made fresh (qatayef on Fridays), cut fruit, and bread from the bakehouse.
Materials
Lime-washed plaster
Pale oak
Brushed steel
Natural linen
Lime — one accent
Signature scent · “Morning Market”
Top
Citrus zest · crushed fig leaf · green basil
Heart
Warm sourdough · orange blossom · a drop of rose water
Base
Roasted coffee · cedar · clean musk
The Tasting Bar
Try what's new.
A small, ever-changing counter of just-launched products — indie-chef debuts (straight from “Launch your product”), seasonal arrivals, and the week's discoveries. Tiny portions, free to taste, a card to add any of them to your basket. The room's beating heart of discovery.
The principle
Blyzr is the experience, not the stacked shelf. The AI keeps the warehouse full — the room is for tasting, learning, and lingering.
Six moments in the room
The Orb Counter
The order point. A glowing orb marks where you pay and where staff hand off — the brand's heartbeat, at eye level.
The Recipe Table
A long communal oak table where the week's dish is cooked and sampled. Pull up a stool, watch, taste, take the basket home.
The Pantry Wall
Floor-to-ceiling shelves — the catalog made physical, mono-labelled, restocked in full view.
The Pickup Nook
App orders, bagged and lime-tagged, in a quiet corner by the door. In and out in ten seconds.
The Tasting Bar
A rotating counter of just-launched products to try for free — indie-chef debuts and the week's discoveries, each addable in a tap.
The Lounge
Soft seating for the long stay — a quick catch-up over coffee or a full day's work. Deep linen chairs, low oak tables, quiet power and light at every seat.
12 · back office
The room behind the room.
Operators, buyers, and partners run blyzr from one dashboard. Same palette, opposite job: dense, fast, unemotional. Editorial flourish stops at the door — here, data leads.
Principles
The storefront seduces; the back office informs. Calm still rules — through clarity, not air.
01Data firstGeist Mono, tabular figures, right-aligned numbers. Serif only for section titles.
02Lime = actionAccent is reserved for primary buttons and positive deltas. Status uses amber (watch) and ember (issue).
03Dense, not cramped13px base, an 8px grid, hairline dividers. Whitespace groups — it doesn't decorate.
04One orb, mutedThe orb shrinks to a 14px status bead. No ambient motion on screens people stare at all day.
The operator dashboard
Orders · today
◉ LiveE8 hub
Orders
1,284
▲ 8.2%
GMV
$48.3k
▲ 4.1%
Avg basket
$37.60
▼ 1.3%
Late
3
2 at risk
Throughput · 12h
Active orders
Order
Courier
Status
Total
BLZ-49-2A48
Sam
En route
$42.10
BLZ-49-2A51
Mara
Packing
$28.40
BLZ-49-2A52
—
Unassigned
$61.80
BLZ-49-2A55
Theo
Delivered
$19.20
Same tokens as the storefront — only the density and the restraint change. A buyer should read a screen at a glance, and a number without thinking.
