Brand books Draft · facts being checked

Brand book

NASA

The picture is the brand. NASA keeps its interface almost colorless and square so that the most striking photographs anyone publishes do the work; the marks are protected by law, so the system is recognisable from the photographs, the bold sans and the red arrows alone. Our reading

The system

Fixed, everywhere

CTA Red
Signature color
AaInter + Public Sans
Type pairing
  • Black and white bands; color comes from photography
  • Inter Bold headings, Public Sans body, DM Mono metadata
  • Square photo cards under a diagonal black skrim
  • A red round arrow badge after every link
  • No NASA mark and no Worm-like or Insignia-like lettering in a borrowed kit

The one thing that varies

which photographs, and how many card rows

How loud each format gets

Silent
QuietArticle page
CalmEmail
WarmDeck
LoudLanding pageSocial post
Loudest

Our engine's setting, built from their rules.

Every piece passes 4 checks

Logo hidden

Cover the logo. It should still read as this system: photography in square cards under a black skrim, white Inter Bold, red arrow badges, caps mono labels.

No borrowed marks

No meatball, worm, seal, orbit, vector or star motif, and no lettering that resembles the Insignia typeface or the Worm.

No endorsement

No wording that implies NASA approval ("official NASA", "NASA approved").

Color from photos

If the page is colorful without its photos, remove color from the UI.

Strategy

The United States civil space and aeronautics agency, showing the public what it is exploring right now. Our reading

01

Explore

Exploring the unknown in air and space: missions to the Moon, Mars, Titan and beyond. Observed

02

Innovate

Technology and aeronautics research for the benefit of humanity. Observed

03

Inspire

Sharing discovery with the public: daily imagery, open galleries, newsletters and live video. Observed

Journey to Titan
homepage hero · nasa.gov/%20(2026-10-30)
Explore the Universe from your Inbox
homepage newsletter band · nasa.gov/%20(2026-10-30)
More Topics from NASA
homepage section · nasa.gov/%20(2026-10-30)
Full spec
For Our reading
The general public, students and educators, media, and partners (Brand Center addresses partners, brands and vendors).
Problem Our reading
Not published. Our reading: space science is remote and technical; the site makes it immediate through imagery and plain headlines.
Promise Published
Discovery, shared openly: imagery and data that are generally free to use for education and information.
Mission Observed
Explore the unknown in air and space, innovate for the benefit of humanity, and inspire the world through discovery (paraphrase of the footer line).

Proof behind each pillar

Story Published

The agency was created under the National Aeronautics and Space Act of 1958. Its Insignia ("meatball") was designed by NASA employee James Modarelli and adopted in 1959; the Logotype ("worm") by Richard Danne and Bruce Blackburn replaced it from 1976 to 1992, when the Insignia was reinstated as the official identifier.

Category. U.S. government agency for aeronautics and space (the agency name itself). Published

Why them

  1. Imagery that generally is not subject to U.S. copyright, made public for educational and informational use. Published
  2. Primary source: missions, data and images come from the agency itself. Our reading
  3. Breadth: Earth, the Solar System, the Universe, aeronautics, technology and human spaceflight in one place. Observed

Instead of

Not published.

Boilerplate Observed

NASA explores the unknown in air and space, innovates to benefit humanity and inspires the world through discovery (paraphrase of the footer mission line).

Taglines

Explore the Universe from your Inbox Observed

They never claim

  • Never state or imply NASA endorses a product, service or activity. Published
  • References to NASA in an advertisement must be factually accurate. Published
  • Never claim copyright or other rights in NASA material. Published

NASA publishes no messaging framework. On nasa.gov the message is the work itself: a mission headline in the hero, then news, video, missions and imagery. The footer carries one mission line: explore, innovate, inspire.

Source: nasa.gov/%20(2026-10-30)nasa.gov/nasa-brand-center/advertising-guidelinesnasa.gov/nasa-brand-center

Personality and voice

Plainbut not BureaucraticOur reading
Curiousbut not SensationalOur reading
Factualbut not DryOur reading
Invitationalbut not SalesyOur reading

Wonder in one line, facts everywhere else keeps a government voice credible and still human.

Full spec
  • Title case headlines
  • At most one exclamation mark per piece
  • American spelling
  • Write in the third person
  • Never: NASA approved, official NASA, genuine NASA, original NASA, authentic NASA, NASA collection, trusted by. Say "NASA-themed" or "NASA-inspired"
  • Never set the organisation name in decorative or novelty fonts, or in lettering that resembles the Insignia typeface or the Worm logotype (NASA rule).
  • Metadata labels (type, read time, date, count) in DM Mono 500 uppercase, 3.5px tracking; never sentences in mono.
  • Every text link ends with the round red arrow badge; link labels are 1-4 words (Learn More, Discover More, Sign Up).
  • Credit NASA imagery (NASA/Name) under the photo; NASA asks to be acknowledged as the source.

PlainCuriousFactualInvitational

No voice guide is published. The homepage hero invites the reader directly ("your name can!"), while news and the footer stay third person and factual; labels are terse mono metadata.

  • Title case headlines (observed)
  • At most one exclamation mark, and only in an invitation
  • Third person for the institution; "you" only in calls to action
  • Link labels of 1-4 words ending in the arrow badge
  • Credit imagery as NASA/Name (published: acknowledge NASA as the source)
  • No voice guide is published in the NASA Brand Center; the tone words and notes are our reading of nasa.gov (observed 2026-10-30).
  • Two voices: the homepage hero speaks to the reader as "you" with one exclamation of wonder; news, cards and the footer are third-person and factual ("NASA explores...").
  • Headlines are short noun phrases or the mission name itself (Journey to Titan, Image Of The Day, More Topics from NASA), set in title case.
  • The science does the persuading: claims are what a mission did, with the mission name, never superlatives about NASA.
  • Labels are terse metadata in caps mono: content type, read time, date, count.
  • For anyone outside NASA: never imply endorsement. NASA bans "NASA approved", "official NASA" and similar wording (published, advertising guidelines).
  • Science captions may open with one lyrical image ("Like a spectral form rising out of a cold mist", observed) before the facts.

Never

NASA approvedofficial NASAgenuine NASAauthentic NASAtrusted by

  • Don’t use superlatives about the agency
  • Don’t write labels as sentences

Not published: a voice or tone guide.

Source: nasa.gov/%20(2026-10-30)nasa.gov/nasa-brand-center/images-and-medianasa.gov/nasa-brand-center/advertising-guidelines

Color

Join the Mission
Do Actions in red: the one solid button (observed).

Featured News

Don’t NASA Blue headlines: the blue belongs to the Insignia, not the interface.

Keeping the interface neutral lets mission photography be the color; the reds mark only the actions.

Full spec
  • NASA Blue and NASA Red are the Insignia's colors; reproduce them exactly in PANTONE, CMYK or RGB
  • Full-color Insignia on white, black, grey or silver (PMS 877); other grounds only with enough contrast and no clashing saturation
  • Worm only in NASA Red, white or black (published)
  • On the web: black and white bands, color from photos, red only for actions (observed)
  • Don’t fill bands with NASA Blue or NASA Red on the web (observed: never done)
  • Don’t use the Worm in NASA Blue (published)
NASA Blue#0032A0 · RGB 0 50 160 · CMYK 100/80/0/12 · PMS 286
NASA Red#E4002B · RGB 228 0 43 · CMYK 0/100/100/0 · PMS 185
Silver groundPMS 877 (no hex published)
Site action reds#D83933 button, #F64137 arrow badge (observed)

The guide publishes two colors, both for the Insignia: NASA Blue #0032A0 (PMS 286) and NASA Red #E4002B (PMS 185), plus preferred grounds of white, black, grey or silver PMS 877. The website (Horizon Design System) is almost colorless: black, white, near-black #17171B and greys, with color supplied by photography and two UI reds, #D83933 for the solid button and #F64137 for arrow badges.

Not published: color proportions; a UI or web palette (the site colors are observed); a hex for PMS 877.

Source: nasa.gov/wp-content/uploads/2023/07/nasa-insignia-colorguide.pngnasa.gov/nasa-brand-center/brand-guidelinesnasa.gov/%20(2026-10-30)

Typography

Explore the Universe from your Inbox

Aa
InterDisplay · open stand-in Inter
Aa
Public SansText · open stand-in Public Sans

Journey to Titan

Do Inter Bold, clean sans (published rule).

NASA

Don’t Red NASA lettering styled like the Worm: not permitted (published rule).

Three open faces with clear jobs: a tall-x-height screen sans for hierarchy, a readable neutral body face, and a mono that makes numbers and labels feel technical.

Full spec
Their faceUseLicenseOpen stand-in
InterDisplay and headings (Horizon Design System)SIL Open Font License 1.1 (Google Fonts)Inter
NASA publishes Inter itself as its web face; no stand-in needed.
Public SansBody copySIL Open Font License 1.1 (Google Fonts)Public Sans
Published web face.
DM MonoNumbers and small labelsSIL Open Font License 1.1 (Google Fonts)DM Mono
Published web face.
Helvetica and GaramondPrint; Helvetica required for the identifier configuration and the web addresscommercial (Linotype); not in this kit
  • Inter for display and headings; Public Sans for body; DM Mono for numbers and small labels (published)
  • The agency name and acronym always in a clean sans-serif (published)
  • NASA rule: no text in fonts or styles resembling the Insignia typeface or the Worm (published)
  • Never set the agency name in decorative or novelty fonts (published)
  • Headings Bold 700, tracking 0 (observed)
  • Mono labels 11.2px 500 uppercase +3.5px (observed)
  • Don’t imitate the Worm's letterforms or the Insignia's serif NASA
  • Don’t use a decorative or novelty face for the name
DisplayInter 700
BodyPublic Sans 400 / 700
LabelsDM Mono 500 uppercase, +3.5px
PrintHelvetica, Garamond

Print: Helvetica and Garamond are recommended; Helvetica is required for the identifier configuration and the web address. Digital: the Horizon Design System uses Inter for display and headings, Public Sans for body and DM Mono for numbers and small labels, all open Google Fonts. On nasa.gov, Inter 700 sets headings, Public Sans 400/700 sets body and news titles, DM Mono 500 uppercase with 3.5px tracking sets metadata.

Source: nasa.gov/nasa-brand-center/brand-guidelinesnasa.gov/%20(2026-10-30)

Graphic elements

Journey to Titan

Do full-bleed NASA photography, object-fit cover, 0 radius, under linear-gradient(65.99deg, #000000 0, rgba(0,0,0,0) 99.04%); white Inter Bold titles sit bottom-left (cards) or left (hero) on the dark corner.

Photo under a black skrim · hero, news cards, mission and topic cards

Recently Published

Do a #F64137 circle with a white right arrow after the link label: 19px on text links (6px gap after 16px labels, 9px after 22.4px labels); 26px on desktop portrait cards (20px phone), placed 15px right of the title block and centred on it. One badge per link.

Red arrow badge · every text link and card

4 MIN READ

Do DM Mono 500, 11.2px, uppercase, 3.5px tracking.

Mono metadata · eyebrows, content types, read times, dates, counts

NASA Missions

Do black nav and hero, white news, black video, near-black #17171B missions, white image bands, photo band, #F6F6F6 story, white topics, black footer; color comes from the photographs, not from UI fills.

Black and white rhythm · band order

Specimens use sample copy, not NASA’s.

The imagery is unmatched, so the system frames it and gets out of the way.

Full spec
  • Photo cards are square-cornered, cover-cropped and skrimmed from the lower left
  • One red arrow badge per link
  • Mono only for metadata
  • Don’t add rounded cards, shadows or gradients in brand colors
  • Don’t use the Insignia's vector, orbit or stars as decoration (published: don't reuse Insignia elements)

Without the logo, NASA's web pages read through four moves: full-bleed space and flight photography under a diagonal black skrim, white Inter Bold titles on the dark corner, a small red round arrow badge after every link, and tracked caps mono metadata. Bands alternate black, white and near-black.

Source: nasa.gov/%20(2026-10-30)nasa.gov/nasa-brand-center/brand-guidelines

Iconography

20px arrow-badge
16px type-icon
32px social

Icons stay functional so photography carries the emotion.

Full spec
  • Arrow badge 20px #F64137, white arrow
  • Type icons 16px, same color as their mono label

Icons are small utility glyphs: a 20px red circle with a white arrow for links, 16px circled content-type icons, chevrons in menus and white social glyphs in 32px dark circles.

Not published: an icon grid, stroke or library.

Source: nasa.gov/%20(2026-10-30)

Photography

Primary-source imagery is the agency's strongest proof and needs no styling.

Full spec
  • Use real mission or agency imagery; credit it NASA/Name
  • Clearance may be needed when images show NASA logos or employees in promotional use (published)
  • NASA content used factually without implying endorsement needs no explicit permission (published)
  • Third-party copyrighted images on NASA sites are marked and need the holder's permission (published)
  • Don’t use NASA imagery to imply endorsement (published)
  • Don’t use images of current astronauts or employees in advertising (published)

NASA's own mission imagery fills every slot: telescope images of nebulae, rovers, spacecraft, astronauts, aircraft and Earth. Photos are cropped to fill, never framed or rounded; captions credit NASA/Name.

Source: nasa.gov/nasa-brand-center/images-and-medianasa.gov/nasa-brand-center/advertising-guidelinesnasa.gov/%20(2026-10-30)

Motion

Motion is a control, not decoration.

Full spec
  • Give users a pause control on any auto-advancing carousel (observed)

The only motion on the homepage is the hero carousel: slides advance on a timer shown as a ring around a round thumbnail, with a pause button.

Not published: motion principles, durations or easing.

Source: nasa.gov/%20(2026-10-30)

Interface & layout

The page, band by band

Featured News
Featured Video
NASA Missions
Image Of The Day
Newsletter sign-up
More Topics from NASA

Buttons

Primary action
Primary: 46px tall · 20px sides · 4px corners · 22.1px, weight 700 · #D83933 fill, #FFFFFF text
Full spec

A 1296px content width with 72px margins at 1440, 72px vertical padding on every band, 4-column card grids with 20px gaps and a 640px full-bleed hero. Phone stacks everything in one column with 24-40px gutters.

Measured from nasa.gov's NASA Brand Center guideline pages read 2026-10-30; the Insignia palette read from the published color guide image (https://www.nasa.gov/wp-content/uploads/2023/07/nasa-insignia-colorguide.png); homepage measured with computed styles at 1440 and 390 on 2026-10-30.

Spacing

MeasureDesktopPhone
Page margin72px24px
Section padding72px72px
Hero text widthmax 696px, centeredfull width
Card gap16px16px
Navigation86px86px

Type, at size

Hero H1

Inter · 72px (phone 35.2) · line 1.05 · weight 700

Subscription H2

Inter · 56px (phone 36) · line 1.1 · weight 700

Featured News H2 / feature story H2

Inter · 48px (phone 33.6) · line 0.95 · weight 700

Image Of The Day H2

Inter · 41px (phone 29) · line 0.95 · weight 700

Section H2 (NASA Missions, More NASA Images, More Topics)

Inter · 40px (phone 24) · line 1 · weight 700

Featured video H2

Inter · 36px (phone 29) · line 1.05 · weight 700

Topic card title

Inter · 29px (phone 22) · line 1.05 · weight 700

Header link (Recently Published, Discover More, Sign Up)

Inter · 22.4px · line 1 · weight 700

Nav item

Inter · 17.6px · line 1 · weight 600

Text link (Mission Overview, Learn More)

Inter · 16px · line 1 · weight 600

Footer link

Inter · 14.4px · line 1.2 · weight 400

News card title

Public Sans · 22px (phone 18) · line 1.05 · weight 700

Lead

Public Sans · 18px (phone 16) · line 1.25 · weight 700

Body

Public Sans · 16px (phone 14.4) · line 1.65 · weight 400

Small news title

Public Sans · 14px (phone 12) · line 1.25 · weight 700

Footer legal and meta

Public Sans · 14.4px · line 1.2 · weight 400

Mono label

DM Mono · 11.2px · line 1 · tracking 3.5px · weight 500

Motion
hero carousel autoplays with a progress ring and pause control; no motion guidance published
Buttons
rounded

Page anatomy

How NASA’s own landing pages are built, observed on nasa.gov, 2026-10-30. The full measurements are in spec.md.

Navigation
Black bar: Explore menu and a search field at left, the logo slot centred, three menu items at right (News & Events, Multimedia, NASA+ with a LIVE badge). Phone: hamburger left, logo slot centred, search icon right.
Hero
Full-bleed 640px photo carousel slide under a left-to-right black skrim: a 72px white headline, a short paragraph and one solid red button at left; a row of three ruled link columns near the bottom; a round thumbnail and a black pause button at bottom right.
Featured News
White band: a 48px H2 at left, a Recently Published arrow link at right, a mosaic of four photo news cards, then a row of four small round-thumbnail news items.
Featured Video
Full-bleed black band: a vertically centred text column at left (mono eyebrow, 36px title, grey paragraph, arrow link) and a 16:9 video frame at right.
NASA Missions
Near-black band: a 40px white H2 at left and Discover More at right, then four tall portrait photo cards with white titles and arrow badges.
Image Of The Day
White band: text column at left (TODAY eyebrow, 41px H2, a bold image title, body and an arrow link) and a large image in a light grey frame at right with a link under it.
More NASA Images
White band: a 40px H2, then three gallery cards in a row, each a three-photo mosaic with a bold title and a mono image count.
Newsletter sign-up
Full-bleed space photograph band with a three-line 56px white headline, a bold lead, a privacy line and a Sign Up arrow link at left.
Feature story (MAX POWER)
Light grey band: a two-column story with eyebrow, 48px H2, bold lead, body and arrow link at left, and a captioned landscape photo at right.
More Topics from NASA
White band: a 40px H2, then eight portrait topic cards in two rows of four, white titles with arrow badges.
Footer
Black footer: the logo slot, a two-line agency name with a grey mission line and two links at left, three link columns, a Follow NASA block with four round social buttons at right, then a hairline, the legal links and a page meta line.

Source: nasa.gov/%20(2026-10-30)

In use

Send your name to Titan (Dragonfly) · 2026

Participation turns a distant mission into a personal one with one action. Our reading

Full spec

How our engine applies NASA's web system to each format. This is our recipe from their published rules and observed site, not something NASA publishes. Level = how much photography and red the format carries (0 plain, 5 full-bleed photo everywhere).

  • Send your name to Titan (Dragonfly). The homepage hero invites the public to put their name on a microchip aboard the Dragonfly mission and get a digital boarding pass (paraphrase, observed 2026-10-30). nasa.gov/%20(2026-10-30)
FormatWhat they didSource
vehiclesThe Worm logotype on a bus, a bold application the guide shows.nasa.gov/nasa-brand-center/brand-guidelines
architectureThe Insignia assembled on the exterior of a Langley Research Center building (Brand Center photo).nasa.gov/nasa-brand-center

Our setting for each format

FormatLoudnessMust appearWhat varies
Landing pageBuild it the way nasa.gov is built (kit.spec.page): black nav with centred logo slot, 640px full-bleed photo hero under the 65.99deg black skrim with a 72px Inter Bold headline and one #D83933 button, black/white/#17171B bands with 72px padding, square photo cards, red arrow badges on every link, DM Mono metadata; the org's own logo, no NASA markwhich bands and how many cards
DeckBlack or white slides, one full-bleed photo per section opener with the black skrim, Inter Bold titles, mono labelscharts in white and greys with red highlights
Social postFull-bleed photo, skrim, white Inter Bold line, mono labelcrop
EmailBlack header, white body, Public Sans text, one red buttonone hero photo
Article pageWhite page, Inter Bold title, Public Sans body, mono meta line, credited photosimage count

Rules

Do

  • Insignia, Logotype and Seal require explicit permission; others may not use them as branding or trade dress
  • Never imply NASA endorsement; "NASA-themed" and "NASA-inspired" are acceptable wording
  • No text resembling the Insignia typeface or the Worm
  • Agency name always in a clean sans-serif
  • Insignia protected space 1N; configuration clear space 2N
  • Full-color Insignia never reversed or with a white rule
  • Seal never with the Insignia
  • Credit NASA as the source of imagery

Don’t

  • use the marks on third-party products or pages
  • claim copyright in NASA material
  • use NASA material for NFTs

Source: nasa.gov/nasa-brand-center/brand-guidelinesnasa.gov/nasa-brand-centernasa.gov/nasa-brand-center/advertising-guidelinesnasa.gov/nasa-brand-center/images-and-medianasa.gov/nasa-brand-center/merchandise-approvals

Steal this kit

Your name and logo, NASA’s system.

Comes with you

  • Color roles and how much of each
  • Type pairing, with open fonts
  • Voice rules the writing check enforces
  • Icon, photo, illustration and motion recipes
  • The strategy frame, to fill with yours

Stays yours

  • Your name and logo
  • Your proof: numbers, customers, quotes
  • Your purpose and claims. Theirs aren’t yours to make

Use this kit for my brand Use this brand in Claude

Hand it to a developer

Your brand next

Get your brand audit Put your brand in Claude What goes in a brand book

What NASA doesn’t publish
  • Color proportions: not published.
  • A web/UI palette: not published (site colors are observed 2026-10-30).
  • Hex for silver PMS 877: not published.
  • Insignia minimum size in text: not published (only in a guide image).
  • Voice or tone guide: not published.
  • Motion principles, durations, easing: not published.
  • Icon grid or library: not published.
  • Layout grid and spacing scale: not published (measured from nasa.gov).
  • Illustration style: not published.
  • Breakpoints: not measured.
  • Logo slot: NASA's Insignia is deliberately excluded (protected mark); a borrowed build uses the org's logo or plain text.
  • Image Of The Day download button size and color: not measured.

Each value is marked published, observed, our reading or our recipe, with its source. Checked 2026-10-30. Not affiliated with NASA.