Design style guide

The ins-pi Style Guide includes information about the corporate branding and styling which is mandatory in external & internal communication by employees and partners to prospects and customers.  

Company overview

Registered company name (to be used in official documents only):
ins-pi Inc. OR ins-pi GmbH – according to the region
Marketing company name (to be used everywhere, in all communications):
ins-pi (⚠️ Although there is a '·' in our logo, ALWAYS write our company name with an en dash '-')
ins-pi founders:
Kadir Özbayram & Klaus Isenbecker
Founded in:
July 2015 in Cologne, Germany (but we celebrate our birthday on March 14, i.e. 3.14.)
Core values:
We are passionate about what we do, our team has innovation at heart and customer first mindset.
Language: American English
Brand values:

  • Success
  • Transparency
  • Respect
  • Honesty
  • Trust
  • Teamwork

Tone of voice:

  • Professional but not formal
  • Knowledgeable but not patronizing
  • Lighthearted but still professional
  • Humorous but not messing around (even Peter knows that!)
  • Inspirational and igniting action

Fonts & typography

[You can download the font packages on Box > Design > YouDesign > Fonts]

DM Sans-Bold: Font to set accents
DM Sans-Regular: Default font for all collaterals, headers and titles
Source Sans Pro: Font for success stories' main text*

*Subject to change.

Corporate colors

⚠️ Keep in mind that the screen and print colors will look slightly different on different surfaces, ie. on paper vs. on screen!

YouDesign brand colors:

NAME WEB SCREEN PRINT
HEX R G B C M Y K
YouDesign Blue

#19263E

 25 38 62 15 9 0 76
Accent Green
 #4DD651 77 214 81 54 0 52 16
CTA Green #C2FF41 194 255 5 24 0 75 0
Secondary Grey #1
 #656D7E
 101 109 126 10 7 0 51
Secondary Grey #2 #B4B8BF
 180 184 191 4 3 0 25
Secondary Grey #3 #E8E9EB
 232 233 235 1 1 0 8

 

Corporate colors (legacy colors, no longer being used):

NAME WEB SCREEN PRINT
HEX R G B C M Y K
Corporate Blue

#0874aa

 8 116 170 86 45 13 1
Secondary Corp Blue #1
 #55A2DC 85 162 220 53 23 0 14
Secondary Corp Blue #2 #00497B 0 73 123 48 20 0 52
Designer Orange #fbaa08 251 170 8 0 32 95 2
Secondary Orange #1 #FFDC4D
 255 220 77 0 14 70 0
Secondary Orange #2 #C37B00
 195 123 0 0 28 76 24
UPM-X Blue #74cefb 116 206 251 53 1 0 0
Secondary UPM-X Blue #1 #ADE1FD 173 225 253 31 11 0 1
Secondary UPM-X Blue #2 #3A9DC8 58 157 200 56 17 0 22
FREELUCY Turquoise
 #00dcda 0 220 218 86 0 1 14
Secondary Turquoise #1 #ADFFFD 173 255 253 32 0 1 0
Secondary Turquoise #2 #00AAA7 0 170 167 67 0 1 33
ServiceNow New Green #00DD2D 98 216 78 87 0 69 13

 

Branding & messaging guidelines

 

TRADEMARK LOGO LIGHT LOGO DARK Identity Tagline Comments
YouDesign YouDesign Logo Horizontal on light

 

YouDesign Logo Vertical on light

 

 YouDesign Logo Horizontal on dark

 

YouDesign Logo - vertical

 
Unleash the boundless possibilities of YouDesign – a visionary solution meticulously crafted by ins-pi, 100% embedded within the ServiceNow platform.
 
This groundbreaking innovation provides your enterprise with an expansive canvas for imaginative ideation, meticulous planning, insightful assessment, and the flawless execution of transformative changes – all while remaining wholly rooted within ServiceNow.
  • TBD
 Y and D are ALWAYS capitalized when writing the product name.
YouDesign extension packs YouDesign BPM  YouDesign UPMX
Elevate the impressive capabilities of YouDesign through the introduction of meticulously crafted Extension Packs. These extension packs introduce a wealth of specialized industry intellectual property, effectively propelling YouDesign beyond its current boundaries and unlocking new frontiers of achievement.
   All letters are  capitalized when writing the product name.
ins-pi ins-pi logo_black ins-pi logo_white
ins-pi is a global software manufacturer that specializes in Enterprise Architecture and Transformation Management. Our applications are 100% Built on Now and work seamlessly without any integration on the ServiceNow platform.
 
Selected as a TOP 100 Innovator, we draw our innovative strength from the dialogue with our 300+ customers, partners, and employees.
  • Transform Together
All letters are in lowercase when writing the company name.
UPM-X UPM·X Light Horizontal-1

 

UPM·X Light Vertical		 UPM·X Dark Horizontal

 

UPM·X Dark Vertical
UPM-X is the EA solution on ServiceNow unifying the planning and operational levels on a single platform without integrations. That enables you to create a digital twin of your enterprise and drive transformational change based on high-quality live information.
  • Enterprise Architecture Management (EAM)
  • Enterprise Transformation Management (ETM)
 All letters are capitalized when writing the product name. Although the logo has a '·', ALWAYS use an en dash when writing the product name.
Designer

Designer Light Horizontal

Designer Light Vertical

Designer Dark Horizontal

Designer Dark Vertical

 
Designer is a real-time diagraming and modeling solution, native to the ServiceNow platform. It supports end-to-end Design-Driven Transformation by interacting seamlessly with existing processes through your diagrams to bring your planned changes to life.
  • Real-time Diagraming & Modeling,
  • Design-Driven Transformation
 Only D is in capital when writing the product name.
FREELUCY FREELUCY Light Horizontal

FREELUCY Light Vertical

 FREELUCY Dark Horizontal

FREELUCY Dark Vertical

 
FREELUCY is a visual relationship editor extending ServiceNow capabilities to create, remap and delete relationships easily. Its drag & drop simplicity will ensure, that it can create only allowed relationships.
  • Visual Relationship Editor
  • Free Application
 All letters are capitalized when writing the product name.
Professional Services services-icon-with-text-new
  • High-Class Professional Services
  

 

Website branding style guide

Typography

Fonts, sizes, colors, and all that good stuff. A great resource for keeping your type sizing looking tight is to reference Type Scale.

H1 Heading

H2 Heading

H3 Heading

H4 Heading

H5 Heading
H6 Heading

Adaptogen etsy godard chia fam, vaporware tote bag vinyl hoodie blue bottle neutra ennui locavore. 3 wolf moon hot chicken swag ugh mustache plaid squid coloring book mixtape franzen. Flannel cliche messenger bag vexillologist portland chambray freegan godard, tote bag marfa mustache humblebrag pug.

Salvia leggings lumbersexual you probably havent heard of them wayfarers 8-bit vinyl pour-over kale chips tumblr jean shorts before they sold out. Yr locavore 8-bit, cornhole cred you probably havent heard of them ramps skateboard affogato cray schlitz raclette small batch seitan.

  • This is an unordered list
  • Lists are awesome
  • Everyone loves a list
  1. This is a ordered list
  2. Lists are awesome
  3. Everyone loves a list
Man braid cliche poutine hexagon, four dollar toast air plant humblebrag umami adaptogen forage succulents scenester.
Modal Pop Up

Buttons

You can set up various buttons style to help visually communicate primary, secondary, and tertiary actions you want a visitor to take.

cta-primary

cta-secondary

cta-tertiary

 

CTAs

Just some examples.