Arsenal Style Guide

Welcome to the Arsenal Style Guide

This guide outlines the visual and stylistic elements that define Arsenal's digital presence. Our aim is to create a consistent, modern, and engaging experience for all supporters, reflecting the club's rich history and forward-thinking attitude.

Color Palette

Our primary colors are bold and instantly recognizable, symbolizing passion and strength.

Primary Colors

#EF0107
Arsenal Red #000000
Black #980000
Dark Red

Secondary & Neutral Colors

#FFFFFF
White #f8f8f8
Light Gray

Typography

Clean and readable typography ensures clarity and enhances the overall aesthetic. We use a combination of a modern sans-serif for body text and a classic serif for headings.

Headings

Georgia, Serif

Body Text

Arial, Sans-serif

Layout Principles

Our layouts are designed to be responsive, intuitive, and visually appealing. We prioritize content and ensure a clear hierarchy of information.

Grid System

A flexible grid system ensures content is well-organized across all devices.

Column 1

Column 2

Column 3

UI Components

Reusable components that maintain brand consistency.

Buttons

Primary Action Secondary Action

Cards

Featured Article

A brief description of the featured article, highlighting key points and engaging readers to learn more.

Player Profile Snapshot

Quick stats and a brief bio for a prominent Arsenal player, designed for easy consumption.

Explore more about Arsenal's journey and impact.