Branding Resources

Official FABRIC brand guidelines — colors, typography, logos, and UI elements. Use these assets consistently across all FABRIC-related materials.

FABRIC Logos

For Light Backgrounds

Each of these logos has a transparent background and are optimized for use on light background colors.

FABRIC logo with text below surface

Download

FABRIC logo with text beside surface

Download

FABRIC surface logo without text

Download

For Dark Backgrounds

Each of these logos has a transparent background and are optimized for use on dark background colors.

FABRIC logo with text below surface

Download

FABRIC logo with text beside surface

Download

FABRIC surface logo without text

Download

FAB Logos

For Light Backgrounds

Each of these logos has a transparent background and are optimized for use on light background colors.

FAB Globe with text - Color

Download

FAB Globe with text - Black only

Download

FAB Globe - Color

Download

FAB Globe - Dark

Download

For Dark Backgrounds

Each of these logos has a transparent background and are optimized for use on dark background colors.

FAB Globe with text - Light

Download

FAB Globe - Light

Download

FAB Globe - Color on dark

Download

Color Palette

Navy

#1B3A5C

Primary headers, footer, navigation

Blue

#1A73B5

Primary brand, links, CTAs

Teal

#2196C9

Hero backgrounds, active states

Sky

#5BC4E5

Light accents, highlights

Yellow

#F5C518

CTAs, highlights, active underlines

Off White

#F5F7FA

Page backgrounds, card fills

Gray 200

#E2E6EA

Borders, dividers

Gray 600

#5A6370

Body text, secondary content

Click a swatch to copy the hex value.

Hero Gradient

135° · Navy → Blue → Teal

Typography

Inter

Primary typeface — all weights 300–700

Google Fonts

Display LGFABRIC Testbed

DisplayExplore Impactful Ideas

Display SMAdvancing Network Research

H1Resources & Infrastructure

H2Community & Events

H3Project Highlights

Body LGFABRIC is a unique national research infrastructure to enable cutting-edge and exploratory research at scale.

BodyFABRIC is a unique national research infrastructure to enable cutting-edge and exploratory research at scale in networking, cybersecurity, distributed computing and AI/ML.

CaptionFigure 1 — FABRIC topology map, March 2026

MonoRENC · TACC · STAR · UCSD · MICH

Font Weights

Light · 300

FABRIC Testbed

Regular · 400

FABRIC Testbed

Medium · 500

FABRIC Testbed

SemiBold · 600

FABRIC Testbed

Bold · 700

FABRIC Testbed

Monospace — JetBrains Mono

RENC · TACC · STAR · UCSD · MICH · LBNL · WASH

Used for site names, codes, and technical identifiers.

UI Elements

Buttons

Badges

NewsBlogCommunityActiveMaintenancePre-Maintenance

Cards

Standard Card

White background, subtle shadow, rounded-2xl.

Blue Card

Teal background, used for step indicators and CTAs.

Callout Card

Light blue tint, used for alerts and notices.

Gradient Usage

News card — Teal → Navy

Blog card — Sky → Teal