Useful.
We make things that solve real problems. Function comes before decoration.
In designClear systems. Every element earns its place.
Identity system — Edition 2026morrow.
Brand
guidelines.
Technology for a better tomorrow.
A visual and verbal identity for an independent, community-driven open technology initiative. Everything you need to represent Morrow well — and the files to do it.
TypefaceSpace Grotesk
Core colors
Logo files10 SVG masters
Web buttons4 × 88×31
00 Start here
The short version.
In a hurry? These four rules cover most situations. Each one links to the detail.
1
Use the master files.
Never redraw, retype or rearrange the logo. Download it from this page.
Logo 2Give it room.
Keep clear space of ¼ the monogram’s width on every side. Don’t go below 24 px.
Clear space 3Lime is the accent.
Ink does the heavy lifting. On light backgrounds, lime becomes Moss.
Color 4Sound like a person.
Clear words, short sentences, and an invitation to take part.
Voice01 Foundation
Tomorrow should belong to everyone.
Our purpose
We build free and open-source software, and make useful digital infrastructure accessible to the people and projects who need it.
Our point of view
Technology moves forward when people can learn, build, share, and contribute. Morrow exists to lower barriers — not create new ones.
We are a community, not a product category. The identity should feel confident without being exclusive.
Open by design.
Three principles shape every decision, from code to color. Each has a direct consequence for design.
Open.
We share our work, invite contributions, and make decisions transparently.
In designRoom to breathe. Generous space, nothing hidden.
Human.
We write like people, welcome newcomers, and keep complicated things approachable.
In designBold, friendly typography that’s easy to read.
02 Identity
The logo.
One idea, two expressions: a custom geometric m and a lowercase wordmark with a distinctive lime period.
A
Monogram
A custom geometric m. Use it alone once the brand is already clear.
B
Wordmark
Bespoke traced lettering — not typed Space Grotesk. Always lowercase.
C
The period
The lime full stop is part of the name. Never remove, move or recolor it on its own.
Pick a logo, get the file.
Choose the version and colorway you need, then download it. Every option here is approved.
Lime on Ink
Use whenIntroducing Morrow — covers, posters, first-touch materials. This is the default.Primary. Our signature look — use it whenever you can.
03 Identity
Space, size & placement.
A recognizable mark needs room to do its job. Use the logo as a signature, not a decoration.
Minimum sizes.
Starting points for screens. Below these, details close up. Always check legibility in the final context.
24 PX
24px wide
Standalone monogram — favicons, avatars, small UI.
140 PX
140px wide
Full logo — where the name needs to be read.
200 PX
200px wide
Horizontal logo — headers, footers and signatures.
Placement.
Favor a consistent corner and generous outer margins. Keep the symbol visible, not dominant.
Build what’s next.
Quiet corner
Monogram top-left when the brand is already clear.
Free tools, open to everyone.
Name first
Full logo top-left when introducing Morrow.
Technology for a better tomorrow.
Sign-off
Monogram bottom-right as a closing signature.
04 Identity
Logo on color.
One mark, every surface. These are the only approved combinations — pick the one with the strongest contrast.
Lime on InkPrimary
Primary. Our signature look — use it whenever you can.
Moss on Chalk
For light surfaces, documents and print.
Ink on Lime
High-energy moments — covers, merch, campaigns.
White on Ink
One-color, for dark photos and single-ink print.
Ink on Chalk
One-color, for stamps, engraving and fax.
Keep it flat. The mark is always a solid fill — never dimensional, glossy, outlined or gradient-filled. On photos, place it over a calm, dark area or use a solid panel.
05 Identity
Don’t improvise.
The artwork is custom vector geometry. If you’re tempted to change it, use a different approved version instead.
Don’t distort
Never stretch, squash or skew. Scale proportionally.
Don’t rotate
The logo always sits level.
Don’t recolor
Stick to the five approved colorways.
No lime on light
Lime disappears on white (1.1:1). Use Moss instead.
No busy backgrounds
Avoid patterns and low-contrast imagery.
No effects
No shadows, glows, bevels or gradients.
Don’t rearrange
Use the stacked or horizontal version. Never swap, resize or re-space the parts.
Morrow.
Don’t retype it
Typing the name in Space Grotesk isn’t the logo.
06 Design system
Color with purpose.
Ink does the heavy lifting. Electric Lime is saved for focus, identity and small moments of energy. Click any value to copy it.
Primary
Backgrounds, text, the default canvas.
Ink
Accent
Focus, identity, small moments of energy.
Electric Lime
Light
Text on dark, light documents and print.
Chalk
Utility
Panels and quiet surfaces in print.
Mist
Accent on light
Lime’s stand-in on light surfaces.
Moss
Balance.
A rough guide to how much of each color appears across a typical dark layout.
INK · 62%
SURFACES · 18%
CHALK · 10%
LIME · 10%
Contrast pairs.
Measured WCAG 2.2 contrast ratios. Use AAA pairs for body text; “large only” pairs need 24 px+ (or 19 px bold).
AaChalk on Ink
18.1:1AAA · all text
AaLime on Ink
16.1:1AAA · all text
AaInk on Lime
16.1:1AAA · all text
AaWhite on Ink
19.7:1AAA · all text
AaInk on Mist
15.8:1AAA · all text
AaMoss on White
4.6:1AA · all text
AaMoss on Chalk
4.2:1Large text only
AaMoss on Ink
4.3:1Large text only
07 Design system
A voice in type.
Space Grotesk is our only typeface — for headlines, interfaces and body copy. It’s open source and free for everyone.
Aa.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 !?@#&→
Get Space Grotesk SIL Open Font License
Bold · 700Built together.
Semibold · 600 — headlinesOpen by default.
Medium · 500 — leads & UIMade for everyone.
Regular · 400 — bodyFree to build.
Type scale.
Tight tracking on big type, normal tracking on small type. Headlines lead; everything else supports.
Try it.
Type anything below to preview it in Space Grotesk.
Weight
08 Design system
Editorial, not crowded.
Big, direct type sets the hierarchy. A 12-column grid keeps it honest. Whitespace is part of the identity.
morrow labs
Build
what’s next.
Free to build. Open to everyone.
01
Lead with one thought.
Large, direct typography establishes hierarchy before secondary information.
02
Use the grid, then break it.
Keep a clear structure. One deliberate expressive move beats many.
03
Let the brand breathe.
Generous outer margins. Whitespace is part of the identity, not unused space.
04
One accent per view.
Let lime mark the single most important thing — a word, a button, a period.
09 In use
Sound like us.
We sound like a helpful contributor, not a corporate press release.
Curious.
We ask questions, explain the why, and stay excited about how things work.
Direct.
Clear words and short sentences. Say the useful thing first.
Generous.
We share credit, welcome newcomers and always invite people to take part.
Instead of… say.
Instead of
“Leverage our world-class solutions.”
Say
“Build with us. The tools are free.”
Instead of
“Eligible entities may submit an application for consideration.”
Say
“Tell us about your project. We’ll get back to you.”
Instead of
“Morrow is an industry-leading provider of next-gen infrastructure.”
Say
“Morrow is a community building open tools for everyone.”
Writing the name.
The logo is artwork. In text, the name follows normal sentence rules.
In sentences
Capitalize it like any proper noun.
Morrowmorrow.MORROW
Service names
Lowercase, parent name first.
morrow cdnMorrowCDN
The period
It lives in the logo — don’t type it in running text.
Join MorrowJoin morrow.
Naming services.
Service names should never compete with the parent identity. These are illustrative examples, not registered services.
morrow cdnFree delivery for qualifying projects.
Infrastructuremorrow labsOpen-source tools and experiments.
Softwaremorrow communityPeople, events, and shared learning.
People10 In use
Made to be used.
How it comes together on the web, on profiles and in people’s hands.
Technology for
a better tomorrow.
Start buildingRead the docs
Website headerSafe for square and circle crops.
Social avatarStickers
88×31 web buttons.
Classic small-web badges for linking to Morrow from your site. Pick one and copy the embed code.
Preview at 2×
Always display at 88×31 (or exact multiples) with pixelated scaling so edges stay crisp.
Embed code
<a href="https://morrow.jsemolik.dev"> <img src="https://morrow.jsemolik.dev/brand/morrow-88x31.gif" width="88" height="31" alt="morrow. — technology for a better tomorrow" style="image-rendering: pixelated"> </a>
11 Brand kit
Everything, in one place.
The original master files. Use these instead of screenshots or copies from other sites — they’re vector, exact and always up to date.
