CREATIVE GUIDELINES

04.2021

NGINX CREATIVE GUIDELINES /­ 04.2021 / 1

INTRODUCTION CONTENTS

NGINX CREATIVE
ELEMENTS
CREATIVE
APPLICATIONS

Creative Guidelines 5 Logo

14 HexCircle
26 Business System

27 Social Media
NGINX is the popular open source project trusted by more than
15 Color 28 Video
400 million sites. We offer a suite of technologies for developing
and delivering modern applications. Together with F5, our 20 Typography 29 Digital

combined solution bridges the gap between NetOps and 21 Illustration 32 Collateral
DevOps, with multi‑cloud application services that span from
22 Infographics 34 Presentations
code to customer.
24 Diagrams 35 Events
This document presents the NGINX creative guidelines that will
allow our employees, marketing partners, and external partners 39 Swag

to keep our identity and creative expressions in alignment—and

apply our design styles consistently—to create unified and
relevant experiences that resonate with our customers.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 2

CREATIVE ELEMENTS PRINCIPLES

BETTER TOGETHER Company principles Product qualities Design execution

NGINX and F5 are better together, with company

principles and product qualities already in excellent
harmony. Using these as a foundation, we have
Curiosity
We are owners
Innovative
Creative
developed a shared approach that should be reflected

Distinctive
in all executions of design materials.
Progress Performance
We choose speed

Openness
We create a more diverse and inclusive F5
Flexible
Simple
Excellence
We obsess over customers
Reliability
Refined
Mutual accountability
We help each other thrive
Security
Consistent

NGINX CREATIVE GUIDELINES /­ 04.2021 / 3

CREATIVE ELEMENTS
CREATIVE ELEMENTS LOGO

NGINX LOGO

The NGINX logo is the key building block of our

identity and the primary visual element that identifies
us. To maintain its integrity, the logo should be used
consistently according to these guidelines.

The registration mark and Endorsement Line should

only be removed when used at a size that is smaller
than .5” for print or digital.

Consult with the Brand team ([email protected]) if

you have questions about logo usage and when
to use the Endorsement Line.

The NGINX logos are available to download here.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 5

CREATIVE ELEMENTS LOGO

LOGO OPTIONS — HORIZONTAL PRIMARY LOGO SECONDARY LOGO

There are three main versions of the NGINX logo as

shown at right and two orientations–horizontal and
vertical as detailed on this and the following page.

The primary logo has three colors—green, white,

and grey. The secondary versions are green, black,
and grey or all white. These should be used more
sparingly, with the dark background and primary
logo being the dominant expression.

Do not tint the logo, or use it with complex

backgrounds or patterns that limit readability.
More details on this are covered on page 9.

The NGINX logos are available to download here.

White logo Black logo White on white

NGINX CREATIVE GUIDELINES /­ 04.2021 / 6

CREATIVE ELEMENTS LOGO

LOGO OPTIONS — VERTICAL PRIMARY LOGO SECONDARY LOGOS

There are three main versions of the NGINX logo as

shown at right and two orientations–horizontal and
vertical as detailed on this and the previous page.

The primary logo has three colors—green, white,

and gray. The secondary versions are green, black,
and gray or all white. These should be used more
sparingly, with the dark background and primary
logo being the dominant expression.

Do not tint the logo, or use it with complex

backgrounds or patterns that limit readability.
More details on this are covered on page 9.

The NGINX logos are available to download here.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 7

CREATIVE ELEMENTS LOGO

LOGO OPTIONS — HEX ICON PRIMARY LOGO SECONDARY LOGOS

There are three main versions of the NGINX logo as

shown at right and two orientations–horizontal and
vertical as detailed on this and the previous page.

The primary logo has three colors—green, white,

and gray. The secondary versions are green, black,
and gray or all white. These should be used more
sparingly, with the dark background and primary
logo being the dominant expression.

Do not tint the logo, or use it with complex

backgrounds or patterns that limit readability.
More details on this are covered on page 9.

The NGINX logos are available to download here.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 8

CREATIVE ELEMENTS LOGO

MINIMUM LOGO SIZES PRINT MEDIA DIGITAL MEDIA

Using the appropriate size of logo ensures that it will

be legible. If the logo is smaller than 0.5 inches, the
registered trademark may be removed, as it will not
0.5” 36 px
be readable.

Minimum logo size for print is 0.5” or 36 px. Minimum logo size for digital media is 0.5” or 36 px.
When used at a size that is smaller than .5", When used at a size that is smaller than .5”, the
the registration mark and Endorsement Line registration mark and Endorsement Line should
should be removed. be removed.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 9

CREATIVE ELEMENTS LOGO

LOGO DOS AND DON’TS DO DON’T

The primary logo can be used in any instance except

when the background image or color competes with
the logo (e.g., low contrast or complex image).

Secondary logos can be used to “knockout” the logo

from a background, or to present the logo in a
lower-contrast expression.

Legacy, tinted, stretched, stylized, animated, hand-

drawn, or other versions of the logo are not permitted.
This undermines the integrity of the NGINX logo and
negatively impacts brand consistency.

Please consult with the Brand team ([email protected])

if you have questions about logo usage.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 10

CREATIVE ELEMENTS LOGO

LOGO CLEAR SPACE CLEAR SPACE FOR PRINT AND DIGITAL MEDIA PARTNER LOGO LOCKUPS

To preserve the visual impact and integrity of the logo,

always maintain a buffer of space around it.

In all applications, the logo should be surrounded by

clear space equal to half the height of the red circle
(x = the logo height in the illustrations to the right).
The logo size is measured as the diameter of the circle.

PARTNER LOGO LOCKUPS

Partner logos should be positioned to the right of 0.5x

the NGINX logo with a thin rule separating the two
logos. The space on both sides of the rule should be
half of the width of the NGINX hex. The visual sizes of x
the two logos should be equal.

0.5x

NGINX CREATIVE GUIDELINES /­ 04.2021 / 11

CREATIVE ELEMENTS LOGO

RELATIONSHIP OF LOGO TO F5 MARK

The F5 logomark should be used as a sign-off in the

majority of all NGINX communications, making clear
that NGINX is a part of F5, while maintaining its own Learn more at nginx.com

brand exposure. The relationship of the logo size for

NGINX to F5, should be structured as outlined, with
the F5 mark being 1/3 the size of the NGINX mark. x3
Modern Application Security
See Creative Applications section for relevant Prevent Downtime and And yet, in many cases, security is an afterthought. To take a modern
approach, DevOps teams need to:

examples when there are exceptions to the above. Breaches by Securing Your • Integrate the non-disruptive security controls authorized by the
Modern Apps and APIs security team into their automation and CI/CD processes

• Deploy and manage app security controls across distributed

Today’s application landscape has changed dramatically. environments such as containers and microservices
Nearly 85% of new workloads are deployed in containers • Implement cost-effective security controls without impacting
and a similar 83% of Internet traffic is now API calls. release velocity or application performance

Modern apps are microservices that run in containers, NGINX App Protect is a modern application security solution

NGINX is a part of F5
communicate via APIs, and deploy via automated
x1
designed to work seamlessly in DevOps environments as you
CI/CD pipelines. deliver apps from code to customer. Built on F5’s market-leading
WAF and bot protection, NGINX App Protect runs natively on
Everything is optimized for time to market. NGINX Plus and integrates security controls into your application.

x.5

Why NGINX App Protect?

App-Centric Security Built for Modern Apps CI/CD Friendly

Deploy trusted F5 controls close to your Deliver high-performance, scalable security Centrally manage and automate approved
apps, protecting against revenue-impacting on NGINX ADCs to enable consistent security controls to remove workflow
attacks, data theft, reputational damage, security controls for web applications, bottlenecks and support “shift left”
and regulatory non-compliance microservices, containers, and APIs Dev initiatives

NGINX is a part of F5

NGINX CREATIVE GUIDELINES /­ 04.2021 / 12

CREATIVE ELEMENTS LOGO

LOGO PRODUCT EXTENSIONS

The NGINX Application Platform is made up of

six applications that all work to deliver modern
applications at scale.

There are logo versions for each application along

with a hex- shaped product icon representing each
application.

The NGINX application logos should be used as a

regular logo would be; for example, at the top and
bottom of pages and documents that are specific
to the given application.

NGINX product icons should be used when the

applications are being described within a larger
context; for example, on a page listing NGINX
applications within the content of that page.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 13

CREATIVE ELEMENTS HEXCIRCLE

NGINX “HEXCIRCLE”

The HexCircle is new design expression, built on the

NGINX brand.

Just as F5 and NGINX combine together naturally to

open new possibilities, the hexagon and circle is a
reflection of that, as it will continue to be illustrated in
the following examples.

The underlying basis of the new visual language is

based partially on the nature of binary code – with two
values combined (also representative of NGINX + F5)
an infinite amount of possibility is unlocked once
together.

The HexCircle is very adaptable for different spaces.

Depending on the size, or other graphic and functional
needs on NGINX communications, different variations
of the HexCircle may be used, even at times
all together. Please email [email protected] if you have
questions on a specific usage application of the
HexCircle.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 14

CREATIVE ELEMENTS COLOR

NGINX COLORS PRIMARY

The primary and secondary NGINX colors are as

follows and should be used as outlines in the Creative
Applications section. While NGINX green and other
key values are retained, NGINX integrates into the
new master F5 color set as detailed later in this
section.

NGINX Green Lagoon Carbon

SECONDARY

Black Charcoal Lead

NGINX CREATIVE GUIDELINES /­ 04.2021 / 15

CREATIVE ELEMENTS COLOR

COLOR RATIOS PRIMARY SECONDARY

These examples show the proportion and

relationships to which complimentary colors should be
used in association with the primary NGINX green, to
ensure it’s always at the forefront of the design.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 16

CREATIVE ELEMENTS COLOR

COLOR BACKGROUND USAGE PRIMARY SECONDARY

Based on the color ratios detailed in the previous

page, here we can see practical usage applications
of how these manifest themselves using the various
design components that have been outlined in this
document.

Black background White background Green background

NGINX CREATIVE GUIDELINES /­ 04.2021 / 17

CREATIVE ELEMENTS COLOR

THE F5 COLOR SYSTEM STRAWBERRY CARNATION ASTER GRAPE SKY SEA FOAM JADE MOSS SPRING LEMON AUTUMN PUMPKIN PEACH
240 105 112 253 127 211 170 142 191 120 108 205 124 192 235 144 211 208 31 191 81 164 225 113 195 237 81 255 254 132 255 214 81 255 180 96 248 166 143
F5’s comprehensive color system is a rich mix f06970 fd7fd3 aa8ebf 786ccd 7cc0eb 90d3d0 1fbf51 a4e171 c3ed51 fffe84 ffd651 ffb460 f8a68f

drawing from the company’s tech heritage and its

Pacific Northwest roots. Its flexibility allows us to
craft dynamic visual expressions with different
F5 RED TULIP LILAC IRIS LAGOON SURF NGINX GREEN FERN LIME BUMBLEBEE AMBER TANGERINE CORAL
combinations of colors, depending on the Pantone® 185 237 78 181 139 91 165 78 67 164 29 156 211 78 196 206 Pantone® 355 98 192 38 151 206 1 255 242 0 245 195 30 242 154 54 243 112 75
228 0 43 ee4db5 8b5ba5 4e43a4 1d9cd3 4ec4ce 0 150 57 62c026 97ce01 fff200 f5c31e f29a36 f3704b
message and/or audience, creating freedom for
e4002b 009639
visual storytelling while maintaining a strong
connection to the brand.

Each base color in the palette is complimented

by a darker accent, creating freedom for visual
storytelling while maintaining a strong connection
to the brand.

POPPY ROSE VIOLET COBALT LAKE OCEAN PINE EVERGREEN PEA HONEY MUSTARD RUST CLAY
194 0 37 213 49 150 105 67 133 51 32 140 12 92 141 42 122 129 28 99 51 67 140 21 133 166 0 225 200 0 192 150 14 189 116 33 190 90 60
c20025 d53196 694385 33208c 0c5c8d 2a7a81 1c6333 438c15 85a600 e1c800 c0960e bd7421 be5a3c

DEEP LAKE
0 68 11
00446f

NGINX CREATIVE GUIDELINES /­ 04.2021 / 18

CREATIVE ELEMENTS COLOR

THE F5 COLOR SYSTEM

BLACK CARBON CHARCOAL LEAD STEEL SILVER STONE ASH WHITE
000 34 34 34 52 52 52 102 102 102 153 153 153 204 204 204 230 230 230 241 241 241 255 255 255
The full color spectrum is also complimented by a new
000000 222222 343434 666666 999999 cccccc e6e6e6 f1f1f1 ffffff
and more robust grouping of monochromatic values,
allowing for a variety of brand and digital expressions,
ensuring broad flexibility and consistency of color
within the design system.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 19

CREATIVE ELEMENTS TYPOGRAPHY

F5 TYPOGRAPHIC STYLE

NGINX typography, already very close to F5, merges

with F5’s existing typography style guides, blending
two fonts inspired by Swiss design. Neusa Next,
inspired by type treatments from early space
exploration, adds a human and expressive character to
headlines and subheads, while Proxima Nova brings
openness and geometric styling to harder working
moments, and occasional feature appearances.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 20

CREATIVE ELEMENTS ILLUSTRATION

# curl

??

ILLUSTRATION EXAMPLES

Illustration is sometimes more effective than

photography at conveying technical concepts like
automation and orchestration, strategic multi-cloud
architectures, or the rise of containers (to name a few). # curl
Using our brand color palette, characters, and
icons—and maintaining a consistent visual aesthetic—
we can enhance our stories with artwork that is
on-point and on-brand.

Our character illustrations are intentionally simple, but

# curl
through skin tone, hair color and style (including facial
hair), body shape, and clothing, we can still reflect F5
values by including a diverse group of people.

As always, illustrative concepts must demonstrate

knowledge and savvy, and portray business settings
that are modern, accurate, and insightful.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 21

 Current vs Planned
9% Never Will
14% Unsure
CONTAINERS INDUSTRIES LOAD BALANCERS
Orgs are moving beyond basic
Tech and Software are the industriesFor
container on-premises load balancing, migration
where # curl
use to advanced orchestration and
most community members work.* from hardware to software continues
service mesh.* slowly but steadily.*

CREATIVE ELEMENTS INFOGRAPHIC Containers Hardware

57% 19%
CONTAINER USE IN PRODUCTION
20% 20% 54% 9% 8% 6% 15%
Containers are more than twice as popular
Container Orchestration Software
as other modern app technologies.*
34% 24%
46% 21% Containers
Tech Software Fin Services SaaS Telecom
Service Mesh Client-Side 34%
7% 11%
Serverless
14% 12%
15%
5% 5% 5% 3% 3% Service Discovery
INFRASTRUCTURE OTHER TECHNOLOGIES 7%
Public clouds are more than twice as Service discovery and API gateways are
eCommerce
popular Entertainment
as other infrastructure options.*Healthcare Manufacturing Utilities
poised to grow the most.*

Public Clouds WAF

INFOGRAPHICS EXAMPLES 55%

54%
17%
14%

Private IaaS Service Discovery

23% 11%

Decision trees are a style of infographic that ideally USE OF NGINX SOFTWARE
21% 16% WHAT’S KEEPING THE COMMUNITY UP AT NIGHT?
Serverless Computing API/Gateway Management Security tops the list, followed by reliability and system failure.*
Growing 15% this year, NGINX Unit is the fastest
lead a customer from an array of solutions or products 15%
growing of NGINX's free and open source offerings.*
14%

The State of Modern 23% 22%

39%
to a single option that best suits their needs. Like with Private PaaS 50% 39%
43% Availability &

App Delivery 2020 NGINX Open Source

11%
10%
Security Reliability System Failure

diagrams, charts, and tables, visual style should be in the NGINX Open Source Community 34% 27% 24% 23%

40%
Performance Scalability Complexity Automation

simple and clean, using imagery or illustrations to

NGINX Unit

convey the concept and maintain visual interest.

16%
Use of type, color, and iconography should follow NGINX Ingress Controller Demographics Modern App Tools Adoption
MICROSERVICES IN PRODUCTION
creative guidelines. The proportion of apps built with microservices 6%
Current vs Planned

continues to grow rapidly. NGINX Service Mesh

CONTAINERS LOAD BALANCERS
Orgs are moving beyond basic container For on-premises load balancing, migration
use to advanced orchestration and from hardware to software continues
*Respondents could choose multiple options.
service mesh.* slowly but steadily.*
ROLES

40% 60%
Containers Hardware
More than half of the NGINX community identifies 57% 19%
as developers, sys admins, and DevOps. 54% 15%

Container Orchestration Software

34% 24%
46% 21%
2019 2020
Service Mesh Client-Side
7% 11%
26% 16% 13% 7% 14% 12%
Developers System Administrators DevOps IO
MIGRATION TO MICROSERVICES
More than half of respondents are using 11% 11% 10% 6% INFRASTRUCTURE OTHER TECHNOLOGIES
microservices in some or all of their apps. Architects General Management Technical Management Other Public clouds are more than twice as Service discovery and API gateways are
popular as other infrastructure options.* poised to grow the most.*

6% All Apps Public Clouds WAF

20% Majority of Apps ORGANIZATION SIZE 55% 17%
54% 14%
34% Some Apps Company size is fairly evenly distributed,
18% No Apps with 8% working on NGINX outside of work. Private IaaS Service Discovery
23% 11%
9% Never Will
21% 16%
14% Unsure
8% Serverless Computing API/Gateway Management
Personal Use
# curl 26%
15% 14%
22%
23%
1–10
Private PaaS
10% 11%
>10,000 10%
CONTAINER USE IN PRODUCTION
Containers are more than twice as popular
as other modern app technologies.* 22%
11–100
Containers 16%
1,001–10,000
34%
Serverless 18%
15% 101–1,000 Demographics
Service Discovery
7%
INDUSTRIES
Tech and Software are the industries where
most community members work.*

ROLES
More than half of the NGINX community identifies

WHAT’S KEEPING THE COMMUNITY UP AT NIGHT?

20% 20% 9% 8% 6% as developers, sys admins, and DevOps.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 22

Security tops the list, followed by reliability and system failure.*

Tech Software Fin Services SaaS Telecom

39%
50% Availability &
39%
CREATIVE ELEMENTS INFOGRAPHIC

CHARTS AND TABLES BAR CHARTS DONUT CHART

Charts and tables should be designed to communicate

in a visual style that is simple and clean, minimizing the
number of colors used to best convey an idea. Colors
used should always draw from the brand palette.
Numerals should be set in Neusa Condensed Light.

HIGHLIGHT DONUT CHARTS CASCADED BAR CHART LARGE STATISTICS WITH COPY

NGINX CREATIVE GUIDELINES /­ 04.2021 / 23

CREATIVE ELEMENTS DIAGRAMS

DIAGRAM EXAMPLES
Hybrid-Cloud Application Delivery

Diagrams illustrate the features and functionality of

NGINX solutions and products. Style for reference Monolithic Apps

architectures is consistent with the NGINX icon library—

simple and straightforward. More dynamic and
illustrative diagrams can be created by adding three- Amazon Web Services Private Cloud On-Premises

dimensional icons. API Endpoints

API
Gateway
Virtual Container Virtual Container Virtual Bare
Machine Machine Machine Metal

Software
Load Balancer

Kubernetes Pods
Ingress
Controller

Microservices

REST API arrow to public cloud

NGINX Controller External External

API Management VM Clusters Ingress Egress K8s Clusters

Define
IT OPS / DEV OPS

Kubernetes Cluster
API Gateways
NGINX
Ingress

Decoupled
Controller
Monitor OpenAPI GUI K8s API Grafana OpenTracing Spire
Specifications
NGINX Controller
Dev Portals
Public Cloud
On Premises
Analyze REST API CLI / API NATS SVC SVC SVC SVC

Control Plane Data Plane

NGINX CREATIVE GUIDELINES /­ 04.2021 / 24

CREATIVE APPLICATIONS
CREATIVE APPLICATIONS PRINTED BUSINESS SYSTEM

BUSINESS CARDS & STATIONERY

795 FOLSOM ST, 6TH FLOOR SAN FRANCISCO, CA 94107 800.915.9122

NGINX’s business system includes cards, letterhead

and a variety of envelope sizes and options. Across
the system the design is clean and open, with a boldly
minimal aesthetic.

With the logo and address at the top of the sheet, Jane Doe
Program Manager
the letterhead layout can also be used for other
[email protected]
business papers. D 123.456.7891
M 123.456.7891
F 123.456.7891

795 FOLSOM ST, 6TH FLOOR

SAN FRANCISCO, CA 94107

795 FOLSOM ST, 6TH FLOOR

SAN FRANCISCO, CA 94107

NGINX CREATIVE GUIDELINES /­ 04.2021 / 26

CREATIVE APPLICATIONS SOCIAL MEDIA

SOCIAL MEDIA ASSETS BLOG PROMOTION WEBINARS CAMPAIGNS

The NGINX Marketing team manages NGINX’s official

social media channels with a mix of paid and organic
posts. Additionally, the F5 Global Demand Center and
Center of Excellence teams drive paid social media
campaigns through media agencies.

For brand alignment and visual consistency, we have a

creative framework for social assets linking to blogs
and events. Social assets that are part of campaigns,
specific programs, or sponsored events draw visual
styles from their respective design systems.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 27

CREATIVE APPLICATIONS VIDEO

NGINX VIDEOS LIGHTBOARD VIDEOS PRODUCT VIDEOS EVENT VIDEOS

The NGINX and F5 Studio creates full-production

videos with end-to-end production, shooting, editing,
NGINX PLUS NGINX SPRINT KEYNOTE
and animation.

All videos produced in-house follow brand and

How to Set Quotas NGINX Spotlight:
creative guidelines for scripts, video footage, or with NGINX Plus SaaS Solutions
imagery, color, typography, and logo usage.

NGINX OFFICIAL TUTORIAL NGINX SPRINT DEMO 1

How to Set Up Deploy a Web App

SSL with NGINX on NGINX Unit

NGINX SHOWCODE SERIES NGINX CONF 2019

Securing API The Great API

Workloads Management
Using IDP Bake Off

NGINX CREATIVE GUIDELINES /­ 04.2021 / 28

CREATIVE APPLICATIONS DIGITAL

WEBSITES NGINX.COM HOMEPAGE NGINX FEATURED ON F5.COM

NGINX corporate website is intended to feel open and

vibrant, conveying both our personality and our technical
savvy, while nodding to our roots in technology and the
NGINX brand. Green becomes the new primary accent
color for links, and blue takes over the previous use
of yellow.

When appearing on F5.com, the NGINX appearance is

maintained, integrating fluidly and distinctly within the
existing F5 framework.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 29

CREATIVE APPLICATIONS DIGITAL

APPLICATIONS

The NGINX application suite maintains existing design

direction, integrating updated (and truncated) NGINX
product marks. Colors use the same closest values within
the F5 master palette.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 30

CREATIVE APPLICATIONS DIGITAL

OPEN SOURCE WEBSITE & APPS NGINX.ORG & APPLICATION DOWNLOAD NGINX.COM REPRESENTATION OF OPEN SOURCE

The original NGINX logotype is used only in relation to

open source product environments. Any reference of
NGINX outside of open source should utilize the new
NGINX logo as per creative guidelines. This includes
business systems, marketing collateral, promotional items,
social media, etc. Contact [email protected] for questions
related to the appropriate use of NGINX and NGINX
Open Source.

nginx.exe docs html logs

NGINX CREATIVE GUIDELINES /­ 04.2021 / 31

CREATIVE APPLICATIONS COLLATERAL

MARKETING COLLATERAL PRODUCT EXAMPLE CERTIFIED PARTNER EXAMPLE

To maintain creative alignment and apply design

styles consistently, we often use templates. Reports,
Learn more at nginx.com Learn more at nginx.com

guides, overviews, data sheets, and other marketing

collateral are a great example.

Our collateral templates includes different options for

different types of content—cover layouts, interior
pages, charts, tables, etc. (as shown in the examples Modern Application Security High Performance Application Delivery
at right)—as well as paragraph styles and a brand
Prevent Downtime and And yet, in many cases, security is an afterthought. To take a modern
approach, DevOps teams need to:
Prevent Attacks, Crashes, and Toil by Securing, Testing, and Scaling Your Apps
color palette. You’ll need our brand fonts, which are Breaches by Securing Your • Integrate the non-disruptive security controls authorized by the Application delivery is a challenging, competitive landscape.
available via Adobe Creative Cloud or through Modern Apps and APIs security team into their automation and CI/CD processes

• Deploy and manage app security controls across distributed 87% of organizations are multi-cloud and most still struggle with security.
multiple online foundries. Collateral templates Today’s application landscape has changed dramatically. environments such as containers and microservices • Invest in lightweight security measures that validate authorized users and stop attacks.

are available to download here. Nearly 85% of new workloads are deployed in containers • Implement cost-effective security controls without impacting
and a similar 83% of Internet traffic is now API calls. release velocity or application performance 53% of mobile users will uninstall an app that crashes, freezes, or has errors.
• Invest in real-time monitoring and testing programs that detect problems before your customers find them.
Modern apps are microservices that run in containers, NGINX App Protect is a modern application security solution
communicate via APIs, and deploy via automated designed to work seamlessly in DevOps environments as you
55% of enterprises are releasing app updates daily or weekly.
CI/CD pipelines. deliver apps from code to customer. Built on F5’s market-leading
WAF and bot protection, NGINX App Protect runs natively on • Invest in tools that integrate seamlessly into automation and CI/CD processes.

Everything is optimized for time to market. NGINX Plus and integrates security controls into your application.
With the NGINX Application Platform, you get cost-effective solutions that integrate quickly and easily into the Red Hat ecosystem.
You can gain greater visibility, control, and speed to get the most out of your traditional apps, manage a hybrid portfolio, or enable
automation... or all the above.

Why NGINX App Protect?

Why NGINX and Red Hat?

App-Centric Security Built for Modern Apps CI/CD Friendly

Secure Your Apps Strengthen Your Reputation Scale Your Business
Deploy trusted F5 controls close to your Deliver high-performance, scalable security Centrally manage and automate approved
apps, protecting against revenue-impacting on NGINX ADCs to enable consistent security controls to remove workflow Gain your customers’ trust and Create world-class experiences by Free your teams from toil and

attacks, data theft, reputational damage, security controls for web applications, bottlenecks and support “shift left” prevent headaches by making delivering resilient, high-performance complexity with plug-and-play,

and regulatory non-compliance microservices, containers, and APIs Dev initiatives your data safe and compliant apps that excite customers automatable solutions

NGINX is a part of F5 NGINX is a part of F5

NGINX CREATIVE GUIDELINES /­ 04.2021 / 32

CREATIVE APPLICATIONS COLLATERAL

MARKETING COLLATERAL THE NGINX REAL-TIME API HANDBOOK

To maintain creative alignment and apply design

styles consistently, we often use templates. Reports,
guides, overviews, data sheets, and other marketing EBOOK

collateral are a great example.

API Developer Portal
Our collateral templates includes different options for
This component enables developers who consume your APIs to onboard in an efficient
different types of content—cover layouts, interior manner . A developer portal (or dev portal) provides a catalog of all the published APIs,
documentation for each API, and sample code . To improve performance and availability,
pages, charts, tables, etc. (as shown in the examples the developer portal is decoupled from the control plane and hosted separately on its own
web server . A distributed developer portal enables multiple instances to be located across
at right)—as well as paragraph styles and a brand different clouds, geographies, or availability zones . This can improve performance for
developers accessing it, but because it’s decoupled form the data plane, it does not affect
color palette. You’ll need our brand fonts, which are the efficiency of API call processing .

available via Adobe Creative Cloud or through

multiple online foundries.
The NGINX Real-Time API Security Service

API security most commonly entails an advanced web application firewall (WAF) to detect

API Handbook a variety of attacks . It must provide high-confidence signatures and be able to prevent

by Karthik Krishnaswamy, Director, Product Marketing, F5, Inc.

Client Application 1
and Alessandro Fael García, Technical Marketing Manager, F5, Inc.

Load API Gateway

Balancer Cluster

Client Application 2

Load API Gateway

Balancer Cluster API Gateway

Client Application 3

Backend
Services
Load API Gateway
Balancer Cluster

Figure 6. Reference architecture for real‑time APIs at runtime: clusters of API gateways
fronted by load balancers and protected by WAF.

CHAPTER 3 – A REAL-TIME API REFERENCE ARCHITECTURE 16

NGINX CREATIVE GUIDELINES /­ 04.2021 / 33

CREATIVE APPLICATIONS PRESENTATIONS

F5 CORPORATE TEMPLATE PRESENTATION SLIDES

The F5 corporate PowerPoint template has been

designed to create consistent presentation
experiences across the organization. It can be used
for day-to-day internal communications, sales
engagements, and as a tool for quickly
Title layout Section header layout Big statement layout
communicating ideas with your colleagues. OPTIONAL PLACEHOLDER EXAMPLE ADDITIONAL INFORMATION

Presenter Name

It should not be used, however, to craft cinematic Position example

March 13, 2021 (Optional date example)

keynotes for external audiences. If you need to
create that kind of presentation, please contact 2 | ©2021 F5 3 | ©2021 F5

[email protected] for additional resources.

This template is extremely versatile, featuring the

F5 color palette, 19 different master layouts, F5
iconography, and a clear text hierarchy. This template
also includes an NGINX title, section and text pages
for use when NGINX needs representation. Whenever
possible, start with a fresh template rather than
copying and pasting legacy content into the new.

For internal F5 users the template can be downloaded

here, where it lives with image and icon libraries, FAQs,
and a video tutorial.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 34

CREATIVE APPLICATIONS EVENTS

EVENT BOOTHS

How we present ourselves at events should be

determined by who our primary audience is at that
event. We should always approach with a customer-
first mindset. For example, if the event is focused on
DevOps customers, it is likely best to headline with
NGINX. Because the determining factor is situational,
you should contact [email protected] for discussion and
guidance if you are planning an event.

If you have determined that we should present at your

event with F5 and NGINX messaging presented
equally, here is an example.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 35

CREATIVE APPLICATIONS EVENTS

F5-LED EVENT BOOTHS

How we present ourselves at events should be

determined by who our primary audience is at that
event. We should always approach with a customer-
first mindset. Because the determining factor is
situational, you should contact [email protected] for
discussion and guidance if you are planning an event. NGINX Controller
Why Trust Your APIs
to Anyone Else?
If you have determined that we should present at your Controller Overview Configure Graphs Dashboards Analyzer Alerts
Traditional API management tools are
complex and slow. As the most-trusted
API gateway, we knew we could do
better. NGINX has modernized full API

event with F5 messaging as primary, then the F5

Systems AWS_EC2_Instance_2 UTC-07 • 14:48

AWS_EC2_Instance_2
nginx-plus-r14-p1
nginx-plus-r14-p1 System 1H 4H 1D 2D 1W
lifecycle management.
NGINX Connections/s 134.36 NGINX Connections/s
AWS_EC2_Instance_2 06/20/18 14.00
nginx-plus-r14-p1 200.00 2000.00

100.00 1000.00

brand comes forward as shown in this example. While

00.00 00.00
11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30 11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30

http.com.accepted http.com.dropped http.request.count

NGINX Current Connections NGINX Current Requests

100 6

F5 headlines the experience, NGINX is present for

50
3

00.00 00.00
11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30 11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30

http.com.current http.com.active http.com.idle http.request.current http.request.reading http.request.writing

NGINX HTTP Errors NGINX HTTP Version

6000000 6000000

cohesiveness.
4000000 4000000

2000000 2000000

00.00
11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30 11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30
http.status.4xx http.status.5xx http.staus.discarded http.v1_0 http.v1_1 http.v2

New Instance

Copyright © 2018 NGINX, Inc.

NGINX Controller NGINX is part of F5
Terms of Use | Privacy Policy

NGINX CREATIVE GUIDELINES /­ 04.2021 / 36

CREATIVE APPLICATIONS EVENTS

NGINX
Part of F5
NGINX-LED EVENT BOOTHS

How we present ourselves at events should be

determined by who our primary audience is at that
event. We should always approach with a customer-
first mindset. Because the determining factor is
situational, you should contact [email protected] for
discussion and guidance if you are planning an event. NGINX Controller

Why Trust Your APIs Learn about the full line

If you have determined that we should present at your Controller Overview Configure Graphs Dashboards Analyzer Alerts
to Anyone Else? of NGINX products by F5
at nginx.com
Systems AWS_EC2_Instance_2 UTC-07 • 14:48

Traditional API management tools are complex

event with NGINX messaging as primary, then the

nginx-plus-r14-p1 System 1H 4H 1D 2D 1W
AWS_EC2_Instance_2
nginx-plus-r14-p1
and slow. As the most-trusted API gateway, we
NGINX Connections/s 134.36 NGINX Connections/s knew we could do better. NGINX has modernized
AWS_EC2_Instance_2
nginx-plus-r14-p1 200.00
06/20/18 14.00
2000.00 full API lifecycle management.

NGINX brand comes forward as shown in this 100.00 1000.00

Plus
00.00 00.00
11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30 11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30

example. While NGINX headlines the experience,

http.com.accepted http.com.dropped http.request.count

Controller
NGINX Current Connections NGINX Current Requests

100 6

F5 is present for cohesiveness.

5

50
3

Unit
00.00 00.00
11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30 11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30

http.com.current http.com.active http.com.idle http.request.current http.request.reading http.request.writing

NGINX HTTP Errors NGINX HTTP Version

6000000 6000000

4000000 4000000
WAF
2000000 2000000

00.00
11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30 11.00 11.30 12.00 12.30 13.00 13.30 14.00 14.30

Amplify
http.status.4xx http.status.5xx http.staus.discarded http.v1_0 http.v1_1 http.v2

New Instance

Copyright © 2018 NGINX, Inc.

NGINX Controller NGINX is part of F5
Terms of Use | Privacy Policy

NGIN X
F5
Part of

NGINX CREATIVE GUIDELINES /­ 04.2021 / 37

CREATIVE APPLICATIONS EVENTS

PULL-UP BANNERS BRANDED CO-BRANDED

The freestanding, vertical pull-up banner—typically

used at smaller field events, HR/recruiting activities,
charity events, and promotions—is typically paired
with a table skirt.

How we present ourselves at these smaller events

should be determined by who our primary audience
From code to From code to From code to From code to
is. We should always approach with a customer-first
customer at customer at customer at customer at
mindset. For example, if the event is focused on
blazing speeds. blazing speeds. blazing speeds. blazing speeds.
DevOps customers, it is likely best to headline with NGINX accelerates content and NGINX accelerates content and
NGINX accelerates content and NGINX accelerates content and
application delivery, improves security, application delivery, improves security,
NGINX. Because the determining factor is situational, facilitates availability and scalability for
application delivery, improves security,
facilitates availability and scalability for
facilitates availability and scalability for
application delivery, improves security,
facilitates availability and scalability for
the busiest web sites on the Internet. the busiest web sites on the Internet.
the busiest web sites on the Internet. the busiest web sites on the Internet.
you should contact [email protected] for discussion nginx.com nginx.com
f5.com/nginx f5.com/nginx

and guidance if you are planning an event.

In the case of partnerships, representation of NGINX

and F5 should be represented as shown, with
co-branding lock-ups following the layout and
clear-space approach as outlined on page 11.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 38

CREATIVE APPLICATIONS SWAG

NGINX WFH KIT — TEE DESIGN

PROMOTIONAL ITEMS

Swag at conferences, special events, and at the

NGINX swag store is a great way to amplify our
brand and for passionate fans to evangelize for us.
These examples show current promotional looks
and items.

NGINX CREATIVE GUIDELINES /­ 04.2021 / 39

NGINX CREATIVE GUIDELINES /­ 04.2021 / 40