SlideShare a Scribd company logo
Internal Brand Guide
TABLE OF CONTENTS
0 1
0 2
0 3
0 4
0 5
0 6
0 7
0 8
0 9
1 0
1 1
1 2
MISSION
TAO
LOGO
PRODUCT LOGOS
SUITE
COLOR
TYPOGRAPHY
GEOMETRY
PATTERNS
ICONOGRAPHY
APPLICATION
ILLUSTRATION
MISSION
0 1
M I S S I O N 0 1BRAND PROMISE
Provision, secure, and run any
infrastructure for any application.
APPLICATIONS
INFRASTRUCTURE
Terraform
P R O V I S I O N
R U N
Nomad
Vault
S E C U R E
HASHICORP SUITE M I S S I O N 0 1
Product Suite
M A I N TA I N
Consul
ENTERPRISE
0 2
TAO
The Tao of HashiCorp is the foundation that guides our
vision, roadmap, and product design. It is valuable to
understand the motivations and intentions behind our
products.
Infrastructure as Code
The belief that all processes should be
written as code, stored, and versioned.
Operations teams have historically
relied on oral tradition to pass along the
knowledge of how to build, upgrade and
triage infrastructure.
Product design starts with an
envisioned workflow to achieve a set
goal. We then identify existing tools that
simplify the workflow. If a sufficient tool
does not exist, we step in to build it.
This approach prefers many smaller
components with well defined scopes that
can be used together. The alternative
approach is monolithic, in which a single
tool has a nebulous scope that expands to
encompass new features and capabilities.
Workflows not Technologies Modular and Open
TA O 0 2OVERVIEW
TA O 0 2INFRASTRUCTURE AS CODE
Infrastructure and code are central figures in
design at HashiCorp. It allows teams to
collaborate on infrastructure. This is where the
complexity begins. An operator writes code
which will be transformed. It is the systems we
design that allow teams to create and
orchestrate infrastructure at enterprise scale.
HashiCorp Vagrant is where our company’s
journey started with infrastructure as code.
Vagrant is also where design at HashiCorp
started. In systems navigated by workflows it is
where an individual users journey starts as well.
Understand the Design
Workflows at each layer of The Stack —
provisioning, security, and runtime — provide
teams the ability to work in parallel allowing
greater application delivery speed and, as a
result, exponential business value.
Workflows contain 3 stages — Write, Test, and
Create. The aforementioned layers of The Stack
encompass the Test stage. For teams, our
products tame complexity arriving from the
Write stage ultimately leading to further
generation of complexity in the form of
provisioned infrastructure, secure access, or
deployed applications in the Create phase.
COMPLEXITY COMPLEXITYSIMPLICITY
Write CreateTest
Understand the Design
TA O 0 2WORKFLOWS
VMCONTAINER
APPLICATION
ANY
Private
Cloud
Baremetal
INFRASTRUCTURE
ANY
TA O 0 2MODULAR AND OPEN
HashiCorp embraces the open and extensible
nature of the DevOps ecosystem of partners and
technology. Diamonds are stacked. Mosiacs are
found in our patterns. Inidivudal units are
atomic, interchangable, and composable.
Understand the Design
LOGOS
0 3
LOGO 0 3L O G O
L O G O S0 1
D E V O P S D E L I V E R E D
I C O N
TA G L I N E
S I G N AT U R E
LO G O
W O R D M A R K
Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Cras sodales
sem a neque porta lobortis. Curabitur
egestas pellentesque purus vitae
malesuada. Vestibulum pellentesque
mauris sed ante laoreet. Nunc velit orci,
feugiat sed tortor ut, mattis pulvinar
lectus.
L O G O S0 1
L O G O
1
2 3
HashiCorp Vertical
Alternate orientation where a square is
needed
2
HashiCorp Symbol
Our icon
3
HashiCorp White
This is the primary logo. Used on dark
backgrounds
1
Inverted
Use the inverted, black versions on light
backgrounds
0 3L O G OUSAGE
1
2 3
Logo Vertical
Alternate orientation where a square is
needed
2
HashiCorp Icon
Our icon
3
Logo White
This is the primary logo. Used on dark
backgrounds
1
Inverted
Use the inverted, black versions on light
backgrounds
RESEARCH
The most important addition to our
brand hierarchy is the HashiCorp
attribution. We employ this attribution so
that users of our products are aware they
are part of the HashiCorp Suite.
Parent
Division
Product
Attributed
Product
Enterprise
Product
Consul
ENTERPRISE
Nomad
Terraform
BRAND HIERARCHY 0 3L O G O
0 3L O G OCLEAR SPACE
Clear space is defined by the width of the
space between the HashiCorp icon and our
wordmark. The same spacing rules are
applied to the product logos.
Consul
PRODUCT LOGOS
0 4
Full Color
Prefer the open souce logo using the accent color and black
text on a light background
Vagrant
Tonal reversed
Use on dark backgrounds and when used in combination with other
HashiCorp tools. For instance, when showed in the HashiCorp Suite.
Vagrant
Lorem ipsum dolor sit amet, consectetur
adipiscing elit. Cras sodales sem a neque
porta lobortis. Curabitur egestas
pellentesque purus vitae malesuada.
Vestibulum pellentesque mauris sed ante
laoreet. Nunc velit orci, feugiat sed tortor
ut, mattis pulvinar lectus.
L O G O S0 1
0 4P R O D U C T L O G O SVAGRANT
Full Color
Vagrant
Vagrant
Monchrome Tonal
Monochrome One Color
Vagrant
Vagrant
Vagrant
Full Color
Monchrome Tonal
Monochrome One Color
Packer
Packer
Packer
0 4P R O D U C T L O G O SPACKER
0 4P R O D U C T L O G O STERRAFORM
Full Color
Monchrome Tonal
Monochrome One Color
Terraform
TerraformTerraform
0 4P R O D U C T L O G O SVAULT
Full Color
Monchrome Tonal
Monochrome One Color
Vault Vault
Vault
0 4P R O D U C T L O G O SNOMAD
Full Color
Monchrome Tonal
NomadNomad
Monochrome One Color
Nomad
0 4P R O D U C T L O G O SCONSUL
Consul
Full Color
Monchrome Tonal
Consul
Monochrome One Color
Consul
SUITE
0 1
OPEN SOURCE
HashiCorp Suite
All of HashiCorp’s foundational technologies are open
source. Our tools are designed to address the realities of
datacenter heterogeneity: physical machines, virtual
machines, containers, serverless architectures and
whatever comes after that. Our focus is on workflows,
not technologies.
HashiCorp Vertical
Alternate orientation where a square is
needed
2
HashiCorp Symbol
Our icon
3
HashiCorp White
This is the primary logo. Used on dark
backgrounds
1Monochrome flat logos
Enterprise logos uses monochrome flat
white logos on a dark background
Notes
The HashiCorp suite empowers organizations to provision hybrid
infrastructure, secure secrets across distributed applications, and run
dynamic resources for modern applications.
ProductSuite
ENTERPRISE
Terraform Vault Nomad Consul
0 4S U I T EENTERPRISE
Often the enterprise horizontal strap will be
followed by in depth dives of each product.
When this is the case we can forego the
product wordmarks. In this case the logos
form a compand strap icon.
All of HashiCorp’s foundational technologies are open source. Our tools
are designed to address the realities of datacenter heterogeneity:
physical machines, virtual machines, containers, serverless
architectures and whatever comes after that. Our focus is on workflows,
not technologies.
ToolSuite
OPEN SOURCE
OPEN SOURCE
Full Color Logos
Use full color logos when open source is
the context and
a white background is necessary
doing deep dives of inidividual tools. For
instance, giving a talk on HashiCorp Consul
and want to put it in context of the DevOps
Tool Suite
talking about tool integrations like
HashiCorp Packer and Terraform
Notes
vertical logo orientation laying out the
products in a horizontal strap
The HashiCorp logo should be present in
combination with the strap. When doing
this there is no need to use HashiCorp
attribution on each product logo
0 1S U I T E
ConsulNomadVaultTerraformPackerVagrant
All of HashiCorp’s foundational technologies are open source. Our tools
are designed to address the realities of datacenter heterogeneity:
physical machines, virtual machines, containers, serverless
architectures and whatever comes after that. Our focus is on workflows,
not technologies.
ToolSuite
OPEN SOURCE
ConsulNomadVaultTerraformPackerVagrant
OPEN SOURCE
Monochrome Tonal Logo
Use monochrome tonal logos when the
context is HashiCorp and
a strong corporate brand presence is
desired
the focus is the suite integrations
0 1S U I T E
Notes
COLOR
0 1
COLOR
#000000
Black
Packer
Terraform
White
#FFFFF
Vault
#919FA8
#1563FF
Vagrant
#5C4EE5
#1DAEFF
Nomad
Consul
#25BA81
#C62A71
Packer
Terraform
Vault
#919FA8
#1563FF
Vagrant
#5C4EE5
#1DAEFF
Nomad
Consul
#25BA81
#C62A71
THEMES
C O L O R 0 2
Use a product color theme for brand
recognition and impact.
Color facilitates recognition and
promotes brand equity. The products
very deliberately have their own
personalities which can be used
effectively individually. Use the
HashiCorp primary color palette of
black, white, and blue to present unity.
80% brightness
40% saturation
16% saturation
Know your audience.
Developers find themselves in
code editors all day.
HashiCorp uses dark themes
heavily as a homage to hacker
culture.
Light themes are more
appropriate, even necessary,
in decks and print. Long form
content, whether print or
digital, should be on a light
theme.
Dark UI’s are trendy and
elegant. Decks are a good
example of combo usage
where we set the tone with a
dark cover slide and
immediately switch to light for
content.
Persona Medium Emotion
Consider when choosing a theme
P R O D U C T C O L O R
P R O D U C T C O L O RD A R K L I G H T
Body copy slightly contrasted. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Nunc venenatis libero quis mi euismod
cursus.
R E F E R E N C E I M P L E M E N TAT I O N
Boxed content
Boxed content
C O L O R 0 2THEMES
The corporate color palette was created to work equally well
on dark and light themes. The dark and light theme palettes
were themselves created to span corporate and product.
This document is itself an example of theme application and
should be used as a catalog of usage.
D A R K
#202831
Black Pearl
#000000
Black
#506379
Dark Electric Blue
#B3BAC6 Body copy
Headlines
Medium contrast
Low contrast
Base color
Cadet Blue
#FFF
White
Headline
Dark vs Light
Body copy slightly contrasted. Lorem ipsum dolor sit amet,
consectetur adipiscing elit. Nunc venenatis libero quis mi euismod
cursus.
Headline
R E F E R E N C E I M P L E M E N TAT I O N
Boxed content
Boxed content
Body copy
Headlines
Low contrast
Base color#FFFFFF
White
#000
Black
#506379
Dark Electric Blue
Medium contrast
L I G H T
#F7F8FB
White Lilac
#4F5258
Trout
THEMES C O L O R 0 2
TYPOGRAPHY
0 1
Light
Regular
Medium
Bold
Klavika
Light
Regular
Semibold
Bold
Open Sans
S T Y L E S T Y P E S C A L E
Klavika
Aa
P R I M A R Y F O N T
S E C O N D A R Y F O N T
Open Sans
Aa
T Y P O G R A P H Y
Infrastructure - 42px
Infrastructure - 32px
Infrastructure - 24px
Infrastructure - 20px
Infrastructure - 15px
Regular
Medium
Bold
Fira Mono
S T Y L E S C O D E S A M P L E
Fira Mono
Aa
M O N O S P A C E
T Y P O G R A P H Y
job "docs" {
group "example" {
task "server" {
dispatch_payload {
file = "config.json"
}
}
}
}
GEOMETRY
0 8
G E O M E T R Y
The HashiCorp icon is set inside a hexagon. The hexagon, along with
our other core geometry—diamonds, parralelograms, circles
(circumscribed), and triangles—can be found in the isometrics grids that
underpin our design.
Hexagons are used as icons when depicting resouces. Hexagons are the
building blocks of infrastructure.
The term "diamond" is used in mathematics to refer to a rhombus. In
our case it is a projected square.
Diamonds atomicly represent applications. In total they can represent
micro service archecture. We often use filled shapes for apps, as
opposed to stroked, as a contrast to the stroked planes that
representing our products architecture and the infrastructure
underneath.
(Rhombus)
Isometric projection is a method for visually representing
three-dimensional objects in two dimensions. HashiCorp uses the
isometric grid used for this projection. There are 3 types of lines that
comprise this base grid: vertical lines, 30° lines to the right, and 30°
lines to the left. We make use of these lines, in different combinations,
for patterns and graphics.
ENTERPRISE
CONTROL PLANE
APPLICATION
w
h
30°
arctan =h
w[
[
30°
HE X AGON DIAMOND
ICONOGRAPHY
1 0
I C O N O G R A P H Y
PATTERNS
0 9
Patterns allow us to use the same theme across
products but provide distinction.
Vagrant
0 9PAT T E R N SVAGRANT
Terraform
0 9PAT T E R N STERRAFORM
Vault
0 9PAT T E R N SVAULT
Nomad
0 9PAT T E R N SNOMAD
Consul
0 9PAT T E R N SCONSUL
Packer
0 9PAT T E R N SPACKER
APPLICATION
1 1
P H O T O G R A P H Y
The HashiCorp suite empowers organizations to provision hybrid
infrastructure, secure secrets across distributed applications, and run
dynamic resources for modern applications.
ProductSuite
ENTERPRISE
Terraform Vault Nomad Consul
P H O T O G R A P H Y
P H O T 0 G R A P H Y
SUBHEADER
Headline
SUBHEADER
Nomad
ENTERPRISE
P H O T O G R A P H Y
Provision infrastructure and application resources
across public cloud, private cloud, and external services.
PROVISION HYBRID INFRASTRUCTURE
Terraform
AnyInfrastructure.
AnyApplication.
Anywhere.
DEVOPS FOR MODERN APPLICATIONS
HashiCorp Consul is a distributed, highly available, and
datacenter aware solution for service discovery.
Consul
ENTERPRISE
HashiCorp Nomad is a distributed, highly available,
datacenter-aware cluster manager and scheduler for the
purpose of deploying applications on any infrastructure,
at any scale.
DYNAMIC APPLICATION SCHEDULER
Nomad
ENTERPRISE
ILLUSTRATION
1 2
Iso Art
lllustration using the grid to produce line art. The
Designer lays out the grid and then ‘breaks’ it to assemble
art. Color can be combined to show movement or
highlight pieces or, like in the case of our cloud, you can
create complex iconography. Future Designers can play
with the forms to see how minimal and complex we can
go. Later we’ll animate.
Adopt Cloud

More Related Content

What's hot

Amazon Elastic Fabric Adapter: Anatomy, Capabilities, and the Road Ahead
Amazon Elastic Fabric Adapter: Anatomy, Capabilities, and the Road AheadAmazon Elastic Fabric Adapter: Anatomy, Capabilities, and the Road Ahead
Amazon Elastic Fabric Adapter: Anatomy, Capabilities, and the Road Ahead
inside-BigData.com
 
Introduction to Vault
Introduction to VaultIntroduction to Vault
Introduction to Vault
Knoldus Inc.
 
Meet up roadmap cloudera 2020 - janeiro
Meet up   roadmap cloudera 2020 - janeiroMeet up   roadmap cloudera 2020 - janeiro
Meet up roadmap cloudera 2020 - janeiro
Thiago Santiago
 
Scalability, Availability & Stability Patterns
Scalability, Availability & Stability PatternsScalability, Availability & Stability Patterns
Scalability, Availability & Stability Patterns
Jonas Bonér
 
Kafka presentation
Kafka presentationKafka presentation
Kafka presentation
Mohammed Fazuluddin
 
Building A Modern Data Analytics Architecture on AWS
Building A Modern Data Analytics Architecture on AWSBuilding A Modern Data Analytics Architecture on AWS
Building A Modern Data Analytics Architecture on AWS
Amazon Web Services
 
Amazon S3 Best Practice and Tuning for Hadoop/Spark in the Cloud
Amazon S3 Best Practice and Tuning for Hadoop/Spark in the CloudAmazon S3 Best Practice and Tuning for Hadoop/Spark in the Cloud
Amazon S3 Best Practice and Tuning for Hadoop/Spark in the Cloud
Noritaka Sekiyama
 
20180613 AWS Black Belt Online Seminar AWS Cloud9 入門
20180613 AWS Black Belt Online Seminar AWS Cloud9 入門20180613 AWS Black Belt Online Seminar AWS Cloud9 入門
20180613 AWS Black Belt Online Seminar AWS Cloud9 入門
Amazon Web Services Japan
 
AWS Certification | AWS Architect Certification Training | AWS Tutorial | AWS...
AWS Certification | AWS Architect Certification Training | AWS Tutorial | AWS...AWS Certification | AWS Architect Certification Training | AWS Tutorial | AWS...
AWS Certification | AWS Architect Certification Training | AWS Tutorial | AWS...
Edureka!
 
Terraform CDK, Promises of a brighter future, or another fad?
Terraform CDK, Promises of a brighter future, or another fad?Terraform CDK, Promises of a brighter future, or another fad?
Terraform CDK, Promises of a brighter future, or another fad?
Olivier Bacs
 
Oracle Cloud Infrastructure – Storage
Oracle Cloud Infrastructure – StorageOracle Cloud Infrastructure – Storage
Oracle Cloud Infrastructure – Storage
MarketingArrowECS_CZ
 
Apache Kafka Architecture & Fundamentals Explained
Apache Kafka Architecture & Fundamentals ExplainedApache Kafka Architecture & Fundamentals Explained
Apache Kafka Architecture & Fundamentals Explained
confluent
 
ScyllaDB Cloud Goes Serverless
ScyllaDB Cloud Goes ServerlessScyllaDB Cloud Goes Serverless
ScyllaDB Cloud Goes Serverless
ScyllaDB
 
SAP S/4HANA on AWS Tシャツモデル
SAP S/4HANA on AWS TシャツモデルSAP S/4HANA on AWS Tシャツモデル
SAP S/4HANA on AWS Tシャツモデル
Tetsuya Kawahara
 
CI-CD with AWS Developer Tools and Fargate_AWSPSSummit_Singapore
CI-CD with AWS Developer Tools and Fargate_AWSPSSummit_SingaporeCI-CD with AWS Developer Tools and Fargate_AWSPSSummit_Singapore
CI-CD with AWS Developer Tools and Fargate_AWSPSSummit_Singapore
Amazon Web Services
 
Terraform Basics
Terraform BasicsTerraform Basics
Terraform Basics
Mohammed Fazuluddin
 
Terraform -- Infrastructure as Code
Terraform -- Infrastructure as CodeTerraform -- Infrastructure as Code
Terraform -- Infrastructure as Code
Martin Schütte
 
ABN AMRO DevSecOps Journey
ABN AMRO DevSecOps JourneyABN AMRO DevSecOps Journey
ABN AMRO DevSecOps Journey
Derek E. Weeks
 
Hadoop benchmark: Evaluating Cloudera, Hortonworks, and MapR
Hadoop benchmark: Evaluating Cloudera, Hortonworks, and MapRHadoop benchmark: Evaluating Cloudera, Hortonworks, and MapR
Hadoop benchmark: Evaluating Cloudera, Hortonworks, and MapR
Douglas Bernardini
 
HBase and Hadoop at Adobe
HBase and Hadoop at AdobeHBase and Hadoop at Adobe
HBase and Hadoop at Adobe
Cosmin Lehene
 

What's hot (20)

Amazon Elastic Fabric Adapter: Anatomy, Capabilities, and the Road Ahead
Amazon Elastic Fabric Adapter: Anatomy, Capabilities, and the Road AheadAmazon Elastic Fabric Adapter: Anatomy, Capabilities, and the Road Ahead
Amazon Elastic Fabric Adapter: Anatomy, Capabilities, and the Road Ahead
 
Introduction to Vault
Introduction to VaultIntroduction to Vault
Introduction to Vault
 
Meet up roadmap cloudera 2020 - janeiro
Meet up   roadmap cloudera 2020 - janeiroMeet up   roadmap cloudera 2020 - janeiro
Meet up roadmap cloudera 2020 - janeiro
 
Scalability, Availability & Stability Patterns
Scalability, Availability & Stability PatternsScalability, Availability & Stability Patterns
Scalability, Availability & Stability Patterns
 
Kafka presentation
Kafka presentationKafka presentation
Kafka presentation
 
Building A Modern Data Analytics Architecture on AWS
Building A Modern Data Analytics Architecture on AWSBuilding A Modern Data Analytics Architecture on AWS
Building A Modern Data Analytics Architecture on AWS
 
Amazon S3 Best Practice and Tuning for Hadoop/Spark in the Cloud
Amazon S3 Best Practice and Tuning for Hadoop/Spark in the CloudAmazon S3 Best Practice and Tuning for Hadoop/Spark in the Cloud
Amazon S3 Best Practice and Tuning for Hadoop/Spark in the Cloud
 
20180613 AWS Black Belt Online Seminar AWS Cloud9 入門
20180613 AWS Black Belt Online Seminar AWS Cloud9 入門20180613 AWS Black Belt Online Seminar AWS Cloud9 入門
20180613 AWS Black Belt Online Seminar AWS Cloud9 入門
 
AWS Certification | AWS Architect Certification Training | AWS Tutorial | AWS...
AWS Certification | AWS Architect Certification Training | AWS Tutorial | AWS...AWS Certification | AWS Architect Certification Training | AWS Tutorial | AWS...
AWS Certification | AWS Architect Certification Training | AWS Tutorial | AWS...
 
Terraform CDK, Promises of a brighter future, or another fad?
Terraform CDK, Promises of a brighter future, or another fad?Terraform CDK, Promises of a brighter future, or another fad?
Terraform CDK, Promises of a brighter future, or another fad?
 
Oracle Cloud Infrastructure – Storage
Oracle Cloud Infrastructure – StorageOracle Cloud Infrastructure – Storage
Oracle Cloud Infrastructure – Storage
 
Apache Kafka Architecture & Fundamentals Explained
Apache Kafka Architecture & Fundamentals ExplainedApache Kafka Architecture & Fundamentals Explained
Apache Kafka Architecture & Fundamentals Explained
 
ScyllaDB Cloud Goes Serverless
ScyllaDB Cloud Goes ServerlessScyllaDB Cloud Goes Serverless
ScyllaDB Cloud Goes Serverless
 
SAP S/4HANA on AWS Tシャツモデル
SAP S/4HANA on AWS TシャツモデルSAP S/4HANA on AWS Tシャツモデル
SAP S/4HANA on AWS Tシャツモデル
 
CI-CD with AWS Developer Tools and Fargate_AWSPSSummit_Singapore
CI-CD with AWS Developer Tools and Fargate_AWSPSSummit_SingaporeCI-CD with AWS Developer Tools and Fargate_AWSPSSummit_Singapore
CI-CD with AWS Developer Tools and Fargate_AWSPSSummit_Singapore
 
Terraform Basics
Terraform BasicsTerraform Basics
Terraform Basics
 
Terraform -- Infrastructure as Code
Terraform -- Infrastructure as CodeTerraform -- Infrastructure as Code
Terraform -- Infrastructure as Code
 
ABN AMRO DevSecOps Journey
ABN AMRO DevSecOps JourneyABN AMRO DevSecOps Journey
ABN AMRO DevSecOps Journey
 
Hadoop benchmark: Evaluating Cloudera, Hortonworks, and MapR
Hadoop benchmark: Evaluating Cloudera, Hortonworks, and MapRHadoop benchmark: Evaluating Cloudera, Hortonworks, and MapR
Hadoop benchmark: Evaluating Cloudera, Hortonworks, and MapR
 
HBase and Hadoop at Adobe
HBase and Hadoop at AdobeHBase and Hadoop at Adobe
HBase and Hadoop at Adobe
 

Similar to HashiCorp Brand Guide

Inria Tech Talk - Programmation Pharo - Mercredi 26 septembre 2018
Inria Tech Talk - Programmation Pharo - Mercredi 26 septembre 2018Inria Tech Talk - Programmation Pharo - Mercredi 26 septembre 2018
Inria Tech Talk - Programmation Pharo - Mercredi 26 septembre 2018
FrenchTechCentral
 
Introduction to r
Introduction to rIntroduction to r
Introduction to r
gslicraf
 
Open event (show&tell april 2016)
Open event (show&tell april 2016)Open event (show&tell april 2016)
Open event (show&tell april 2016)
Jorge López-Lago
 
Studio Session #11 | Accenture Liquid Studio
Studio Session #11 | Accenture Liquid StudioStudio Session #11 | Accenture Liquid Studio
Studio Session #11 | Accenture Liquid Studio
Frances Coronel
 
Mozilla + Rust at PCU Manila 02 DEC 2016
Mozilla + Rust at PCU Manila 02 DEC 2016Mozilla + Rust at PCU Manila 02 DEC 2016
Mozilla + Rust at PCU Manila 02 DEC 2016
Robert 'Bob' Reyes
 
Transforming Application Delivery with PaaS and Linux Containers
Transforming Application Delivery with PaaS and Linux ContainersTransforming Application Delivery with PaaS and Linux Containers
Transforming Application Delivery with PaaS and Linux Containers
Giovanni Galloro
 
OWF2013 INTERNET OF THINGS
OWF2013 INTERNET OF THINGSOWF2013 INTERNET OF THINGS
Modelling and Programming: Isn’t it all the same?
Modelling and Programming: Isn’t it all the same?Modelling and Programming: Isn’t it all the same?
Modelling and Programming: Isn’t it all the same?
CHOOSE
 
Hire a Machine to Code - Michael Arthur Bucko & Aurélien Nicolas
Hire a Machine to Code - Michael Arthur Bucko & Aurélien NicolasHire a Machine to Code - Michael Arthur Bucko & Aurélien Nicolas
Hire a Machine to Code - Michael Arthur Bucko & Aurélien Nicolas
WithTheBest
 
Cmpe202 01 Research
Cmpe202 01 ResearchCmpe202 01 Research
Cmpe202 01 Research
vladimirkorshak
 
From Zero to Cloud: Revolutionize your Application Life Cycle with OpenShift ...
From Zero to Cloud: Revolutionize your Application Life Cycle with OpenShift ...From Zero to Cloud: Revolutionize your Application Life Cycle with OpenShift ...
From Zero to Cloud: Revolutionize your Application Life Cycle with OpenShift ...
OpenShift Origin
 
RAML - APIs By Design
RAML - APIs By DesignRAML - APIs By Design
RAML - APIs By Design
Uri Sarid
 
Building frameworks: from concept to completion
Building frameworks: from concept to completionBuilding frameworks: from concept to completion
Building frameworks: from concept to completion
Ruben Goncalves
 
Open Source Design - FSOSS 2008
Open Source Design - FSOSS 2008Open Source Design - FSOSS 2008
Open Source Design - FSOSS 2008
Brendan Sera-Shriar
 
Абрамович Максим, "Rad studio xe4"
Абрамович Максим, "Rad studio xe4"Абрамович Максим, "Rad studio xe4"
Абрамович Максим, "Rad studio xe4"EPAM Systems
 
Supercomputer final
Supercomputer finalSupercomputer final
Supercomputer final
Rupesh Kumar Tiwari
 
Open frameworks 101_fitc
Open frameworks 101_fitcOpen frameworks 101_fitc
Open frameworks 101_fitc
benDesigning
 

Similar to HashiCorp Brand Guide (20)

Inria Tech Talk - Programmation Pharo - Mercredi 26 septembre 2018
Inria Tech Talk - Programmation Pharo - Mercredi 26 septembre 2018Inria Tech Talk - Programmation Pharo - Mercredi 26 septembre 2018
Inria Tech Talk - Programmation Pharo - Mercredi 26 septembre 2018
 
Introduction to r
Introduction to rIntroduction to r
Introduction to r
 
Open event (show&tell april 2016)
Open event (show&tell april 2016)Open event (show&tell april 2016)
Open event (show&tell april 2016)
 
Studio Session #11 | Accenture Liquid Studio
Studio Session #11 | Accenture Liquid StudioStudio Session #11 | Accenture Liquid Studio
Studio Session #11 | Accenture Liquid Studio
 
Mozilla + Rust at PCU Manila 02 DEC 2016
Mozilla + Rust at PCU Manila 02 DEC 2016Mozilla + Rust at PCU Manila 02 DEC 2016
Mozilla + Rust at PCU Manila 02 DEC 2016
 
Transforming Application Delivery with PaaS and Linux Containers
Transforming Application Delivery with PaaS and Linux ContainersTransforming Application Delivery with PaaS and Linux Containers
Transforming Application Delivery with PaaS and Linux Containers
 
OWF2013 INTERNET OF THINGS
OWF2013 INTERNET OF THINGSOWF2013 INTERNET OF THINGS
OWF2013 INTERNET OF THINGS
 
Modelling and Programming: Isn’t it all the same?
Modelling and Programming: Isn’t it all the same?Modelling and Programming: Isn’t it all the same?
Modelling and Programming: Isn’t it all the same?
 
HKU ppt
HKU pptHKU ppt
HKU ppt
 
Hku Ppt
Hku PptHku Ppt
Hku Ppt
 
Hire a Machine to Code - Michael Arthur Bucko & Aurélien Nicolas
Hire a Machine to Code - Michael Arthur Bucko & Aurélien NicolasHire a Machine to Code - Michael Arthur Bucko & Aurélien Nicolas
Hire a Machine to Code - Michael Arthur Bucko & Aurélien Nicolas
 
Cmpe202 01 Research
Cmpe202 01 ResearchCmpe202 01 Research
Cmpe202 01 Research
 
From Zero to Cloud: Revolutionize your Application Life Cycle with OpenShift ...
From Zero to Cloud: Revolutionize your Application Life Cycle with OpenShift ...From Zero to Cloud: Revolutionize your Application Life Cycle with OpenShift ...
From Zero to Cloud: Revolutionize your Application Life Cycle with OpenShift ...
 
RAML - APIs By Design
RAML - APIs By DesignRAML - APIs By Design
RAML - APIs By Design
 
Building frameworks: from concept to completion
Building frameworks: from concept to completionBuilding frameworks: from concept to completion
Building frameworks: from concept to completion
 
Open Source Design - FSOSS 2008
Open Source Design - FSOSS 2008Open Source Design - FSOSS 2008
Open Source Design - FSOSS 2008
 
Абрамович Максим, "Rad studio xe4"
Абрамович Максим, "Rad studio xe4"Абрамович Максим, "Rad studio xe4"
Абрамович Максим, "Rad studio xe4"
 
Supercomputer final
Supercomputer finalSupercomputer final
Supercomputer final
 
Resume-TakeshiHashimoto16120700
Resume-TakeshiHashimoto16120700Resume-TakeshiHashimoto16120700
Resume-TakeshiHashimoto16120700
 
Open frameworks 101_fitc
Open frameworks 101_fitcOpen frameworks 101_fitc
Open frameworks 101_fitc
 

Recently uploaded

Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
Safe Software
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Albert Hoitingh
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Thierry Lestable
 
Quantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIsQuantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIs
Vlad Stirbu
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
Ana-Maria Mihalceanu
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
DanBrown980551
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
mikeeftimakis1
 
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfSAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
Peter Spielvogel
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
KatiaHIMEUR1
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
Dorra BARTAGUIZ
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
BookNet Canada
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
Thijs Feryn
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
Ralf Eggert
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
Elena Simperl
 
Free Complete Python - A step towards Data Science
Free Complete Python - A step towards Data ScienceFree Complete Python - A step towards Data Science
Free Complete Python - A step towards Data Science
RinaMondal9
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
Sri Ambati
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
Alan Dix
 
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptxSecstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
nkrafacyberclub
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
UiPathCommunity
 

Recently uploaded (20)

Essentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with ParametersEssentials of Automations: Optimizing FME Workflows with Parameters
Essentials of Automations: Optimizing FME Workflows with Parameters
 
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
Encryption in Microsoft 365 - ExpertsLive Netherlands 2024
 
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
Empowering NextGen Mobility via Large Action Model Infrastructure (LAMI): pav...
 
Quantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIsQuantum Computing: Current Landscape and the Future Role of APIs
Quantum Computing: Current Landscape and the Future Role of APIs
 
Monitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR EventsMonitoring Java Application Security with JDK Tools and JFR Events
Monitoring Java Application Security with JDK Tools and JFR Events
 
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
LF Energy Webinar: Electrical Grid Modelling and Simulation Through PowSyBl -...
 
FIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdfFIDO Alliance Osaka Seminar: Overview.pdf
FIDO Alliance Osaka Seminar: Overview.pdf
 
Introduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - CybersecurityIntroduction to CHERI technology - Cybersecurity
Introduction to CHERI technology - Cybersecurity
 
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdfSAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
SAP Sapphire 2024 - ASUG301 building better apps with SAP Fiori.pdf
 
Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !Securing your Kubernetes cluster_ a step-by-step guide to success !
Securing your Kubernetes cluster_ a step-by-step guide to success !
 
Elevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object CalisthenicsElevating Tactical DDD Patterns Through Object Calisthenics
Elevating Tactical DDD Patterns Through Object Calisthenics
 
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...Transcript: Selling digital books in 2024: Insights from industry leaders - T...
Transcript: Selling digital books in 2024: Insights from industry leaders - T...
 
Accelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish CachingAccelerate your Kubernetes clusters with Varnish Caching
Accelerate your Kubernetes clusters with Varnish Caching
 
PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)PHP Frameworks: I want to break free (IPC Berlin 2024)
PHP Frameworks: I want to break free (IPC Berlin 2024)
 
When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...When stars align: studies in data quality, knowledge graphs, and machine lear...
When stars align: studies in data quality, knowledge graphs, and machine lear...
 
Free Complete Python - A step towards Data Science
Free Complete Python - A step towards Data ScienceFree Complete Python - A step towards Data Science
Free Complete Python - A step towards Data Science
 
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
GenAISummit 2024 May 28 Sri Ambati Keynote: AGI Belongs to The Community in O...
 
Epistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI supportEpistemic Interaction - tuning interfaces to provide information for AI support
Epistemic Interaction - tuning interfaces to provide information for AI support
 
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptxSecstrike : Reverse Engineering & Pwnable tools for CTF.pptx
Secstrike : Reverse Engineering & Pwnable tools for CTF.pptx
 
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
Dev Dives: Train smarter, not harder – active learning and UiPath LLMs for do...
 

HashiCorp Brand Guide

  • 2. TABLE OF CONTENTS 0 1 0 2 0 3 0 4 0 5 0 6 0 7 0 8 0 9 1 0 1 1 1 2 MISSION TAO LOGO PRODUCT LOGOS SUITE COLOR TYPOGRAPHY GEOMETRY PATTERNS ICONOGRAPHY APPLICATION ILLUSTRATION
  • 4. M I S S I O N 0 1BRAND PROMISE Provision, secure, and run any infrastructure for any application. APPLICATIONS INFRASTRUCTURE
  • 5. Terraform P R O V I S I O N R U N Nomad Vault S E C U R E HASHICORP SUITE M I S S I O N 0 1 Product Suite M A I N TA I N Consul ENTERPRISE
  • 7. The Tao of HashiCorp is the foundation that guides our vision, roadmap, and product design. It is valuable to understand the motivations and intentions behind our products. Infrastructure as Code The belief that all processes should be written as code, stored, and versioned. Operations teams have historically relied on oral tradition to pass along the knowledge of how to build, upgrade and triage infrastructure. Product design starts with an envisioned workflow to achieve a set goal. We then identify existing tools that simplify the workflow. If a sufficient tool does not exist, we step in to build it. This approach prefers many smaller components with well defined scopes that can be used together. The alternative approach is monolithic, in which a single tool has a nebulous scope that expands to encompass new features and capabilities. Workflows not Technologies Modular and Open TA O 0 2OVERVIEW
  • 8. TA O 0 2INFRASTRUCTURE AS CODE Infrastructure and code are central figures in design at HashiCorp. It allows teams to collaborate on infrastructure. This is where the complexity begins. An operator writes code which will be transformed. It is the systems we design that allow teams to create and orchestrate infrastructure at enterprise scale. HashiCorp Vagrant is where our company’s journey started with infrastructure as code. Vagrant is also where design at HashiCorp started. In systems navigated by workflows it is where an individual users journey starts as well. Understand the Design
  • 9. Workflows at each layer of The Stack — provisioning, security, and runtime — provide teams the ability to work in parallel allowing greater application delivery speed and, as a result, exponential business value. Workflows contain 3 stages — Write, Test, and Create. The aforementioned layers of The Stack encompass the Test stage. For teams, our products tame complexity arriving from the Write stage ultimately leading to further generation of complexity in the form of provisioned infrastructure, secure access, or deployed applications in the Create phase. COMPLEXITY COMPLEXITYSIMPLICITY Write CreateTest Understand the Design TA O 0 2WORKFLOWS
  • 10. VMCONTAINER APPLICATION ANY Private Cloud Baremetal INFRASTRUCTURE ANY TA O 0 2MODULAR AND OPEN HashiCorp embraces the open and extensible nature of the DevOps ecosystem of partners and technology. Diamonds are stacked. Mosiacs are found in our patterns. Inidivudal units are atomic, interchangable, and composable. Understand the Design
  • 12. LOGO 0 3L O G O L O G O S0 1 D E V O P S D E L I V E R E D I C O N TA G L I N E S I G N AT U R E LO G O W O R D M A R K Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sodales sem a neque porta lobortis. Curabitur egestas pellentesque purus vitae malesuada. Vestibulum pellentesque mauris sed ante laoreet. Nunc velit orci, feugiat sed tortor ut, mattis pulvinar lectus.
  • 13. L O G O S0 1 L O G O 1 2 3 HashiCorp Vertical Alternate orientation where a square is needed 2 HashiCorp Symbol Our icon 3 HashiCorp White This is the primary logo. Used on dark backgrounds 1 Inverted Use the inverted, black versions on light backgrounds 0 3L O G OUSAGE 1 2 3 Logo Vertical Alternate orientation where a square is needed 2 HashiCorp Icon Our icon 3 Logo White This is the primary logo. Used on dark backgrounds 1 Inverted Use the inverted, black versions on light backgrounds
  • 14. RESEARCH The most important addition to our brand hierarchy is the HashiCorp attribution. We employ this attribution so that users of our products are aware they are part of the HashiCorp Suite. Parent Division Product Attributed Product Enterprise Product Consul ENTERPRISE Nomad Terraform BRAND HIERARCHY 0 3L O G O
  • 15. 0 3L O G OCLEAR SPACE Clear space is defined by the width of the space between the HashiCorp icon and our wordmark. The same spacing rules are applied to the product logos. Consul
  • 17. Full Color Prefer the open souce logo using the accent color and black text on a light background Vagrant Tonal reversed Use on dark backgrounds and when used in combination with other HashiCorp tools. For instance, when showed in the HashiCorp Suite. Vagrant Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras sodales sem a neque porta lobortis. Curabitur egestas pellentesque purus vitae malesuada. Vestibulum pellentesque mauris sed ante laoreet. Nunc velit orci, feugiat sed tortor ut, mattis pulvinar lectus. L O G O S0 1 0 4P R O D U C T L O G O SVAGRANT Full Color Vagrant Vagrant Monchrome Tonal Monochrome One Color Vagrant Vagrant Vagrant
  • 18. Full Color Monchrome Tonal Monochrome One Color Packer Packer Packer 0 4P R O D U C T L O G O SPACKER
  • 19. 0 4P R O D U C T L O G O STERRAFORM Full Color Monchrome Tonal Monochrome One Color Terraform TerraformTerraform
  • 20. 0 4P R O D U C T L O G O SVAULT Full Color Monchrome Tonal Monochrome One Color Vault Vault Vault
  • 21. 0 4P R O D U C T L O G O SNOMAD Full Color Monchrome Tonal NomadNomad Monochrome One Color Nomad
  • 22. 0 4P R O D U C T L O G O SCONSUL Consul Full Color Monchrome Tonal Consul Monochrome One Color Consul
  • 24. OPEN SOURCE HashiCorp Suite All of HashiCorp’s foundational technologies are open source. Our tools are designed to address the realities of datacenter heterogeneity: physical machines, virtual machines, containers, serverless architectures and whatever comes after that. Our focus is on workflows, not technologies.
  • 25. HashiCorp Vertical Alternate orientation where a square is needed 2 HashiCorp Symbol Our icon 3 HashiCorp White This is the primary logo. Used on dark backgrounds 1Monochrome flat logos Enterprise logos uses monochrome flat white logos on a dark background Notes The HashiCorp suite empowers organizations to provision hybrid infrastructure, secure secrets across distributed applications, and run dynamic resources for modern applications. ProductSuite ENTERPRISE Terraform Vault Nomad Consul 0 4S U I T EENTERPRISE Often the enterprise horizontal strap will be followed by in depth dives of each product. When this is the case we can forego the product wordmarks. In this case the logos form a compand strap icon.
  • 26. All of HashiCorp’s foundational technologies are open source. Our tools are designed to address the realities of datacenter heterogeneity: physical machines, virtual machines, containers, serverless architectures and whatever comes after that. Our focus is on workflows, not technologies. ToolSuite OPEN SOURCE OPEN SOURCE Full Color Logos Use full color logos when open source is the context and a white background is necessary doing deep dives of inidividual tools. For instance, giving a talk on HashiCorp Consul and want to put it in context of the DevOps Tool Suite talking about tool integrations like HashiCorp Packer and Terraform Notes vertical logo orientation laying out the products in a horizontal strap The HashiCorp logo should be present in combination with the strap. When doing this there is no need to use HashiCorp attribution on each product logo 0 1S U I T E ConsulNomadVaultTerraformPackerVagrant
  • 27. All of HashiCorp’s foundational technologies are open source. Our tools are designed to address the realities of datacenter heterogeneity: physical machines, virtual machines, containers, serverless architectures and whatever comes after that. Our focus is on workflows, not technologies. ToolSuite OPEN SOURCE ConsulNomadVaultTerraformPackerVagrant OPEN SOURCE Monochrome Tonal Logo Use monochrome tonal logos when the context is HashiCorp and a strong corporate brand presence is desired the focus is the suite integrations 0 1S U I T E Notes
  • 30. THEMES C O L O R 0 2 Use a product color theme for brand recognition and impact. Color facilitates recognition and promotes brand equity. The products very deliberately have their own personalities which can be used effectively individually. Use the HashiCorp primary color palette of black, white, and blue to present unity. 80% brightness 40% saturation 16% saturation Know your audience. Developers find themselves in code editors all day. HashiCorp uses dark themes heavily as a homage to hacker culture. Light themes are more appropriate, even necessary, in decks and print. Long form content, whether print or digital, should be on a light theme. Dark UI’s are trendy and elegant. Decks are a good example of combo usage where we set the tone with a dark cover slide and immediately switch to light for content. Persona Medium Emotion Consider when choosing a theme P R O D U C T C O L O R P R O D U C T C O L O RD A R K L I G H T
  • 31. Body copy slightly contrasted. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc venenatis libero quis mi euismod cursus. R E F E R E N C E I M P L E M E N TAT I O N Boxed content Boxed content C O L O R 0 2THEMES The corporate color palette was created to work equally well on dark and light themes. The dark and light theme palettes were themselves created to span corporate and product. This document is itself an example of theme application and should be used as a catalog of usage. D A R K #202831 Black Pearl #000000 Black #506379 Dark Electric Blue #B3BAC6 Body copy Headlines Medium contrast Low contrast Base color Cadet Blue #FFF White Headline Dark vs Light
  • 32. Body copy slightly contrasted. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc venenatis libero quis mi euismod cursus. Headline R E F E R E N C E I M P L E M E N TAT I O N Boxed content Boxed content Body copy Headlines Low contrast Base color#FFFFFF White #000 Black #506379 Dark Electric Blue Medium contrast L I G H T #F7F8FB White Lilac #4F5258 Trout THEMES C O L O R 0 2
  • 34. Light Regular Medium Bold Klavika Light Regular Semibold Bold Open Sans S T Y L E S T Y P E S C A L E Klavika Aa P R I M A R Y F O N T S E C O N D A R Y F O N T Open Sans Aa T Y P O G R A P H Y Infrastructure - 42px Infrastructure - 32px Infrastructure - 24px Infrastructure - 20px Infrastructure - 15px
  • 35. Regular Medium Bold Fira Mono S T Y L E S C O D E S A M P L E Fira Mono Aa M O N O S P A C E T Y P O G R A P H Y job "docs" { group "example" { task "server" { dispatch_payload { file = "config.json" } } } }
  • 37. G E O M E T R Y The HashiCorp icon is set inside a hexagon. The hexagon, along with our other core geometry—diamonds, parralelograms, circles (circumscribed), and triangles—can be found in the isometrics grids that underpin our design. Hexagons are used as icons when depicting resouces. Hexagons are the building blocks of infrastructure. The term "diamond" is used in mathematics to refer to a rhombus. In our case it is a projected square. Diamonds atomicly represent applications. In total they can represent micro service archecture. We often use filled shapes for apps, as opposed to stroked, as a contrast to the stroked planes that representing our products architecture and the infrastructure underneath. (Rhombus) Isometric projection is a method for visually representing three-dimensional objects in two dimensions. HashiCorp uses the isometric grid used for this projection. There are 3 types of lines that comprise this base grid: vertical lines, 30° lines to the right, and 30° lines to the left. We make use of these lines, in different combinations, for patterns and graphics. ENTERPRISE CONTROL PLANE APPLICATION w h 30° arctan =h w[ [ 30° HE X AGON DIAMOND
  • 39. I C O N O G R A P H Y
  • 40. PATTERNS 0 9 Patterns allow us to use the same theme across products but provide distinction.
  • 41. Vagrant 0 9PAT T E R N SVAGRANT
  • 42. Terraform 0 9PAT T E R N STERRAFORM
  • 43. Vault 0 9PAT T E R N SVAULT
  • 44. Nomad 0 9PAT T E R N SNOMAD
  • 45. Consul 0 9PAT T E R N SCONSUL
  • 46. Packer 0 9PAT T E R N SPACKER
  • 48. P H O T O G R A P H Y The HashiCorp suite empowers organizations to provision hybrid infrastructure, secure secrets across distributed applications, and run dynamic resources for modern applications. ProductSuite ENTERPRISE Terraform Vault Nomad Consul
  • 49. P H O T O G R A P H Y P H O T 0 G R A P H Y
  • 52. P H O T O G R A P H Y Provision infrastructure and application resources across public cloud, private cloud, and external services. PROVISION HYBRID INFRASTRUCTURE Terraform
  • 54. HashiCorp Consul is a distributed, highly available, and datacenter aware solution for service discovery. Consul ENTERPRISE
  • 55. HashiCorp Nomad is a distributed, highly available, datacenter-aware cluster manager and scheduler for the purpose of deploying applications on any infrastructure, at any scale. DYNAMIC APPLICATION SCHEDULER Nomad ENTERPRISE
  • 57. Iso Art lllustration using the grid to produce line art. The Designer lays out the grid and then ‘breaks’ it to assemble art. Color can be combined to show movement or highlight pieces or, like in the case of our cloud, you can create complex iconography. Future Designers can play with the forms to see how minimal and complex we can go. Later we’ll animate. Adopt Cloud