Skip to main content
Brand Assets

EPIC AI Brand

Logo files, color palette, typography, design system, and usage guidelines for consistent EPIC AI brand representation.

02

Color Palette

Accent Orange

Primary brand color. CTAs, highlights, links.

Accent Light

Hover states, gradient endpoints.

Background

Page background. Near black.

Card

Card backgrounds, elevated surfaces.

Foreground

Primary text color.

Muted

Secondary text, descriptions.

Green

Success states, checkmarks.

Blue

Info states, contextual links.

Gradient

03

Typography

Geist

Primary, All text

The quick brown fox jumps over the lazy dog

The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789

Extrabold (800)Bold (700)Semibold (600)Medium (500)Regular (400)

Type Scale

EPIC AI72px · Hero headings
What We Build48px · Section headings
Our Solution24px · Card headings
We build production-ready web platforms.16px · Body text
Next.js, TypeScript, Vercel14px · Small text / captions
04

Design System

Glass Morphism

Cards and elevated surfaces use a glass-morphism effect: semi-transparent backgrounds with backdrop blur and subtle borders.

Hover Glow

Interactive cards have an orange glow on hover for visual feedback.

Gradient Text

Hero headings use an animated gradient from orange to light orange.

Gradient Text Example

Border Radius

Consistent rounded corners across the design system.

8px
12px
16px
Full
05

Component Patterns

Buttons

Badges

Default BadgeMuted BadgeSuccessInfo

Cards

Interactive Card

Cards with hover glow effect for clickable items.

Static Card

Content cards without hover effects for display.

06

Voice & Tone

EPIC AI speaks like a trusted operator, someone who has built the software themselves and knows what works. We're technical but accessible, confident but never arrogant.

Direct

We say what we mean. No jargon, no fluff. If something takes 6 weeks, we say 6 weeks.

"We build production-ready platforms. Not mockups, deployed software."

Operator-First

We speak from experience running real businesses. We understand the pain because we've felt it.

"We built our own dashboards first, then built them for our clients."

Proof-Driven

We back every claim with real numbers, real projects, and real results. No hypothetical case studies.

"Every project in our portfolio is live, maintained, and performing."

Approachable

We're a remote-first software firm, not a faceless agency. We're honest, helpful, and easy to talk to.

"Book a call. No pressure, just honest advice about what would actually help."

We say

  • “Built by operators, for operators”
  • “Every project live and maintained”
  • “No pressure, just honest advice”

We don't say

  • “Leverage synergies to unlock value”
  • “World-class, cutting-edge solutions”
  • “Disruptive innovation paradigm”
07

Portfolio Imagery

Hero images from our production portfolio. These may be used in press materials, presentations, and case study references.

Visit Castle Rock, AI Tourism

Visit Castle Rock

AI Tourism

Shop Castle Rock, Shopping Directory

Shop Castle Rock

Shopping Directory

Dine Castle Rock, Dining Directory

Dine Castle Rock

Dining Directory

08

Photography Guidelines

EPIC AI photography emphasizes real businesses, real locations, and real results. We use authentic imagery from our own operator portfolio, no stock photos.

Style

  • High-contrast, warm color grading
  • Real landscapes, local businesses, real interiors
  • Dark backgrounds preferred for web, matches brand palette
  • Action and context shots over posed photos

Aspect Ratios

  • Hero images: 16:9 or 21:9 (landscape)
  • Card thumbnails: 5:3 or 16:10
  • Social media: 1:1 (profile), 2:1 (banner)
  • OG images: 1200 × 630px

Do

  • Use real portfolio screenshots and project photos
  • Show real landscapes and local business settings
  • Maintain dark/premium aesthetic when overlaying text

Don't

  • Use generic stock photos or AI-generated images
  • Place photos on white/light backgrounds
  • Use low-resolution or heavily filtered images
09

Favicons & Icons

Full Logo

Full Logo

512×512 · PNG

Standard Icon

Standard Icon

96×96 · PNG

WebP Icon

WebP Icon

96×96 · WebP

Small Icon

Small Icon

48×48 · PNG

Apple Touch

Apple Touch

180×180 · PNG

Social Preview

When shared on social media, the site renders a 1200×630 Open Graph image with the EPIC AI logo and brand gradient. The OG image is located at /og-image.png.

10

Downloads

Download individual brand assets or grab the full collection.

11

Usage Guidelines

Do

  • Use the logo on dark backgrounds (#030712 preferred)
  • Maintain clear space around the logo
  • Use brand orange (#F97316) for primary CTAs
  • Use Geist for all text content
  • Keep the dark premium aesthetic consistent
  • Reference real portfolio numbers and projects

Don't

  • Stretch, rotate, or distort the logo
  • Use the logo on busy or low-contrast backgrounds
  • Change the brand colors without approval
  • Add effects (shadows, outlines, glows) to the logo
  • Use EPIC AI branding on client-facing tourism sites
  • Use corporate jargon or buzzwords in copy

Brand Information

Company Name

EPIC AI

Website

epicai.ai

Location

Online, remote-first

Email

CEO@epicai.ai

Industry

Software Development Agency

Portfolio

epicai.ai/case-studies

Specialties

Web, iOS, AI, Automation

Primary Font

Geist (self-hosted)

Need something else?

For press inquiries, custom assets, or brand questions, reach out to us.