Enter
Scaling in, opening. Content arriving into view.
Brand Guidelines
MissionEmpowering Deaf and hard-of-hearing people through innovation
Every word. Every time.
Hearing isn't a requirement for good conversation.
Rylo puts every conversation into words so you don't miss a thing.
Primary lockup, on light
One mark, one wordmark. Don't stretch it, recolor it, or crowd it.
Primary lockup, on dark
Mark alone
Color
Eight colors: warm neutrals and one loud orange.
Text on light backgrounds: use Dusk Dark or Black. Both pass contrast at any size.
Orange is an accent. It fails contrast as text on light backgrounds. On Dusk Dark or Black it reads clearly.
Sky is a tint for accents and illustration, not for text on light backgrounds.
Don't pair Dusk on Dusk or Oatmeal on White. Too close in value to separate.
Typography
One typeface: PP Mori. Semibold for headlines, Regular for everything else.
PP Mori
Headlines. PP Mori Semibold.
Everything you read. PP Mori Regular.
ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789!@€£$&*})({§?
Display / Large · 62pxEvery word. Every time.
Display / Medium · 36pxEvery word. Every time.
Body / Large · 32pxEvery word. Every time.
Body / Medium · 24pxEvery word. Every time.
Display / Small · 20px
Every word. Every time.
Label · 14px
Every word. Every time.
One typeface, two weights, no secondary font.
Sizes come straight from the Rylo Figma file.
Motion
Quiet and purposeful. Motion helps people follow the conversation. It never competes with it.
In motion
Move
Reordering, shuffling. The system responding to a gesture.
In real use
Exchange
Carousel
Toggle
Reveal
The curve
Enter
Move
Calm over flashy. Things drift into place. Nothing bounces or snaps. Words come first. Text appears the moment it's ready. No animation gets in its way.
Every move has a job. If it doesn't guide the eye, cut it. Respect reduced motion. With animation off, everything still works.
Voice & tone
Rylo is The Outspoken Advocate. Direct, warm, and clear.
Rylo removes the friction from communication. Simple as that.
Something went wrong. Sorry about that. Try again or reach out and we'll sort it.
Rylo works for everyone. If it's not working for you, that's on us.
Gives Deaf and hard-of-hearing people access that should have existed from the start.
Do
Conversational, informal tone
Don't
Corporate or formal language
Do
Contractions
Don't
Hard-sell or promotional tone
Do
Oxford comma
Don't
Jargon
Do
Sentence case
Don't
Generic CTAs, like "Click here" or "See more"
Do
Specific CTAs, like "Sign up free" or "Read the guide"
Don't
Directional language
Do
Explain acronyms on first use
Don't
Ableist language
Do
Alt text on every image
Don't
Styling as the only signal of importance
Moodboard
Stills from the Rylo brand film. Warm light, real homes, conversation at the center.
Assets
One glyph per product, one shared container.
Don't recolor a glyph. Don't swap which glyph goes with which product.
Logo files
Every mark variant in this guideline, straight from the brand tokens.
Typefaces
The faces this brand sets in. Files or foundry links.
PP Mori Semibold
DownloadBrand colors
The palette as working files, generated from the tokens.
Logo pack
Every colorway of the lockup and the mark.
Logo pack (SVG)
The same set as vectors.
App icons
The glyph inside the shared rounded-square container. Ready for iOS, macOS, and Android.
