Version 2.2 Philosophy

Radical Simplification: We eliminated the dated beige/cream tones and confusing multi-shade palette. The new system uses ONE navy, ONE teal, clean whites and grays.

Goal: Match the professional quality of our book covers throughout the entire site. Clean, modern, timeless—not overdesigned.

Core Color Palette (v2.2)

These six colors are the complete system. ONE navy, ONE teal, clean neutrals. Professional, timeless, not overdesigned.

#1E3A5F

Brand Navy

brandNavy

Primary brand color. Headers, footers, headings, book covers.

HEX: #1E3A5F

RGB: 30, 58, 95

#5DADE2

Brand Teal

brandTeal

Accent color. Links, CTAs, buttons, interactive elements.

HEX: #5DADE2

RGB: 93, 173, 226

#2A7BA8

Brand Teal Dark

brandTealDark

Darker teal for hover states. Consistent blue palette.

HEX: #2A7BA8

RGB: 42, 123, 168

#FFFFFF

White

white

Page backgrounds, card backgrounds, clean space.

HEX: #FFFFFF

RGB: 255, 255, 255

#F8F9FA

Light Gray

brandLightGray

Subtle backgrounds when needed (quote boxes, detail cards).

HEX: #F8F9FA

RGB: 248, 249, 250

#2C3E50

Dark Gray

brandDarkGray

Body text, paragraphs, readable content.

HEX: #2C3E50

RGB: 44, 62, 80

Deprecated Colors

DO NOT USE THESE. They're kept in Tailwind config for backwards compatibility only. All new designs must use the core palette above.

DEPRECATED #27445D

Old Navy (DEPRECATED)

Replaced by #1E3A5F for better contrast

DEPRECATED #71BBB2

Old Teal (DEPRECATED)

Green teal replaced by blue teal #5DADE2

DEPRECATED #EFE9D5

Cream/Beige (DEPRECATED)

Dated look. Use white or brandLightGray instead.

DEPRECATED #D9A441

Gold (DEPRECATED)

Clashed with blue palette. Use brandTeal instead.

Legacy Colors (Limited Use)

These colors remain for specific use cases only. Use sparingly.

#0B0F19

Midnight (Legacy)

brandMidnight

Very dark navy for gradients

#DA6E5A

Coral (Legacy)

brandCoral

Photography brand accent only

Functional Colors

System colors for feedback and status messages. Use consistently for their intended purpose.

#3BB273

Success

Success messages, confirmations

brandSuccess

#F4A259

Warning

Warnings, important notices

brandWarning

#E54B4B

Error

Error states, critical alerts

brandError

#4D9DE0

Info

Informational states, helpful tips

brandInfo

Typography

Plus Jakarta Sans (Everything)

One font for the entire site: Headings, body text, navigation, buttons, cards, forms — everything. A modern geometric sans-serif. Weights 400-800. Clean, professional, friendly, consistent.

Why one font? Consistency and simplicity. Small text chunks (navigation, cards, sections) look awkward with serif fonts. Plus Jakarta Sans is readable at all sizes and contexts.

H1 - 56px / 800 weight

The quick brown fox

H2 - 36px / 700 weight

The quick brown fox jumps

H3 - 28px / 600 weight

The quick brown fox jumps over

H4 - 21.6px / 600 weight

The quick brown fox jumps over the lazy dog

Body Text - 16px / 400 weight

The Polaris Pixels brand represents the intersection of technical precision and proven experience. Our modern, AI-forward approach is grounded in deep expertise and guided by the North Star metaphor—providing clear direction through complex challenges.

Small Text - 14px / 400 weight

Perfect for captions, labels, and secondary information throughout the site.

Newsreader (Rarely Used)

Exception, not the rule: Newsreader serif is available ONLY for special long-form content like blog posts or whitepapers where traditional book-like typography is specifically desired. Do not use for general site content.

Avoid serif fonts in navigation, cards, short sections, or UI elements. They're inappropriate for small text chunks and break visual consistency.

Logo: The Polaris Star

Our logo represents guidance, precision, and unwavering direction—the North Star for businesses navigating digital transformation.

Three Variants

★

Primary

Navy on light backgrounds

★

Reversed

White on dark backgrounds

★

Accent

Teal for special use

Clear Space Rule

Minimum padding around the logo must equal the height of one star point. This ensures the logo has proper breathing room and maintains its impact.

Brand Personality

We Are:

★ Technically Precise: Deep expertise, proven methodologies
★ Proven Experience: Years of successful client engagements
★ Modern AI-Forward: Cutting-edge tools, future-focused thinking
★ Human Guidance: The North Star through complexity
★ Professional but Approachable: Expert without being cold

The North Star Metaphor:

Just as the Polaris star has guided travelers for centuries, we provide unwavering direction for businesses navigating digital transformation.

Our brand represents:

→ Constant, reliable guidance
→ Technical precision
→ Clear direction through complexity

Brand Context for AI Tools

Copy this code snippet and paste it into ChatGPT, Claude, or any AI tool to give it instant context about the Polaris Pixels brand.

{
  "brand": "Polaris Pixels",
  "version": "2.2",
  "updated": "November 2025",
  "tagline": "Simplified professional design. Clean, modern, timeless.",
  "philosophy": "Radical simplification. ONE navy, ONE teal, clean neutrals. Match the professional quality of our book covers.",

  "colors": {
    "core": {
      "navy": "#1E3A5F",
      "teal": "#5DADE2",
      "tealDark": "#2A7BA8",
      "white": "#FFFFFF",
      "lightGray": "#F8F9FA",
      "darkGray": "#2C3E50"
    },
    "deprecated": {
      "oldNavy": "#27445D (DO NOT USE)",
      "oldTeal": "#71BBB2 (DO NOT USE - greenish)",
      "cream": "#EFE9D5 (DO NOT USE - dated)",
      "gold": "#D9A441 (DO NOT USE - clashes)"
    },
    "legacy": {
      "midnight": "#0B0F19 (gradients only)",
      "coral": "#DA6E5A (photography only)"
    },
    "functional": {
      "success": "#3BB273",
      "warning": "#F4A259",
      "error": "#E54B4B",
      "info": "#4D9DE0"
    }
  },

  "typography": {
    "everything": "Plus Jakarta Sans (headings, body, navigation, UI - weights 400-800)",
    "philosophy": "One font for consistency. Use everywhere: navigation, cards, sections, forms, buttons.",
    "exception": "Newsreader serif ONLY for rare long-form content (blog posts, whitepapers). Not for general site content.",
    "approach": "Modern geometric sans-serif. Clean, professional, friendly. Readable at all sizes."
  },

  "logo": "Polaris Star (★) - Navy (#1E3A5F) on light, White on dark, Teal (#5DADE2) for accent",

  "personality": [
    "Technically precise with deep expertise and proven methodologies",
    "Proven experience from years of successful client engagements",
    "Modern AI-forward with cutting-edge tools and future-focused thinking",
    "Human guidance through complexity (North Star metaphor)",
    "Professional authority with approachable communication"
  ],

  "design": {
    "style": "Simplified professional - not overdesigned",
    "approach": "Mobile-first responsive design",
    "aesthetic": "Clean, modern, timeless - matches book cover quality",
    "principle": "Radical simplification over complex palettes"
  }
}

★

This JSON format works with ChatGPT, Claude, Gemini, and most AI assistants. Simply paste it at the start of your conversation to provide brand context.