Brand guide of YouMind

أنشأها
Nnene@YouMind
ثبّتها
97
الفئةشرائح
منYouMind
اختيار المحررين
N

اختارها

nene@YouMind

لماذا نحب هذه المهارة

This skill provides a comprehensive brand guide, ensuring consistent visual identity for YouMind presentations. It meticulously details color palettes, typography, layout systems, and unique hand-drawn elements, including character illustrations with specific blue accents. Perfect for maintaining a cohesive and professional brand image across all visual communications.

التعليمات

## Color Palette

### Primary Colors

**Background**

- Color: `#f2f2f0`

- Description: Light neutral off-white, clean and minimal

- Usage: All slide backgrounds without exception

**Primary Text & Lines**

- Color: `#2B2B2B` or `#1A1A1A`

- Description: Very dark gray, nearly black

- Usage: All text content, header divider lines, geometric outlines, character outlines

### Accent Colors

**Vibrant Blue**

- Color: `#5B7FFF` (alternative: `#4D6FE8`)

- Description: Medium-bright blue with energy

- Usage: Circular nodes on geometric shapes, character clothing/scarves, button fills, decorative dots

**Muted Gold**

- Color: `#C9B568` (alternative: `#D4C17A`)

- Description: Warm mustard/gold tone

- Usage: Circular nodes on geometric shapes (alternating with blue), decorative accents

### Color Application Rules

- Background is ALWAYS `#E8E6E3`

- Text is ALWAYS `#2B2B2B`

- Blue and gold are ONLY used for circular nodes and character accents

- Never use blue or gold as large blocks or text colors

- Maintain high contrast between text and background

## Typography System

### Font Families

**Primary Display Font: Roca Two (or similar chunky serif)**

- Characteristics: Bold, friendly serif with rounded qualities

- Weight: Bold/Heavy

- Usage: All slide titles, main headlines, section headings

- Keep same font

**Secondary Body Font: Poppins (or Inter)**

- Characteristics: Clean, modern sans-serif with excellent readability

- Weight: Regular (400) for body, Medium (500) for emphasis

- Usage: All body text, subtitles, captions, page numbers, logo text

- keep same font

### Font Sizing Hierarchy

**Extra Large Titles** (Cover slides, major section dividers)

- Font: **Roca Two **

- Size: 72-96pt

- Color: `#2B2B2B`

- Usage: "Main Title", "Thank You", "Agenda"

**Large Headings** (Content slide titles)

- Font: **Roca Two **

- Size: 48-60pt

- Color: `#2B2B2B`

- Usage: "Our Vision", "Brand Positioning", "What Is YouMind About?"

**Body Text** (Paragraphs, descriptions)

- Font: Poppins Regular

- Size: 18-24pt

- Color: `#2B2B2B`

- Line Height: 1.6-1.8

- Usage: All paragraph content, descriptions

**Small Text** (Page numbers, footer, captions)

- Font: Poppins Regular

- Size: 16-18pt

- Color: `#2B2B2B`

- Usage: "Page X", website URLs, email addresses

**Button/Pill Text**

- Font: Poppins Regular or Medium

- Size: 20-24pt

- Color: `#2B2B2B`

- Usage: Text inside rounded pill buttons

### Typography Rules

- Never mix serif fonts - only **Roca Two ** for display

- Never use serif for body text - only Poppins

- Maintain consistent line height (1.6-1.8) for readability

- All text must be `#2B2B2B` - no exceptions

- Generous spacing between paragraphs (24-32pt)

## Layout System

### Global Header Structure

**Cover slide only (Page 1):**

**Left Header Element:**

- Logo

- Size: 32-40pt diameter

- Color: Black outline `#2B2B2B`

- Position: 60-80px from left edge, 60-80px from top

- Spacing: 12-16px between logo and text

**Right Header Element:**

- Font: Poppins Regular, 16-18pt

- Color: `#2B2B2B`

- Position: 60-80px from right edge, 60-80px from top

- Alignment: Right-aligned

**Header Divider:**

- Thin horizontal line

- Weight: 1-2pt

- Color: `#2B2B2B`

- Position: Below header elements, spanning full width with margins

- Margin from edges: 60-80px left and right

**Content slides (Pages 2-4) and closing slide (Page 5):**

- NO YouMind logo

- Only "Page X" text

- Position: Top-right corner, bottom-center, or other subtle placement

- No header divider line

- More vertical space available for content

### Margin System

**Standard Margins:**

- Top: 60-80px (below header divider add 40-60px more)

- Bottom: 60-80px

- Left: 80-100px

- Right: 80-100px

**Content Area:**

- After accounting for header and margins, content area is approximately 1200-1280px wide × 600-680px tall (for 16:9 at 1920×1080)

## Visual Elements

### Hand-Drawn Geometric Shapes

**Core Design:**

- Style: Imperfect, hand-drawn rectangles and squares

- Line weight: 2-3pt

- Color: Black `#2B2B2B`

- Quality: Organic, slightly wobbly lines (not perfectly straight)

- Connection: Lines connecting shapes at various angles

**Circular Nodes:**

- Shape: Perfect circles

- Size: 24-40pt diameter

- Fill: Solid color - either `#5B7FFF` (blue) or `#C9B568` (gold)

- Position: At connection points and corners of geometric shapes

- Pattern: Alternate blue and gold for variety

**Placement Rules:**

- Position in corners of slides (top-left, top-right, bottom-left, bottom-right)

- Never overlap with text content

- Keep 40-60px away from content areas

- Create visual balance - if left side has shapes, right side should too

- Typical arrangement: 2-4 connected rectangles with 3-6 circular nodes

### Rounded Pill Buttons

**Design Specifications:**

- Shape: Rounded rectangle (pill shape)

- Border: 2pt solid black `#2B2B2B`

- Fill: Transparent or `#E8E6E3` (same as background)

- Border radius: Full height radius (perfect pill)

- Padding: 16-24px horizontal, 12-16px vertical

- Text: Poppins Regular, 20-24pt, `#2B2B2B`

**Usage:**

- Navigation elements on Agenda slides

- Call-to-action buttons

- Section labels

- Always outlined, never filled with color

**Hover/Active State (if interactive):**

- Fill: `#5B7FFF` (blue)

- Text: White `#FFFFFF`

- Border: `#5B7FFF`

### Decorative Dot Grids

**Specifications:**

- Dots: Small circles, 3-4pt diameter

- Color: `#2B2B2B`

- Pattern: Regular grid, 12-16px spacing

- Arrangement: 6×6 or 8×8 grid

- Position: Top-right corner, 100-150px from edges

- Usage: Optional accent, adds visual interest without overwhelming

### Icons (Minimal Usage)

**Style:**

- Line art only, no fills

- Weight: 2-3pt

- Color: `#2B2B2B`

- Size: 48-64pt

- Examples: Eye icon (vision), target/crosshair (mission)

- Usage: Sparingly, only when reinforcing specific concepts

## Character Illustration System

### Character Design Specifications

**Basic Structure:**

- A minimalist, hand-drawn doodle illustration of a simple white humanoid character. The character has a rounded, elongated head, two small black dots for eyes, and a prominent pointed nose. It has no defined fingers or toes. It is wearing a thick, long, solid blue scarf [optional: substitute 'mustard gold scarf'] wrapped around its neck with the tail trailing down. The art style uses thick, textured black marker outlines and flat colors with no shading, set against a plain, off-white background. The character is [what fit the context]

**Blue Accent (CRITICAL):**

- Element: Scarf, shirt, or clothing item

- Color: `#5B7FFF` (vibrant blue)

- Style: Hand-drawn, flowing organic shapes

- Coverage: 15-25% of character

- Purpose: Brand identity, visual interest, movement

**Style Consistency:**

- Always hand-drawn quality (organic, imperfect lines)

- Always include blue accent element

- Maintain same line weight across all characters

- Keep proportions consistent across poses

### Minimalist Illustration Guidelines

**Simplicity First:**

- Keep all illustrations extremely simple and minimal

- Character height should NOT exceed 120pt (approximately 10-12% of slide height)

- Geometric elements should be small and confined to corners only

- Total illustration coverage should be less than 15% of slide area

- Avoid complex or detailed drawings

**Space and Breathing Room:**

- Maintain generous white space throughout the slide

- Text should occupy only 50-55% of content area (typically left side)

- Right side should remain mostly empty for visual breathing room

- Large margins on all sides: minimum 100px, preferably 100-120px

- Illustrations confined to bottom-right corner only, at least 100px from edges

**Layout Balance:**

- Center of slide should be clean and empty

- Avoid cluttering or filling all available space

- Use white space strategically to create focus and clarity

- Less is more: remove unnecessary visual elements

- Prioritize readability and spaciousness over decoration

شرائح

الوصف

Turn any presention with YouMind's brand guide. Deliver professional, on-brand slides with consistent typography, color, and layout, effortlessly captivating your audience every time.

مهارات ذات صلة

عرض الكل
شرائح

开发者新粗野主义编辑风

将您的主题内容、文章、知识点、项目复盘、课程文案或工具介绍,转化为一组具有“开发者新粗野主义编辑风”的横版幻灯片。整体风格融合新粗野主义设计、独立杂志排版和开发者终端美学:米白背景、粗黑边框、硬阴影、高对比色块、超粗标题、等宽字体、网页/终端/卡片模块化布局,形成强烈的技术内容表达感。 本技能会先提炼内容结构,再为每页确定一个核心观点,自动生成标题、解释句、知识点模块、结论语和合适的视觉组件。它特别适合 AI 工具介绍、Agent 实践、开源项目拆解、课程内容整理、方法论总结、产品功能说明与技术复盘等内容场景。 最终输出为 16:9 横版幻灯片,整体视觉统一、阅读清晰、留白充足、风格鲜明,呈现出一种“像开源项目作者在做技术分享,又像独立设计杂志在讲故事”的高级表达效果。

9365
شرائح

Steve Jobs Presentation

基于 Carmine Gallo《The Presentation Secrets of Steve Jobs》三幕式方法论,将任何主题转化为 Steve Jobs 风格的演示。自适应处理纯主题、详细大纲或@引用素材等多种输入,先产出完整演示大纲(故事结构+逐页视觉方案+演讲指导),确认后生成最终 Slides 文件。严格遵循:Twitter式标题、三的法则、反派-英雄叙事、禅意极简设计、图片优先、无项目符号。

L
510k
شرائح

像素游戏风PPT美学设计师Pro

谁来规定专业PPT就一定得是白底黑字、蓝灰配色、千篇一律的模板? 如果你喜欢游戏,热爱像素风,又恰好需要做一份答辩、汇报、知识分享或品牌提案——那你一定要试试这个。 像素游戏风PPT美学设计师Pro 做的事情很简单:骨架忠于专业,皮肤忠于像素。它不是帮你做一份"像素风创意PPT",而是一份任何专业场合都拿得出手的正经PPT——只是这份PPT,穿了一层16-bit像素游戏的美学外衣。 核心设计哲学:骨架与皮肤分离。 信息架构、视觉动线、页面模板忠于场景专业规范;色彩、边框、图标、装饰忠于通用像素游戏美学。文字永不像素化,保证0.8秒可读性;像素元素只出现在背景、边框、图标和氛围装饰上。不使用任何特定游戏的专属符号,只用跨游戏通用符号——蜡烛、书本、金币、星星、心形、水晶——让所有喜欢像素风的人都能用。 🎮 怎么用? 两种模式,按需选择: ① 直接生成模式(2步):输入主题/材料 → AI提炼框架确认 → 全量出图。适合赶时间、对文字内容要求不高的日常场景。 ② 精细模式(3步,省积分):输入主题/材料 → AI提炼框架确认 → 逐页文字稿确认 → 全量出图。先把每页文字定稿,再一次性生成图片——避免"图出完了发现文字不对、推倒重来"的积分浪费。重要场合用这个,既精控内容又省钱。 🏰 四大专业场景自适应渗透深度: 学术答辩 — 浅渗透为主,封面中渗透,数据页深渗透锚点。评委一眼看懂,翻到关键页眼前一亮。 工作汇报 — 浅渗透+指标页中渗透,风险页不像素化。老板看到的是专业,同事记住的是风格。 知识分享 — 中渗透为主+合成配方深渗透。用"合成配方"替代枯燥流程图,让知识点像游戏道具一样被记住。 品牌提案 — 按品牌温度感自适应。冷感品牌克制像素,暖感品牌拥抱场景。 🎨 你会得到什么? ① 一份完整的像素风专业PPT(YouMind Slides格式,在在线编辑器中可继续编辑文字、调整布局、管理页面顺序——不满意随时改。建议在YouMind内完成所有编辑,导出本地后为图片格式) ② 像素木质三层边框系统(#5C3A1E外圈+#8B5E3C内圈+#F5E6D3填充,全册统一视觉语言) ③ 独创合成配方信息图(材料格→合成圆圈→成品格,替代传统流程图,RPG玩家秒懂的视觉锚点) ④ 四场景自适应渗透节奏(不是每页塞满像素,而是该浓则浓、该淡则淡) ⑤ 双模式设计(日常直接生成,重要场合精细打磨,先定稿再出图省积分) 399积分,让你的专业内容穿上一件16-bit的铠甲。喜欢像素风的人,都知道这件铠甲值多少。

B
4399

اعثر على مهارتك المفضلة التالية

استكشف مزيدًا من مهارات الذكاء الاصطناعي المنتقاة للبحث والإبداع والعمل اليومي.

استكشف كل المهارات