AuraLogic TexasIntelligence. Engineered.
Call NowFree Audit
Brand Identity System

Brand StyleGuide

The complete color system, typography, and design language for AuraLogic TX. Built for consistency, clarity, and conversion.

Color Palette

Four intentional color families designed for high-contrast, tech-forward interfaces. Each serves a distinct purpose in the visual hierarchy.

Primary — Electric Blue

Trust & authority. Used for CTAs, links, primary buttons, and key interactive elements.

50
#E6F1FF
#E6F1FF
100
#CCE3FF
#CCE3FF
200
#99C7FF
#99C7FF
300
#66ABFF
#66ABFF
400
#338FFF
#338FFF
500
#0073FF
#0073FF
600
#005CD1
#005CD1
700
#0045A3
#0045A3
800
#002E75
#002E75
900
#001747
#001747

Secondary — Cyan Glow

Innovation & tech. Used for accent highlights, hover states, and secondary interactive elements.

50
#E0FFFE
#E0FFFE
100
#C2FFFD
#C2FFFD
200
#85FFFB
#85FFFB
300
#47FFF9
#47FFF9
400
#0AFFF7
#0AFFF7
500
#00E5DD
#00E5DD
600
#00B8B1
#00B8B1
700
#008A85
#008A85
800
#005C59
#005C59
900
#002E2D
#002E2D

Accent — Neon Purple

Premium & AI. Used for premium features, AI-related elements, and special highlights.

50
#F5E6FF
#F5E6FF
100
#EBCCFF
#EBCCFF
200
#D799FF
#D799FF
300
#C366FF
#C366FF
400
#AF33FF
#AF33FF
500
#9B00FF
#9B00FF
600
#7C00CC
#7C00CC
700
#5D0099
#5D0099
800
#3E0066
#3E0066
900
#1F0033
#1F0033

Energy — Vivid Lime

Success & growth. Used for success states, growth metrics, positive indicators, and badges.

50
#F7FFE6
#F7FFE6
100
#EFFFCC
#EFFFCC
200
#DFFF99
#DFFF99
300
#CFFF66
#CFFF66
400
#BFFF33
#BFFF33
500
#AFFF00
#AFFF00
600
#8CCC00
#8CCC00
700
#699900
#699900
800
#466600
#466600
900
#233300
#233300

Neutral System

Modern grays for backgrounds, text, borders, and UI chrome. Designed for maximum readability and clean interfaces.

50
#FAFAFA
100
#F5F5F5
200
#E5E5E5
300
#D4D4D4
400
#A3A3A3
500
#737373
600
#525252
700
#404040
800
#262626
900
#171717
950
#0A0A0A

Gradient System

Pre-defined gradient combinations for consistent visual impact across all brand touchpoints.

Primary Flow

Hero backgrounds, stats bars, primary feature highlights

linear-gradient(135deg, #0073FF 0%, #00E5DD 100%)

Accent Shift

Premium sections, AI feature cards, special promotions

linear-gradient(135deg, #9B00FF 0%, #0073FF 100%)

Energy Burst

Success states, growth indicators, positive CTAs

linear-gradient(135deg, #AFFF00 0%, #00E5DD 100%)

Dark Foundation

Dark sections, hero overlays, footer backgrounds

linear-gradient(180deg, #0A0A0A 0%, #171717 100%)

Typography

Three carefully selected typefaces for display, body, and code. Designed for clarity at every scale.

Aa

Space Grotesk

Display & Headings

Used for all headings, hero text, and display elements. Bold, geometric, and modern.

Aa

Inter

Body & UI Text

Used for body copy, navigation, buttons, and all interface text. Clean and highly readable.

Aa

JetBrains Mono

Code & Technical

Used for code snippets, HEX values, technical data, and monospaced content.

Display / H1
Space Grotesk · 700 · 72px / 4.5rem
Intelligent Systems
H2
Space Grotesk · 700 · 48px / 3rem
Smarter Business
H3
Space Grotesk · 600 · 30px / 1.875rem
Build. Automate. Scale.
Body Large
Inter · 400 · 20px / 1.25rem
We design AI-powered digital infrastructures that capture leads.
Body
Inter · 400 · 16px / 1rem
Enterprise-grade solutions with measurable results for modern businesses.
Small / Caption
Inter · 500 · 14px / 0.875rem
Trusted by 500+ businesses worldwide
Code
JetBrains Mono · 400 · 14px / 0.875rem
const system = new AuraLogic();

Glow Effects

Signature glow shadows that add depth and energy to interactive elements. Used sparingly for maximum impact.

Primary Glow

rgba(0, 115, 255, 0.3)

Secondary Glow

rgba(0, 229, 221, 0.3)

Accent Glow

rgba(155, 0, 255, 0.3)

Energy Glow

rgba(175, 255, 0, 0.3)

Button System

Consistent button styles with glow effects for every interaction context.

Primary Actions

Secondary Actions

On Dark Backgrounds

Status Colors

Semantic colors for system feedback, alerts, and status indicators.

Success

#10B981

Confirmations, completed actions, positive states

Warning

#F59E0B

Caution alerts, pending states, attention needed

Error

#EF4444

Error messages, destructive actions, critical alerts

Info

#3B82F6

Informational messages, tips, neutral notifications

Application Examples

How the color system comes together in real interface components.

Service Card

AI-Powered Web Design

Intelligent websites that adapt to user behavior and optimize conversions automatically.

Higher conversion rates
Metric Card
35%

Lead Conversion Increase

Measured across all client implementations in the first 90 days.

Badges & Tags
PrimarySecondaryAccentEnergySuccessErrorWarningNeutral
Form Elements

Ready to Build SomethingExtraordinary?

Let's apply this design system to your next project. Book a strategy call to get started.

Schedule Strategy Call