ORIAI Brand Guidelines
A comprehensive guide to our visual identity, voice, and design system.
Table of Contents
Brand Overview
Our Brand Identity
ORIAI is a brand that combines modern AI technology with a warm, premium, and approachable feel. Our brand identity reflects our mission to empower business owners with custom AI tools that illuminate possibilities and free up valuable time.
Our Mission
To democratize access to custom AI technology, making powerful tools accessible to all business owners.
Our Vision
A world where every business, regardless of size, can harness the power of personalized AI.
Our Values
Accessibility, Excellence, Innovation, Empowerment, and Authenticity.
Brand Personality Traits
Premium
High-quality, sophisticated, and refined without being pretentious.
Innovative
Forward-thinking, cutting-edge, and constantly evolving.
Approachable
Warm, helpful, and accessible despite our technical expertise.
Trustworthy
Reliable, consistent, and deserving of our clients' confidence.
Logo
Primary Logo
Primary logo on white background
Logo on Dark Background
Logo on dark background
Logo Usage Guidelines
Do's
- Maintain proper spacing around the logo
- Use the logo in its original proportions
- Use approved brand colors and backgrounds
- Use the high-resolution version for print
Don'ts
- Stretch or distort the logo
- Change the logo colors
- Place the logo on visually cluttered backgrounds
- Add effects like shadows or outlines
Clear Space
Always maintain a minimum clear space around the ORIAI logo. This space should be equal to the height of the "O" in the logo on all sides.
Color Palette
Primary Colors
Our primary colors reflect our premium, sophisticated brand identity while maintaining warmth and approachability.
Gold
HEX: #D4AF37
RGB: 212, 175, 55
CMYK: 0%, 17%, 74%, 17%
Ivory
HEX: #F9F8F4
RGB: 249, 248, 244
CMYK: 0%, 0%, 2%, 2%
Charcoal
HEX: #333333
RGB: 51, 51, 51
CMYK: 0%, 0%, 0%, 80%
Extended Color Palette
These secondary and accent colors complement our primary palette and provide flexibility for various design applications.
Gold Shades
Gold-50
#FAF7E8
Gold-100
#F4EFD1
Gold-200
#EBDEA3
Gold-300
#E3CD76
Gold-400
#DCBE48
Gold-500
#D4AF37
Gold-600
#AC8C29
Gold-700
#82691F
Gold-800
#574614
Gold-900
#2C230A
Charcoal Shades
Charcoal
#333333
Charcoal-100
#4d4d4d
Charcoal-200
#666666
Charcoal-300
#808080
Charcoal-400
#999999
Color Usage Guidelines
Primary Applications
- Gold: Use for accents, CTAs, and to highlight important information
- Ivory: Primary background color for most pages
- Charcoal: Primary text color and dark backgrounds
Color Relationships
- Maintain a minimum 4.5:1 contrast ratio for text
- Use gold sparingly for maximum impact
- Prioritize whitespace and clean design with ivory backgrounds
Typography
Primary Typefaces
Our typography creates a balance between premium elegance and modern approachability.
Playfair Display
Primary heading font
Playfair Display is used for all headings, adding a touch of sophistication and premium feel to our communications. Its elegant serifs and distinctive character shapes create a memorable impression.
Montserrat
Primary body font
Montserrat is our body text font, providing excellent readability while maintaining a modern, clean aesthetic. Its geometric sans-serif design pairs perfectly with Playfair Display.
Type Scale & Hierarchy
Headings
H1 Heading (3rem/48px)
Playfair Display, Bold (700)
H2 Heading (2.25rem/36px)
Playfair Display, Bold (700)
H3 Heading (1.875rem/30px)
Playfair Display, Bold (700)
H4 Heading (1.5rem/24px)
Playfair Display, Bold (700)
H5 Heading (1.25rem/20px)
Playfair Display, Bold (700)
H6 Heading (1.125rem/18px)
Playfair Display, Bold (700)
Body Text
Body Text Regular (1rem/16px)
Montserrat, Regular (400)
Small Text (0.875rem/14px)
Montserrat, Regular (400)
Extra Small Text (0.75rem/12px)
Montserrat, Regular (400)
Font Weights
Playfair Display
Regular (400) - For secondary headings
Medium (500) - For subheadings
Semibold (600) - For emphasized headings
Bold (700) - For primary headings
Montserrat
Light (300) - For subtle text
Regular (400) - For body text
Medium (500) - For emphasized text
Semibold (600) - For strong emphasis
Bold (700) - For buttons and CTAs
Imagery & Photography
Photography Style
Our imagery style reflects our premium yet approachable brand personality. Images should communicate innovation, sophistication, and human connection.
People & Technology
Show the human side of technology with images of people using AI tools in natural, authentic settings.
Warmth & Innovation
Use warm lighting and a premium color palette with gold accents to convey sophistication and innovation.
Imagery Guidelines
Do's
- Use high-quality, professionally shot images
- Show diverse groups of people using technology
- Incorporate warm lighting and gold accents when possible
- Present technology as approachable and human-centered
Don'ts
- Use generic stock photos that feel inauthentic
- Present technology as cold, sterile or intimidating
- Use images with high saturation or unrealistic colors
- Show people in staged, unnatural postures with technology
Image Treatment
When processing images for ORIAI materials, follow these guidelines:
- Color Temperature: Slightly warm (5000-5500K)
- Contrast: Medium-high for depth without appearing harsh
- Saturation: Slightly reduced for a sophisticated feel
- Gold Accents: May be subtly enhanced when present
- Vignetting: Subtle vignetting acceptable for focus
Brand Voice
Voice Characteristics
Our brand voice is the verbal expression of our brand personality. It should be consistent across all communications to create a unified brand experience.
Expert but Accessible
We communicate complex technological concepts in clear, jargon-free language that anyone can understand.
Example:
"Our Custom Brand GPT captures your unique voice and style, making it easy for your AI to communicate exactly like you would."
Warm and Personable
We speak with genuine warmth, showing our human side even when discussing technology.
Example:
"We're excited to see how your business will transform with your new AI assistant. Our team is here to support your journey every step of the way."
Premium without Pretension
We convey quality and sophistication through refined language, but remain grounded and relatable.
Example:
"Our meticulously crafted AI solutions deliver exceptional results while remaining refreshingly straightforward to use."
Empowering and Positive
We emphasize possibilities, solutions, and the positive impact our technology creates.
Example:
"Imagine reclaiming hours each week while maintaining your authentic voice across all customer touchpoints. That's the power of your Custom Brand GPT."
Writing Guidelines
Sentence Structure
Mix short, impactful sentences with longer, more flowing ones for rhythm. Favor active voice over passive.
Word Choice
Use precise, evocative language. Avoid jargon, clichés, and unnecessarily complex terminology.
Tone Adjustments
Adapt tone based on context while maintaining core voice characteristics: warmer for customer support, more authoritative for educational content.
UI Elements
Buttons
Primary Button
Usage: Main call-to-action buttons
Style: Gold gradient background, white text, subtle hover effect with glow
Secondary Button
Usage: Secondary actions, alternatives to primary CTA
Style: Transparent with gold border and text, subtle hover effect
Text Link
Usage: Inline text links and minor navigation actions
Style: Gold text with hover state, optional icon
Form Elements
Input Fields
Dropdown
Cards & Containers
Feature Card
Voice Training
Train your AI to adopt your authentic brand voice for consistent communication across all channels.
Testimonial Card
Jane Smith
Marketing Director
"ORIAI's Custom Brand GPT has completely transformed how we create content. It's like having our best writer available 24/7."
Spacing & Layout
Spacing System
We use a consistent spacing system to create harmony and balance across all our designs. Our base unit is 4px, with most spacing values being multiples of this unit.
Extra Small
Small
Medium
Large
Extra Large
2X Large
3X Large
Layout Principles
Whitespace
Generous whitespace is a key element of our design system. It creates a sense of premium quality and ensures content remains focused and readable.
- • Maintain ample margins around content blocks
- • Use wider spacing between sections than within sections
- • Increase whitespace for higher-end/premium pages
Content Structure
Use clear visual hierarchy to guide users through content and create intuitive, scannable layouts.
- • Group related items visually
- • Use stronger visual separation between sections
- • Maintain consistent alignment patterns
- • Balance text and visuals for better engagement
Questions About These Guidelines?
If you need further guidance or have questions about implementing our brand standards, please contact our brand team.
Contact Brand Team