Brand guide of YouMind

installedBy
87
categoryLabelslides
fromYouMind

Why we love this skill

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.

Instructions

## 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

Slides

description

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.

Related Skills

View all
AI-Powered Corporate Training Course Design Engine v2.0

AI-Powered Corporate Training Course Design Engine v2.0

Design a complete "AI-enabled" corporate training course in just 15 minutes, delivered ready to use. 🎯 Questionnaire-based needs assessment – ​​select and start, zero learning cost 📋 Automatically generates an EPIC-structured course outline – pain point activation → hands-on practice → theory integration → impactful conclusion 🛠 Each module comes with AI practical case studies – including complete prompt templates that trainees can directly copy and use 📝 One-click output of instructor's page-by-page lecture notes + PPT slides – ready to present immediately ✨ Based on ten years of practical experience in corporate training, serving training scenarios for middle-level managers in central and state-owned enterprises. The unique EPIC teaching method specifically addresses the pain points of corporate training where "trainees don't like to listen and are unwilling to participate." Version 2.0 has undergone multiple rounds of user feedback iterations.

AI-Powered Corporate Training Course Design Engine v2.0
Three-Step Lesson Creation: A Teacher's Exclusive Assistant v4.0

Three-Step Lesson Creation: A Teacher's Exclusive Assistant v4.0

📚 An AI-powered lesson preparation assistant designed specifically for frontline teachers—a three-step process that delivers a five-piece lesson preparation kit of competition-level quality within one hour. v4.0 Major Upgrade: Enhanced PPT presentation effects, truly enabling teachers to "teach with just the slides." 【v4.0 Core Upgrade】 ✨ **Dual-Mode Intelligent Switching**: Automatically identifies competition/daily needs and generates corresponding style PPTs - Competition Presentation Mode: 10-15 page concise design, highlighting teaching ideas and innovations - Daily Practice Mode: 15-40 page complete courseware, each page corresponding to a script section, allowing you to teach simply by turning the page ✨ **Dynamic Page Number Planning**: Automatically calculates the number of PPT pages based on class time, bidding farewell to "framework-style" courseware and delivering "practical" visual scripts ✨ **Deep Integration of Script Sections**: Every page of daily teaching PPTs can find corresponding teacher guidance or student activities in the detailed lesson plan, truly achieving the integration of lesson plan and courseware ✨ **Competition-Level Visual Quality**: Subject-themed color scheme + professional font system, every page has undergone design aesthetic verification 【Why is it "Competition Level"?】 This skill has a built-in library of teaching design models from national high-quality lessons and demonstration lessons, covering mainstream competition methods such as situational introduction, task-driven, question chain, and flipped classroom, and integrates Bloom's Taxonomy, ADDIE model, and UbD Professional frameworks such as reverse engineering are used. Every lesson plan undergoes methodological verification, rather than being a simple compilation of content. 【Three-Step Process】 ① **Information Collection** → Collect course name, class hours, grade level/student situation, lesson type, etc. in one go. ② **Framework Generation** → Teaching design outline, confirm before delivery. ③ **Visual Delivery** → Select the required finished products, AI automatically generates: - PPT slides (visual image version, supports both competition and daily modes) - Transcript/competition standard lesson plan - Activity design scheme - In-class exercises - Blackboard design 【Differentiated Advantages】 🎯 **Uniqueness**: The only 【one-stop】 lesson preparation tool on the market 🔄 **Continuity**: Each post-lesson reflection is automatically accumulated into a personalized teaching experience library, continuously evolving for future lesson preparation (Board Memory needs to be enabled) 🧲 **Stickiness**: The more you use it, the better the AI ​​understands your teaching style, and the more the generated content matches your habits 📊 **Completeness**: From lesson plan to courseware to exercises to blackboard writing, five-piece set delivered in one stop, no need to piece together content across platforms. 【Pricing Explanation】 999 points = For the price of a cup of coffee, you can gain a whole semester's worth of lesson preparation freedom. - A single use generates a complete five-piece set (including up to 40 PPT slides). - Average lesson preparation time per class is reduced from 4 hours to 1 hour. - Competition lesson plans can be submitted directly, and daily teaching materials can be used directly in class. - 16 teachers have already forked and are using it, saving over 200 hours of lesson preparation time in total. 💡 Applicable scenarios: All grades from kindergarten to university, all subjects including Chinese, mathematics, English, physics, chemistry, biology, history, geography, politics, arts, and physical education. Suitable for daily teaching, competition presentations, open classes, and new teacher training.

Three-Step Lesson Creation: A Teacher's Exclusive Assistant v4.0
Work Report PPT

Work Report PPT

Automatically converts work report text into editable PPT slides in a minimalist business presentation style. Supports both structured input and free text input modes, allowing you to confirm the structure first and then generate slides one at a time. Example content: Input your slide speech to generate multiple PPT versions. No embellishment, no flashy techniques, high-quality output with consistent style, facilitating the creation of a series of PPT versions with a unified aesthetic. Example image generated prompt: In today's complex employment environment, resume embellishment and falsification of academic qualifications are increasingly common. Verifying the authenticity of academic qualifications is an essential procedure for compliant hiring, a bottom line for strictly controlling entry and safeguarding talent quality. This is not only a responsibility to the company but also a reflection of the professionalism of every human resources worker. So, how do we do a good job of verifying academic qualifications? First, we must remember three basic verification principles: First, independent verification using official and publicly available channels; second, original documents must be verified, focusing on the authenticity of anti-counterfeiting measures, embossed seals, and official stamps; third, strict confidentiality, comparing and verifying archived information.

Work Report PPT

Find your next favorite skill

Explore more curated AI skills for research, creation, and everyday work.

Explore all skills