Lockup
The symbol and wordmark together. This is the default. Use it anywhere you have the horizontal room.
Envisioning · brand assets
Brand
Our mark, type, colour, and language.
For partners, event organisers, journalists, and collaborators. Use these originals as they are; ask us if you need something else.
The marks
Three marks, each in a version for light surfaces and a version for dark. Use the source files rather than a screenshot or a logo pulled from a slide deck. SVG scales to any size and stays sharp in print, so prefer it unless the tool refuses it.
Wordmark
The name on its own, for places the symbol would only add noise. The accent version carries the lime stroke at the right edge, which is part of the mark.
Symbol
The Envisioning symbol on its own. Use it for avatars, favicons, app icons, and partner grids where every logo sits in the same square.
Clear space and size
Keep the height of the symbol's center bar clear on every side of the mark. Nothing sits inside that margin: no text, no rule, no other logo, no edge of the page.
- Clear space
- Height of the symbol's center bar, on all four sides
- Minimum lockup width
- 120px on screen, 30mm in print
- Minimum symbol height
- 24px on screen, 8mm in print
- File format
- SVG everywhere it is accepted, PNG otherwise
Dashed line marks the minimum clear space
What not to do
Every one of these has reached a real slide at some point. The mark is a fixed asset, so the only decisions you need to make are which variant and how big.
Do not recolor
Use a shipped variant. There is one for every surface.
Do not stretch
Scale both dimensions together, always.
Do not rotate
The mark sits level. There is no angled variant.
Do not add effects
No shadows, glows, bevels, or outlines on the mark.
Do not flood with accent
Lime is a highlight. The mark goes on white, off-white, navy, or black.
Do not lose contrast
Dark ink on a dark surface. Switch to the reverse variant instead.
Foresight for the enterprise
Do not crowd it
Respect the clear space, and never set a tagline inside the lockup.
Do not strip the accent stroke
When you use the accent wordmark, the lime stroke at the right edge stays. Use the plain wordmark if you want it gone.
Color
One saturated lime over a navy and near-white base. The palette is deliberately narrow, and there are no gradients in it. Click any value to copy it.
Accent
The only chromatic color in the system. One highlight per headline, one accent button per section.
Accent
accentHighlight marker, CTA fills on dark, the brand's strongest note. Always with navy text.
Accent down
accentDownLight-theme primary, link accents, and small affordances where full lime reads loud.
Ink
An ink family rather than true black. It keeps the depth of printed ink without reading as an OLED void.
Black
blackBody text, and the text color on every lime surface.
Black down
blackDownDark-mode page background.
Black down up
blackDownUpRaised cards and alternating blocks on dark.
Black down down
blackDownDownSunken wells and the footer surface.
Black up
blackUpMuted text on dark surfaces.
Neutral
Cool neutral grays. These carry most of the page.
White down
whiteDownThe alternating section background.
Gray
graySection dividers.
Gray down
grayDownSubtle dividers and hairlines.
Signal
Reserved for real state. Never decorative.
Focus ring
ringDeliberately off-brand so keyboard focus is unmistakable.
Destructive
destructiveErrors and destructive actions.
Success
successConfirmed state.
Type
Inter, variable, at every weight we need. Body copy sits at 18px. The move that makes the page look like us is that titles are set light at weight 300 while prose headings go up to 500, so the largest type on the page is also the quietest.
The wordmark uses our own face, Envisioning Octa. It has its own page, with the files and the rules for when to reach for it.
Page title
36px / 300
See what is coming
Section header
30px / 300
The method is the product
Headline
24px / 300
Research you can keep running
Prose heading
20px / 500, tracking -0.025em
How a scan works
Body
18px / 400, line-height 1.625
The machine handles scale. People decide what it means.
Button label
12px / 500
Run a free tech scan
Eyebrow
12px / 400, uppercase, tracking 0.05em
Research
The highlight marker
A lime background behind one word of a headline, with navy text. It is the most recognizable thing we do typographically, and it stops working the moment there are two of them in a sentence.
Check our work before you hire us. The radars are public.
- One highlight per headline.
- One word, or one short phrase. Never a full sentence.
- Treat it as part of the writing, not as decoration.
Setting it yourself
In a deck or a document, match these values rather than eyeballing them.
- Typeface
- Inter, variable. Free from rsms.me/inter
- Titles
- Weight 300, sentence case, tight leading
- Body
- Weight 400, 18px, line-height 1.625
- Buttons
- Weight 500, 12px, at every size
- Highlight
- #D6F249 background, #2D2E38 text, 4px side padding
How we write
The verbal half of the identity matters more than the logo does, because far more people read us than look at us.
Voice
Plain, direct, specific. First person plural for the company, second person for the reader. Confident enough to name what we cannot do.
Headings
Sentence case, always. Write them as statements that could be true or false. Never a stacked noun phrase like Reusable Strategic Infrastructure.
Facts
At least one per section. A number, a name, a year, a limit. If a competitor could sign the sentence, it says nothing yet.
Never
Em dashes, emoji, hype adjectives (revolutionize, disrupt, unlock, leverage, seamless, robust, holistic, cutting-edge), or the X, not Y inversion more than once on a page.
Product names
One name per product, spelled the same way in decks, forms, and running text.
| The thing | Write it | Not |
|---|---|---|
| The self-serve platform | Signals | Signals Workspace, the Signals platform, Signals app |
| The Signals plans | Starter, Pro, Enterprise | the Workspace, tiers |
| The analyst-led engagement | Signals Session | Research Session, Signals Sessions, Work Session |
| The custom build tier | Bespoke Projects | bespoke, Bespoke |
| The vibe coding training | Build Sessions | workshops, vibe coding sessions |
| The free first step | Signal Scan | free scan, test scan |
| The method | Multi-Model Convergence | our methodology, multi-model orchestration |
| The open guide | Coding for Non-Coders | the workshop, CFNC |
Boilerplate
Use one of these verbatim in a press release, an event program, or a partner page. Click to copy.
One line
Envisioning is a research institute that studies how institutions adapt to technological change.
Short
Envisioning is a research institute that studies how institutions adapt to technological change. We map what is emerging, measure the capacity to respond to it, and build what strengthens that capacity.
Long
Envisioning is a research institute that studies how institutions adapt to technological change. We map what is emerging, measure the capacity to respond to it, and build what strengthens that capacity. Signals, our research platform, scans a question across frontier models and checks every signal against real sources. Our services run on it: analysts who work one question with you, Build Sessions that teach a team to prototype with AI, and research tools built for one organization. We work across Europe, Latin America, and the Middle East, through direct engagements and certified partners who deliver in their own regions and languages. Most of our research is published openly at envisioning.com/research.
Using our mark with yours
Partner materials should read as a collaboration between two organizations that each kept their own identity.
- Equal weight
- Size both marks to the same optical height. Do not scale ours up because the accent draws the eye.
- Neutral separator
- A thin vertical rule or plain whitespace between the two. No connectors, no gradients, no overlap.
- Leave both alone
- Do not recolor a partner mark to match our lime, and do not recolor ours to match theirs.
- Say what was delivered
- Describe the work by what it produced and what still runs, rather than by adjectives.
Partner mark
Equal optical height, a neutral separator, and enough space that neither mark reads as owning the other.
Permission and questions
You can use these files to refer to Envisioning, to credit work we did together, or to link to us. You cannot use them to suggest we endorse or partner with something we have not agreed to. If you need a mark, a format, or a co-branded layout that is not on this page, write to us and we will make it rather than have you rebuild it.
Pointing an agent at this? /design.md is the whole system as one file: the tokens as data, the rules in plain language, and the typeface it is all set in.