CREATIVE GUIDELINES 04.2021
←
→
Page content transcription
If your browser does not render page correctly, please read the page content below
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 (brand@f5.com) 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 (brand@f5.com)
if you have questions about logo usage.
NGINX CREATIVE GUIDELINES / 04.2021 / 10CREATIVE 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 / 11CREATIVE 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 / 12CREATIVE 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 / 13CREATIVE 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 brand@f5.com if you have
questions on a specific usage application of the
HexCircle.
NGINX CREATIVE GUIDELINES / 04.2021 / 14CREATIVE 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 / 15CREATIVE 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 / 16CREATIVE 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 / 17CREATIVE 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 / 18CREATIVE 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 / 19CREATIVE 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 / 20CREATIVE 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 / 21Current 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 / 23CREATIVE 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 / 24CREATIVE 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
j.doe@f5.com
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 / 26CREATIVE 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 / 27CREATIVE 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 / 28CREATIVE 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 / 29CREATIVE 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 / 30CREATIVE 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 brand@f5.com for questions
related to the appropriate use of NGINX and NGINX
Open Source.
nginx.exe docs html logs
NGINX CREATIVE GUIDELINES / 04.2021 / 31CREATIVE 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 / 32CREATIVE 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 / 33CREATIVE 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
marcom@f5.com 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 / 34CREATIVE 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 brand@f5.com 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 / 35CREATIVE 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 brand@f5.com 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
5
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 / 36CREATIVE 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 brand@f5.com 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 / 37CREATIVE 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 brand@f5.com 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 / 38CREATIVE 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 / 39NGINX CREATIVE GUIDELINES / 04.2021 / 40
You can also read
