Quark Brand Guidelines | Quark

Quark Brand Guidelines

The Quark Brandmark

Striking and bold, the Quark Brandmark reflects the vibrancy of the brand itself. The signature Quark eyeball captures all the colors of creativity and pops off the screen or page. Clear space, minimum widths, and color applications are essential when using the Quark logo on any collateral.

Quark Logo

Quark Logo Download

Quark Icon

Quark icon Download

Trademark Usage

The Quark logo is a registered trademark and must always be displayed with the registered trademark symbol ®. This symbol should be clearly visible and placed consistently as part of the logo artwork. Any use of the Quark logo without the ® symbol is strictly prohibited. Always use the approved logo files provided to ensure proper representation and legal compliance.

Clear space

The space surrounding the Quark Brandmark should be kept clear of text and graphics at all times. At a minimum, this clear space should be equal to the height and width of the “Q” from the Quark logo.

Quark logo space

Minimum size

The minimum width of the Brandmark is 1” (25mm) for print and 75px width for screen applications. Do not reproduce the Brandmark smaller than this.

logo minimum size

Color Options

Whenever possible, the Brandmark should be placed on a solid color, preferably one of the options listed on the right. Never combine it with colors, photos, or graphics that dilute its brilliance. Placing it on top of light or dark imagery is acceptable, however, please refer to the logo “Do’s and Don’ts” page for examples.

Wordmark and Icon Usage

While the Quark “eyeball” icon may be used as a standalone graphic element, the Quark wordmark may never appear without its accompanying icon.

quarklogo dark
quarklogo dark
quarklogo white
quarklogo white

Product Logos

QuarkXPress Download

QuarkXPress logo horizontal

Logo Horizontal

QuarkXPress logo stack

Logo Stack

QuarkXPress Icon

Icon

Note: Always include the ™ symbol when using the QuarkXPress logo to indicate trademark ownership.

Quark Publishing Platform Download

Quark Publishing Platform logo horizontal

Logo Horizontal

Quark Publishing Platform logo stack

Logo Stack

Quark Publishing Platform logo Icon

Icon

Note: Always include the ® symbol when using the Quark Publishing Platform logo to indicate it is a registered trademark.

QuarkXPress CopyDesk Download

QuarkXPress CopyDesk logo horizontal

Logo Horizontal

QuarkXPress CopyDesk logo stack

Logo Stack

QuarkXPress CopyDesk Icon

Icon

Quark Docurated Download

Quark Docurated logo horizontal

Logo Horizontal

Quark Docurated logo stack

Logo Stack

Quark Docurated Icon

Icon

Quark XML Author Download

Quark XML Author logo horizontal

Logo Horizontal

Quark XML Author logo stack

Logo Stack

Quark XML Author Icon

Icon

Quark Author Download

Quark Author logo horizontal

Logo Horizontal

Quark Author logo stack

Logo Stack

Quark Author Icon

Icon

Infografix Download

Infografix logo horizontal

Logo Horizontal

Infografix Icon

Icon

Colors

Colorful and vibrant with rich bass notes is the perfect description for the new Quark color palette. Brilliant White and Universe are the rich foundations upon which all our creative lives. Background variations may include Elemental Gray, Oxygen Blue, and Black. Secondary colors are used to draw attention, never to overpower. Use them sparingly for maximum effect. Secondary colors are perfect for highlights and emphasis.

PRIMARY COLORS

BRILLIANT WHITE

#FFFFFF

BLACK WHOLE

#000000

ELEMENTAL WHITE

#F6F6F6

UNIVERSE

#0F2841

SECONDARY COLORS

OXYGEN

#EAF3Fc

QUINK

#FC2A51

ACCENT COLORS

HELIUM

#00DCF2

BIOLOGY BLUE

#0080FF

SECONDARY ACCENT COLORS

ULTRA VIOLET

#a700ff

PARTICLE PINK

#cf00b9

FUSION

#ff9100

ENZYME

#83d600

NEUTRON

#cff200

SOLAR

#ffe600

TEXT COLOR

QUARK GRAY

#3a3938

Custom Typeface

Our core brand typography was selected for clean lines, accessibility, and character. Roboto Regular sets the stage for our fresh, new look. It is the foundation of our brand font system and, as such, it is important to give body copy and text blocks room to breathe. White space is just as important to Quark typography as the filled space. Copy crowding must be avoided

HEADLINESInitial Caps

Roboto Slab Bold

SUBTITLESSentence case

Roboto Black

BODYSentence case

Roboto Regular

CTA BUTTON TYPEFACEKerning: 200 | ALL CAPS

Poppins Bold