Current for the 2026-2027 EA examPSI scheduling update
EA Exam Test Bank Start free
Internal reference / v1.0 / Operator design

EA Exam Test Bank
Brand Style Guide

The production reference for colors, typography, components, layout rhythm, conversion patterns, and voice across eaexam.co.

Core Colors

Navy is the primary canvas. Pass Green is the primary action color. Light sections carry proof, study content, and pricing.

EA Navy#071B33

Primary background and hero

Dark Surface#0C2440

Secondary dark sections

Pass Green#21B573

Primary actions and passing

Pass Green Hover#1A9D63

Button hover and light-page text

Light Gray#F6F9FB

Proof and resource sections

White#FFFFFF

Cards and pricing

Border#E3EAF1

Dividers and controls

Muted Text#5C6B7E

Supporting copy on light

Product Accent Colors

Each study tool owns one accent. Pass Green remains the only cross-product primary CTA color.

Test Bank Green#21B573
Exams Cyan#5BB8E8
Guide Amber#F2B32C
Tutor Purple#9F8CF5

Typography

Poppins carries headings, stats, navigation, and buttons. Inter carries body copy, labels, and study interfaces.

Hero / Poppins 900Pass all 3 parts.
Display / Poppins 800Know what to study next.
Card / Poppins 700Drill your weak spots
Body / Inter 400

Current guidance and focused practice turn a large exam into a clear next decision.

Eyebrow / Inter 600One course, four tools
Stat / Poppins 8006,000+

Buttons and Badges

Buttons use compact pill shapes, visible focus rings, and one direct command. Badges identify context, not decoration.

Primary action Secondary actionCurrent 2026-2027 exam

Cards

Use an 8px radius. Dark product cards receive one restrained accent tint; light content cards stay flat and easy to scan.

Test Bank

Drill your weak spots

Focused practice with detailed explanations.

Current guide

EA Exam Part 1

A direct answer, official sources, and one context-matched next step.

Read the guide

Section Rhythm and Spacing

Pages alternate navy, dark surface, light gray, and white. Section padding is 72 to 96px; the content column stops at 1,200px.

8px
inline gaps16px
grid gaps28px
card padding44px
heading to grid72-96px
section padding

Tone and Voice

Speak like a confident exam-prep operator: direct, specific, source-aware, and honest about terms.

Do
  • Lead with the candidate outcome.
  • Use specific, supportable product facts.
  • Name the risk, then remove it.
  • Give each page one relevant next action.
Do not
  • Publish unsupported performance claims.
  • Use vague AI language without a concrete job.
  • Create a page for every keyword variation.
  • Bury sources or commercial terms.

CSS Custom Properties

These production tokens are the shared contract for site templates and interactive study tools.

:root {
  --ea-navy: #071B33;
  --ea-dark-surface: #0C2440;
  --ea-footer: #051325;
  --ea-green: #21B573;
  --ea-green-hover: #1A9D63;
  --ea-cyan: #5BB8E8;
  --ea-amber: #F2B32C;
  --ea-purple: #9F8CF5;
  --ea-light: #F6F9FB;
  --ea-white: #FFFFFF;
  --ea-border: #E3EAF1;
  --ea-ink: #12283F;
  --ea-muted: #5C6B7E;
  --ea-radius-card: 8px;
  --ea-radius-pill: 9999px;
}