Application Examples
ตัวอย่างการนำ CI Guidelines ไปใช้ในสื่อและช่องทางต่างๆ เพื่อสร้างความสอดคล้องของแบรนด์
Business Cards
Design Specifications
Size:
90mm x 55mm (Standard) | 3.5" x 2" (US)
Front Side:
Logo (top left), Name (Bold, 18pt), Position (Regular, 12pt), Brand Navy background, White text
Back Side:
Contact information, Company tagline, QR code (optional), Light Gray background
Paper:
300-350gsm, Matte or soft-touch finish
Printing:
Full color CMYK, spot UV optional for logo
Letterhead & Stationery
Letterhead (A4)
Header:
Logo (top left, 40mm from top), Company info (top right)
Footer:
Contact details (centered), 15mm from bottom, Small text (10pt)
Body:
White background, 20mm margins all sides
Presentations
Slide Specifications
Aspect Ratio:
16:9 (1920x1080px recommended)
Cover Slide:
Logo, Title (H1, 48pt), Subtitle, Date/Audience, Brand Navy or gradient background
Content Slides:
White background, Title (H2, Ocean Blue), Body text (Charcoal), Max 6 bullets per slide
Footer:
Small logo (bottom left), Page number (bottom right), Light Gray color
Accent:
Warm Orange for key points and CTAs, Fresh Teal for icons
Website
Website Design System
Header:
Brand Navy background, White text, Logo (left), Navigation (right), Sticky on scroll
Hero Section:
Gradient background or high-quality image, H1 heading, Subtitle, CTA button (Warm Orange)
Content Sections:
Alternating White and Light Gray backgrounds, Max 1200px width, Generous padding
Buttons:
Primary (Warm Orange, white text), Secondary (Ocean Blue, white text), Tertiary (outline)
Footer:
Brand Navy background, White text, Multiple columns, Social links, Copyright info
Mobile:
Responsive breakpoints: 1200px, 992px, 768px, 576px
Social Media
Profile Setup
Profile Picture:
Logo monochrome (white on Brand Navy), Square format
Cover/Banner:
1500x500px (Facebook), 1500x500px (LinkedIn), Brand Navy + Warm Orange gradient
Bio:
Clear value proposition, Service offerings, Contact information, Relevant hashtags
Post Templates
Square Posts:
1080x1080px, Clean layout, Consistent branding, Readable text (min 24pt)
Story Format:
1080x1920px, Safe zones (top 250px, bottom 310px), Mobile-optimized text
Hashtags:
#OkuzeroUX #UserExperience #UXConsulting #DesignThinking #UXThailand
Email Communications
Email Template
Width:
600px maximum (mobile-friendly)
Header:
Logo, 40px height, Centered or left-aligned, Light Gray background
Body:
White background, 16px font size, 24px line height, 40px padding
CTA Button:
Warm Orange, White text, 16px padding, Border radius 6px
Footer:
Brand Navy background, White text, Contact info, Social links, Unsubscribe
Email Signature
ชื่อ-นามสกุล
ตำแหน่ง
OKUZERO
Workshop Materials
Handouts & Workbooks
Format:
A4, White background, Brand Navy headers, Generous margins
Header:
Logo, Workshop title, Date, Page number
Content:
Clear hierarchy, Plenty of white space for notes, Use of icons and diagrams
Name Tags
Design:
Brand Navy background, White text, Large readable name (24pt)
Size:
100mm x 70mm, Landscape orientation
Certificates
Design:
Premium feel, White background, Ocean Blue accents, Elegant border
Elements:
Logo, Certificate title, Participant name, Workshop details, Signature, Date
Paper:
200-250gsm premium paper, Optional gold foil for special elements
Merchandise & Promotional Items
Branded Items
T-Shirts:
Logo on front (chest), Tagline on back (optional), Navy or White
Notebooks:
Logo on cover, Brand Navy or Light Gray, A5 size
Pens:
Logo printed, Brand Navy or Ocean Blue body
Tote Bags:
Large logo on front, Canvas or cotton, Natural or Navy
Stickers:
Logo or icon designs, Various sizes, Die-cut or square