Color and palettes

Primary colors

See the color scale calculator >

Our main palette uses bright colors to bring a boldness to our brand, and is used in logical ways throughout product and marketing to guide the eye and highlight the important bits.

CobalT - #132ff2
Obsidian - #1e1926
ASPHALT - #DCDDE3
GOLD - #CAB096

Highlight colors

Our secondary colors brings bold and playful colors into the mix. Use them sparingly, in smaller elements of an illustration, a section or to highlight a benefit.

CYAN - #24f0ff
AQUA - #33ff94
CAnary- #f9f055
PLASMA- #ff97f8
TIGER- #ff97f8

Helper colors

To communicate warnings we use known and more established color codes.

ALERT - #e02567
WARNING - #e9a240
Success - #25b953

Headings and titles

Ideanote provides a constrained set of typographic styles. These styles map as much as possible to functional roles so you know when each can be used. Don’t use units for line-heights. Keep it unitless.

Make ideas matter.

e-h1 large - 60px / 1.1

Make ideas matter.

e-h1 - 50px / 1.1

Make ideas matter.

e-h2 - 36px / 1.1

Make ideas matter.

e-h3 - 22px / 1.1

Make ideas matter.

e-h4 - 19px / 1.1
Make ideas matter.
e-h5 - 16.5px / 1.1
Make ideas matter.
e-h6 - 16px / 1.1

Buttons and links

Lead people to places they want to land.

  • Buttons always live in a button div to adjust their margins.
  • Top level pages can have up to 7 different cta goals, landing pages should have 1 cta.
  • Standard, cobalt and outline buttons are used in most cases, use the other buttons only in rare cases.
  • Buttons are flat, without shadow.

Link button colors

Icon buttons

Text, paragraphs and captions

Rubik is the standard typeface for Ideanote on the web for large texts, headings and paragraphs, and Space Mono is used in some cases for small texts, labels and buttons.

Ideanote provides a constrained set of typographic styles. These styles map as much as possible to functional roles so you know when each can be used. Don’t use units for line-heights. Keep it unitless.

e-paragraph --extra-large - 24px / 1.5

Ideanote provides a constrained set of typographic styles. These styles map as much as possible to functional roles so you know when each can be used. Don’t use units for line-heights. Keep it unitless.

e-paragraph --large - 19px / 1.6

Ideanote provides a constrained set of typographic styles. These styles map as much as possible to functional roles so you know when each can be used. Don’t use units for line-heights. Keep it unitless.

e-paragraph - 16px / 1.7

Ideanote provides a constrained set of typographic styles. These styles map as much as possible to functional roles so you know when each can be used. Don’t use units for line-heights. Keep it unitless.

e-paragraph --small - 24px / 1.5

Ideanote provides a constrained set of typographic styles. These styles map as much as possible to functional roles so you know when each can be used. Don’t use units for line-heights. Keep it unitless.

e-paragraph --small - 24px / 1.5

Ideanote provides a constrained set of typographic styles. These styles map as much as possible to functional roles so you know when each can be used. Don’t use units for line-heights. Keep it unitless.

E-Caption - 10px / 1.3

PAYMENTS

E-LABEL - 10px / 1.3
Ideanote provides a constrained set of typographic styles. These styles map as much as possible to functional roles so you know when each can be used. Don’t use units for line-heights. Keep it unitless.
Blockquote - 24px / 1.5
  • First item
  • Second item
  • Third item
Bullet list - 24px / 1.5

Illustration

Ideanote's illustration language rests on these principles.

  • Hand-drawn squiggles for a playful human touch and to highlight.
  • Hand-drawn parts of the background elements, frames and illustration environments.
  • Humans, at least one human per illustration.
  • Product images. We are a product company - so our product should be front and center.
  • One highlight color per illustration, used preferably at least twice.
  • Highlight colors can be used as background colors in smaller areas taking up to a quarter of the screen on desktop.
  • Gold, light grey shades and obsidian can be used in larger areas as background color.

Writing, voice and style

How we name things

At Ideanote, we like things clear, straightforward, and easy to understand.

That preference is reflected in how we name things. Whenever possible we should avoid razzle-dazzle, allusive names that give you no clue what the named thing actually is.

Products

Our products represent the core, broad use cases for Ideanote — Collect, Engage, Manage and Measure — not detailed functionality. Each Ideanote product encompass a variety of features, which

Ideanote has identified core areas of interest for its audience. These jobs-to-be-done are of timeless importance for any of our customers. Any features we build are aimed at enabling our customers to be able to solve these jobs in a more simple, engaging and efficient way.

Ideanote's four products align perfectly with the innovation-led growth flywheel and permeate how benefits are communicated on the website and in the product.

Feature Categories

Not every feature can be expected to fit neatly in the four products — or expected to be found there by people looking for something they have in mind.

For the sake of a better overview in pricing, support and documentation the list of features is divided in these top-level feature categories.

  • Collect
  • Engage
  • Manage
  • Measure
  • Automate
  • Integrate
  • Compliance
  • Security
  • Administration
  • Billing
  • Support

Feature naming style

Any Ideanote feature should be title-cased when referenced in text.

  • When talking talking about a specific feature use the format [Ideanote Feature Name] once per page if possible. This helps people remember our brand and our benefits.
  • When naming features we do like to add the prefix "Custom" when this makes the benefit of the feature more clear

Ideanote Custom Domain gives you the power to host your very own innovation lab on your company or a client domain. Ever dreamt of having universe of creativity at ideas.yourdomain.com? Now it's finally possible.

Capitalization

Apart from features and products and the Ideanote brand, we use letter-case.

  • Capitalize the brand name Ideanote
  • Capitalize products, e.g. Engage
  • Capitalize features, e.g. Custom Domain
  • Do not capitalize blog or page title headers, use letter-case.
  • One exception are all-caps h6 label or caption styles.
Never use all-caps.

Messaging

The source of truth for all messaging around Ideanote as both a product and a company.

Its goal is to ensure that we communicate:

1. What Ideanote is
2. What Ideanote is for
3. Who Ideanote is for

In a cohesive, coherent, and consistent manner.

All content — whether created for marketing, in-product experiences, education, or support — should be informed by these guidelines and standards.

Category

Defines what type of product we are, and what industry we’re in. Like many innovative products, it’s an industry we’ve created and will continue to define as we evolve.

Continuous innovation platform.

We are disrupting the traditional idea- and innovation management platform market with our innovation-led growth approach. Instead of a focus on one-off innovation campaigns our focus is to serve a platform that can support ongoing innovation while eliminating much of the busywork.

Definition

The next time someone asks you what Ideanote is, tell them this:

Ideanote is a continuous innovation platform that lets you collect, develop and act on the best ideas from employees and customers without any of the busywork.

If you need a longer version, here's an extended cut:

Ideanote is a continuous innovation platform that lets you launch completely custom idea collection campaigns in seconds. By combining idea collection, idea management, engagement and impact analytics in one single and easy to use platform it democratizes access to the tools of innovation and empowers small teams and enterprises alike to make innovation-led growth a reality in a simple, engaging and efficient way. Businesses of every size — from new startups to public companies — use our software to power their innovation.

Mission

Our mission defines what we’re trying to do, and the impact that that effort will have on the world.

Our mission is to democratize access to the tools of innovation by making the process more simple, engaging and efficient.

Frontier

Our frontier defines what the world will look like when we fulfill our mission.

15 years from now having proper continuous innovation processes will be the norm for businesses of all sizes. Implementation will only take minutes and widespread adoption will lead to a new level of innovation across teams, borders and areas of expertise.

North star

Our north star defines our fundamental defining principle, the believe that drives us to do what we do.

Make ideas matter.

Problem statement

Our problem statement defines not only the problem we’re trying to solve, but also why we’re trying to solve it.

Today, the ability to have proper innovation processes set up is restricted to enterprise companies with innovation departments and budgets for innovation consultants — the fortune 500 who have the means. While leaders in all companies demand innovation, middle management often lacks the time or ability to stem an efficient innovation funnel. Most innovation processes remain wildly inefficient, costing businesses massive amounts of time, money, and opportunity. Countless ideas get lost on post-its, email chains and other makeshift solutions, squandering a massive amount of potential. At the same time this leaves employees and customers discontent with no place to go for their valuable ideas. Everyone involved needs a better way to make ideas matter.

Core audiences

Who Ideanote is for.

CIOs, innovation managers and innovators, business developers

Messaging emphasis:

  • Integrates with existing tools
  • Customizable process
  • Data insights and exports
  • Role management
  • User friendly
  • Secure

CEOs, founders, department leaders

Messaging emphasis:

  • Fast implementation time and ROI
  • Engaging and empowering employee
  • Secure
  • Integrates with existing tools
  • Ultra-fair price
  • Supports multiple different use-cases

Freelancers, agencies and consultants

Messaging emphasis:

  • White-labelling
  • Open innovation
  • Audience segmentation
  • Embeddable widget

Backgrounds

Grey Dots