Skip to main content
Brand Docs
Docs
Foundation
Introduction
Overview
Brand Architecture
Logo
Logo Usage
Clear Space & Sizing
Misuse
Color
Color Palette
Accessibility & Contrast
Typography
Typography Overview
Print & Formal Docs
Digital
Slides
Type Scale & Pairing
Imagery
Photography Style Overview
Mood & Reference Board
Negative Space for Logo
Do & Don't
Scenario A — Everyday Corporate
Scenario B — Visionary Innovation
Scenario C — Strategic Technology
Scenario D — B.GRIMM Power Energy
Scenario E — People & Partnership
Scenario F — Digital Events & Cyber
Scenario G — Corporate Portraits
Voice
Voice & Tone
Writing Style
Thai / English Guidelines
Core Messaging
Design
Design System
Principles
Layout & Navigation
Buttons & Cards
Forms & Inputs
States & Feedback
Animation Guidelines
Badges & Tags
Avatar & List
Data Table
Design Tokens
Token Architecture
Color Tokens
Typography Tokens
Spacing, Radius & Elevation
Versioning
Framework Implementation
Figma — Variables Setup
Figma — Component Library
Figma — File Link
Tailwind — Config
Tailwind — Usage Patterns
MUI — Theme
MUI — Component Overrides
Vanilla CSS/HTML — CSS Variables
Vanilla CSS/HTML — Page Starter
Print — Adobe Swatches
Production
Data Visualization
Chart Selection
Chart.js Theme
Dashboard Patterns
Presentations
Slide Deck Guidelines
Slide Theme Files
Motion & Broadcast
Broadcast Safe Colors
Lower Third & Overlay
Live Series Templates
AI & Skills
AI Usage Principles
Image Generation Guide
Prompt Library
Video Gen — Guide
Video Gen — Shot List
Skill Files — Overview
Skill Files — Claude
Skill Files — OpenWebUI
Resources
Templates & Assets
Downloads
Governance
Contact & Changelog
Tags
A
active
64
ai
8
ai-and-skills
3
B
broadcast
3
C
collateral
3
color
2
D
data-visualization
3
design-system
9
design-tokens
5
digital
31
draft
4
E
email
1
F
figma
3
foundation
26
G
governance
1
I
imagery
4
introduction
2
L
logo
3
M
meta
1
mobile
2
motion-and-broadcast
3
mui
2
N
not-started
4
P
presentations
2
print
1
S
scenarios
7
shadcn
1
skill-files
3
T
tailwind
2
templates-and-assets
1
typography
5
V
vanilla-css-html
2
video-generation-guide
2
voice-and-tone
3
