Skillbase Icon

Skillbase Brand Guide

Complete briefing document for freelancers, agencies, and AI systems working with the Skillbase brand.

🚀 Quick Reference

10-Second Pitch

Skillbase is the soft skills training app that turns "I wish I'd said that" into "I knew exactly what to say."

30-Second Pitch

As AI handles the technical work, human skills become your ultimate career advantage. Skillbase combines bite-sized lessons with AI roleplay practice—helping you master salary negotiations, difficult conversations, and leadership moments in just 5-10 minutes a day.

🎨 Design System

Color Palette

Brand Primary

#7C3AED

Brand Light

#A78BFA

Background

#000000

Card Background

#1C1C1E

CSS Variables

--color-brand: 124 58 237;      /* #7C3AED */
--color-brand-light: 167 139 250; /* #A78BFA */
--color-bg-primary: 0 0 0;        /* Black */
--color-bg-secondary: 28 28 30;   /* #1C1C1E */
--color-bg-tertiary: 44 44 46;    /* #2C2C2E */

Typography

Inter

Primary font for all text - clean, modern, highly legible

Headlines: Bold (700)

Subheadings: Semibold (600)

Body text: Regular (400)

Card Styles

Default Card

Standard content container

bg-[#1C1C1E] border border-gray-200 rounded-2xl

Selected Card

Active/selected state

border-2 border-purple-500 shadow-lg shadow-purple-500/20

Card Border Specification

  • • Default border: border border-gray-200 (subtle, 10% opacity white)
  • • Hover border: hover:border-white/20 or hover:border-purple-200
  • • Selected border: border-2 border-purple-500 (solid purple, 2px)
  • • Selected shadow: shadow-lg shadow-purple-500/20
  • • Border radius: rounded-2xl (16px) or rounded-3xl (24px)

Buttons

Button Styles

/* Primary */
bg-purple-500 hover:bg-purple-600 text-gray-900 font-semibold rounded-2xl

/* Secondary */
bg-[#1C1C1E] border border-gray-200 text-gray-900 rounded-2xl hover:bg-[#2C2C2E]

🎯 The Problem We Solve

The Pain Points

  • 😬You freeze up in salary negotiations
  • 😰You dread giving tough feedback
  • 🤐You struggle to speak up in meetings
  • 💭You wish you could practice before the real thing

The Statistics

  • • 85% of job success comes from soft skills (Harvard, Stanford, Carnegie)
  • • 59% of hiring managers say soft skills are hard to find
  • • Traditional training is boring, theoretical, and forgettable

⚡ Core Features

📚 Interactive Lessons

Bite-sized, scenario-based learning with instant feedback. 5-10 minutes a day.

🎭 AI Roleplay Arena

Practice tough conversations with an AI that responds realistically. Voice & chat modes.

✨ Custom Scenarios

Create your own roleplay situations for any upcoming conversation.

🎮 Gamification

Daily missions, streaks, XP, and 20 levels to keep you motivated.

📖 Skill Categories

💬

Communication Essentials

👑

Leadership Core

🤝

Negotiation & Influence

🧠

Critical Thinking

💡

Innovation & Adaptability

📈

Career Growth

👥 Target Personas

The Rising Manager

Recently promoted, managing 3-10 people

"I was great at my job, so they promoted me. Now I have to manage people and I'm overwhelmed."

The Ambitious IC

Individual contributor aiming for promotion

"I freeze up in meetings. My ideas aren't getting heard."

The Founder/Executive

Leading teams of 10-100+

"I need to align my team and sell my vision without micromanaging."

The Career Switcher

Transitioning industries or roles

"I have the technical skills but I'm not sure how to present myself."

🎤 Brand Voice

✅ We Are

  • • Confident but humble — We're experts, but we never talk down
  • • Direct and actionable — No fluff, just what works
  • • Empathetic — We understand that growth is uncomfortable
  • • Modern professional — Clear language, no corporate jargon

❌ We Are NOT

  • • Academic or theoretical
  • • Preachy or condescending
  • • Generic or one-size-fits-all
  • • Boring or dry

🔗 Links & Resources

Website

https://skill-base.app

App Store

https://skillbase.onelink.me/ymMl/w9ao4l1w

Support Email

[email protected]

Last updated: December 2024

This document is for internal use only.