Andrew Yim
0bc24d00b9
Complete implementation of OurDigital skills with dual-platform support (Claude Desktop + Claude Code) following standardized structure. Skills created: - 01-ourdigital-brand-guide: Brand reference & style guidelines - 02-ourdigital-blog: Korean blog drafts (blog.ourdigital.org) - 03-ourdigital-journal: English essays (journal.ourdigital.org) - 04-ourdigital-research: Research prompts & workflows - 05-ourdigital-document: Notion-to-presentation pipeline - 06-ourdigital-designer: Visual/image prompt generation - 07-ourdigital-ad-manager: Ad copywriting & keyword research - 08-ourdigital-trainer: Training materials & workshop planning - 09-ourdigital-backoffice: Quotes, proposals, cost analysis - 10-ourdigital-skill-creator: Meta skill for creating new skills Features: - YAML frontmatter with "ourdigital" or "our" prefix triggers - Standardized directory structure (code/, desktop/, shared/, docs/) - Shared environment setup (_ourdigital-shared/) - Comprehensive reference documentation - Cross-skill integration support Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
70 lines
2.4 KiB
CSS
70 lines
2.4 KiB
CSS
/**
|
|
* OurDigital Brand Tokens
|
|
* Complete CSS variable system for OurDigital visual identity
|
|
*/
|
|
|
|
:root {
|
|
/* ===== D.intelligence Primary Colors ===== */
|
|
--d-black: #221814; /* D.Black - Primary dark */
|
|
--d-olive: #cedc00; /* D.Olive - Brand accent */
|
|
--d-green: #287379; /* D.Green - Secondary accent */
|
|
--d-blue: #0075c0; /* D.Blue - Link/action */
|
|
--d-beige: #f2f2de; /* D.Beige - Light background */
|
|
--d-gray: #ebebeb; /* D.Gray - Background alt */
|
|
--d-border: #cdcac8; /* Border Line */
|
|
|
|
/* ===== D.HIVE Colors ===== */
|
|
--d-hive-yellow: #ffe100; /* D.HIVE Yellow */
|
|
--d-hive-orange: #f1a615; /* D.HIVE Orange */
|
|
--d-hive-skyblue: #21a8bc; /* D.HIVE Sky Blue */
|
|
|
|
/* ===== Text Colors ===== */
|
|
--color-text-black: #000000; /* Black text */
|
|
--color-text-gray: #7a7a7b; /* Gray text */
|
|
--color-text-white: #ffffff; /* White text */
|
|
|
|
/* ===== Semantic Mappings ===== */
|
|
--color-accent: #cedc00; /* Primary accent = D.Olive */
|
|
--color-dark: #221814; /* Dark = D.Black */
|
|
--color-text-main: #000000; /* Main text = Black */
|
|
--color-text-dim: #7a7a7b; /* Dim text = Gray */
|
|
--color-link: #0075c0; /* Links = D.Blue */
|
|
--color-link-hover: #287379; /* Link hover = D.Green */
|
|
--color-bg: #ffffff; /* Background = White */
|
|
--color-bg-alt: #ebebeb; /* Alt background = D.Gray */
|
|
--color-border: #cdcac8; /* Borders = Border Line */
|
|
|
|
/* ===== Typography ===== */
|
|
--font-primary: "Inter", "Noto Sans KR", system-ui, -apple-system,
|
|
BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", sans-serif;
|
|
--font-korean: "Noto Sans KR", system-ui, sans-serif;
|
|
--font-english: "Inter", "Noto Sans", system-ui, sans-serif;
|
|
|
|
--text-size-body: 16px;
|
|
--text-size-small: 14px;
|
|
--text-size-caption: 12px;
|
|
--text-size-h1: 2.5rem;
|
|
--text-size-h2: 2rem;
|
|
--text-size-h3: 1.5rem;
|
|
--text-size-h4: 1.25rem;
|
|
|
|
/* ===== Spacing ===== */
|
|
--spacing-xs: 0.25rem;
|
|
--spacing-sm: 0.5rem;
|
|
--spacing-md: 1rem;
|
|
--spacing-lg: 1.5rem;
|
|
--spacing-xl: 2rem;
|
|
--spacing-2xl: 3rem;
|
|
|
|
/* ===== Border Radius ===== */
|
|
--radius-sm: 4px;
|
|
--radius-md: 8px;
|
|
--radius-lg: 12px;
|
|
--radius-full: 9999px;
|
|
|
|
/* ===== Shadows ===== */
|
|
--shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
|
|
--shadow-md: 0 4px 6px rgba(0, 0, 0, 0.1);
|
|
--shadow-lg: 0 10px 15px rgba(0, 0, 0, 0.1);
|
|
}
|