“Run every shift from one place.”
It is practical, not abstract. Every expression of the brand should make work feel more joined-up, visible and manageable.
Brand guide Version 1.0
One brand.
Every shift.
CrewByte should feel like the calmest person in a busy operation: clear, capable, human and always one step ahead.
Primary wordmark
01
Brand foundation
Calm operations.
Confident teams.
CrewByte exists to turn the moving parts of shift work into one clear, dependable rhythm.
Clear
Say what matters. Show status and next steps without making people decode the interface.
Capable
Feel operationally credible. Details are considered and important actions behave predictably.
Human
Use everyday language. Respect that there are real people behind every rota, request and clock-in.
Calm
Reduce noise. Use space, hierarchy and measured colour so busy work never feels chaotic.
02
Logo & identity
A mark built to
work hard.
The wordmark is the default signature. Use the compact icon when space is limited or the CrewByte name is already present.
Preferred on CrewByte Navy
Use at 32px or larger
xx
xGive it room
Keep at least one “x” of clear space on every side. No copy, borders or partner marks should enter this area.
120 px
Keep it readable
Do not use the wordmark below 120px wide digitally or 32mm in print. Switch to the icon when space is tighter.
Do
Use supplied artwork on a clean, high-contrast background.
Don’t recolour
Keep the approved blue, white and navy relationship intact.
Don’t distort
Never stretch, compress, rotate or rebuild the wordmark.
Don’t decorate
Avoid outlines, gradients, shadows and effects on the logo.
03
Colour system
Blue leads.
Navy grounds.
The palette is recognisable without being loud. CrewByte Blue signals action; Navy creates trust and structure; pale surfaces keep daily work calm.
CrewByte Blue
#2C8FE5CrewByte Navy
#0C2A5EDeep Navy
#071D42Operational Ink
#0B1D3AShift Canvas
#F4F8FBQuiet Line
#DCE7EF40%35%20%5%
Let blue do the pointing.
Use Navy and white for the main structure, pale canvas for depth, and CrewByte Blue for actions, highlights and moments that need attention.
Accessibility: use white on Navy or Ink on light surfaces for body copy. Use CrewByte Blue for large text and controls; use Strong Blue #1474C5 for smaller links on white.
Supporting UI coloursUse these to communicate meaning, never as primary brand colours.
Success#16A66A
Attention #ED8B3D
Critical #D95162
04
Typography
Modern, direct
and easy to scan.
CrewByte uses a dependable system sans-serif stack so the brand stays fast and familiar on every device.
Display / 800 / tight
Aa
Every shift, perfectly clear.
Run every shift.
56–80px / 800People know what’s next.
36–52px / 750Today’s schedule
18–24px / 700Keep sentences short, useful and easy to understand at a glance.
16–18px / 40011–13px / 700Primary stackui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif
Avoid novelty fonts, condensed display faces and long passages of uppercase text.
05
Voice & writing
Speak like a
brilliant teammate.
Useful before clever. Warm without being fluffy. Confident without pretending work is always simple.
“Your rota is ready to publish.”
Prefer familiar words and direct actions over process language.
“Two leave requests need your review.”
Be warm and respectful without jokes that get in the way.
“Everyone scheduled has been notified.”
State the outcome. Avoid hype, exclamation marks and inflated claims.
“Jamie clocked in at 08:02.”
Use names, times and next steps when they help someone act.
“Publish the rota when every open shift is covered.”
“Leverage the scheduling module to optimise workforce utilisation.”
CrewByteOne word. Capital C and B.
- CrewByte
- Crewbyte
- Crew Byte
- CREWBYTE
06
Product expression
The brand lives
inside the product.
Interfaces should feel calm at a glance and precise when someone needs to act.
Lead with the next decision
Put the action, status or exception people need first. Supporting detail comes second.
Use colour with meaning
Never rely on colour alone. Pair status colour with a label, icon or plain-language message.
Protect the calm
Use whitespace, restrained borders and one clear primary action per surface.
Show real operations
Use credible names, shifts, locations and times. Avoid empty “lorem ipsum” product imagery.
CrewByteMonday, 21 JulyGood morningEverything is in sync.
Today’s schedule
08:00JA
Jamie A.Main Street · Barista
Clocked in10:00LK
Leah K.Riverside · Team member
Scheduled07
Imagery & motion
Show work as
it really happens.
Choose honest operational moments and product views that make the benefit instantly understandable.
People in context
Show real teams, environments and tasks. Natural light and candid moments beat staged handshakes.
Product with purpose
Frame the workflow being solved. Keep screenshots legible and remove irrelevant customer information.
Motion with meaning
Use short, quiet transitions to explain change or confirm an action—not to decorate every interaction.
Official assets
Ready to make
Ready to make
something CrewByte?
Use the supplied artwork as-is. For partnerships, press or co-branded work, speak to us before publishing.
support@crewbyte.io
PNG · transparent wordmark and square app icon