Keypra Brand Kit
Complete design system and component reference for the Keypra brand. "The Junction" aesthetic. Internal reference document.
1. Color System
Core Palette
Violet
Primary brand, CTAs, links
Indigo
Secondary accent
Lavender
Soft accent, highlights
Aqua
Success, growth accent
Semantic Tokens
Background
Page background (light)
Foreground
Primary text
Card
Card surfaces (light)
Muted
Disabled, subtle fills
Border
Dividers, card borders
Primary
Brand violet accent
Destructive
Error, delete actions
Accent (Aqua)
Success states, accent
Gradient Specs
Hero Dark: hero-gradient from index.css — Lavender → Violet → Indigo → DeepHero Light: Cream → faint Violet → cool grey2. Typography Scale
Keypra
Heading One
Heading Two
Heading Three
Heading Four
The quick brown fox jumps over the lazy dog. Keypra helps you practice and build AI fluency.
Secondary text, descriptions, and supporting content.
Context Engineering
const prompt = compose(role, task, format);
Keypra
Heading One
Heading Two
Heading Three
Heading Four
The quick brown fox jumps over the lazy dog. Keypra helps you practice and build AI fluency.
Secondary text, descriptions, and supporting content.
Context Engineering
const prompt = compose(role, task, format);
Font Stack
--font-satoshi'Satoshi', sans-serifBrand font, headings, wordmark — served from Fontshare (class: font-satoshi)--font-sans'Inter Variable', 'Inter', ui-sans-serifDefault body/UI text — applied on body, self-hosted & preloaded (class: font-sans / font-inter)--font-mono'JetBrains Mono Variable', ui-monospaceCode, CLI commands only — self-hosted & preloaded (class: font-mono / font-jetbrains)--font-dm-sans'Satoshi', sans-serifLegacy alias — kept for backward compatibility, prefer --font-satoshiletter-spacing-0.03em / -0.02em / 0Display / Headings / Body3. Logo Usage (The Junction)
16px24px32px48px64px128pxKeypra
16px24px32px48px64px128pxKeypra4. Button System
Variants
Sizes
States
Icon Buttons
5. Card Components
Feature Card
Violet icon tint. Used for primary features on the landing page.
Aqua Accent Card
Aqua icon tint. Alternates with violet for visual rhythm.
CTA Card
Subtle gradient background. Used for conversion sections.
Info Card
Horizontal layout with icon container. Used for documentation callouts and contextual information blocks.
6. Navigation Bar
KeypraKeypraKeypraKeypra7. Hero Section
The Human Layer for AI at Work
Practice is
Key.
Practise Clarity, Context, and Confidence. Aligned with EU AI Act Article 4.
The Human Layer for AI at Work
Practice is
Key.
Practise Clarity, Context, and Confidence. Aligned with EU AI Act Article 4.
8. Toast & Alert Components
Success
Lesson completed successfully.
Warning
Credit usage approaching limit.
Error
Prompt execution failed. Check logs.
Info
New model version available.
9. Sidebar (Left & Right)
Left — Navigation
KeypraAlex Chen
alex@keypra.app
Right — AI Chat Panel
How can I help improve your prompt?
Analyze my prompt structure for the onboarding flow.
10. AI Chat — Floating Widget
Keypra Assistant
Online
Hello! I can help you practice and optimize your prompts. What would you like to work on?
Show me the prompt analysis for my last exercise.
Here's your analysis:
11. Form Elements
12. Spacing & Radius System
Spacing Scale (4px base)
4px8px12px16px24px32px48px64pxBorder Radius Tokens
rounded-sm4pxrounded-md8pxrounded-lg12pxrounded-xl16pxrounded-2xl1remrounded-full9999px13. Icon & Glyph System
Two-layer system: Lucide for utility, Emoji glyphs for personality. Each has clear rules for when and where to use.
Layer 1: Structural Icons (Lucide)
Icon set: lucide-react. Stroke width 2. Use for navigation, buttons, form controls, and metadata.
Sizes
Tint Variants
Common Icons
Layer 2: Expressive Glyphs (Emoji)
Native emoji for emotional context, identity, and status. Used in content areas — never in sidebar navigation.
Curated Glyph Sets
Glyph Sizing Scale
Decision Matrix
| Context | Use | Example |
|---|---|---|
| Action / Navigation | Lucide | ← Back, ✕ Close, ⚙ Settings |
| Form controls | Lucide | 🔍 Search, ➕ Add, 📋 Copy |
| Sidebar navigation | Always Lucide | Home, Library, Workflow icons |
| Identity / Persona | Emoji | 🤖 AI Persona, 🧙♂️ Wizard mode |
| Status / Emotion | Emoji | 🔥 Streak, ☀️ Greeting, ✨ New |
| Content categories | Emoji | 📚 Reference, 📋 Template, 💡 Idea |
| Hero stats & cards | Emoji preferred | 🏆 Achievement, ⭐ Rating |
14. The Junction — Brand Mark
The Junction — Primary Brand Mark
32px48px64px96pxKeypraPrimary brand mark. Structural K formed by a vertical pipe and angled bracket arms. The signature negative-space notch sits at the junction — the convergence point where stem meets arms. Use for website, marketing, and product UI.
32px48px64px96pxKeypraPrimary brand mark. Structural K formed by a vertical pipe and angled bracket arms. The signature negative-space notch sits at the junction — the convergence point where stem meets arms. Use for website, marketing, and product UI.
The Junction — Monochromatic
32px48px64px96pxKeypraUse when color reproduction is limited — print, fax, embossing, single-ink applications, or when placed over photography.
32px48px64px96pxKeypraUse when color reproduction is limited — print, fax, embossing, single-ink applications, or when placed over photography.
Naming Rationale
"The Junction" refers to the convergence point where the vertical stem meets the two angled arms of the K. This intersection — housing the distinctive negative-space notch — is the logo's most recognizable feature. The name evokes connection, structure, and the meeting of paths, reflecting Keypra's role as a platform that brings things together.
15. Brand Voice & Philosophy
Core Philosophy — "Human-first, AI as co-pilot"
Keypra is the human layer for AI at work. As frontier models get smarter, the value shifts to what only people bring: Clarity (knowing what to ask), Context (giving AI the knowledge it lacks), and Confidence (knowing what to trust before it leaves your desk).
AI doesn't replace you. It practices with you. The user is always the author; AI is the sparring partner. Every feature we build reinforces one truth: the human stays accountable for the output.
Older models failed visibly — error messages, nonsense, obvious gaps. Frontier models fail invisibly — confidently and plausibly, in ways only a domain expert can spot. That's why the human layer matters more, not less. Keypra trains the three habits — Clarity, Context, Confidence — that compound as the models improve, and that EU AI Act Article 4 now makes a legal duty for European employers.
Manifesto line
"Smarter models don't replace your thinking — they amplify it. Practice is Key."
Tone of Voice Spectrum
Copy Examples
| ✅ Do | ❌ Don't |
|---|---|
| "Smarter models reward sharper thinkers." | "Master prompt hacks to 10x your output." |
| "Train the Clarity AI can't bring on its own." | "Let AI write it for you." |
| "Context is the work AI can't do for you." | "The ultimate prompt library." |
| "Review with Confidence before you ship." | "Trust the model — it's smart enough." |
The Co-Creation Concept
Keypra never frames AI as "doing it for you." The relationship is collaborative: you build it together.
The Human Brings
- ⚖️ Judgement & accountability
- 🧠 Domain context & intent
- 🔍 Verification of output
AI Brings
- ⚡ Speed & scale
- 📐 Pattern recall
- 🔄 Variation & alternatives
Every feature — Composer, Practice Lab, Library — reinforces this loop: the human scopes the question, engineers the context, and verifies the result. The AI accelerates the middle, never the bookends.
Communication Principles
Lead with Clarity
Every claim implies the human stays accountable. Scoping the right question is the first move; AI accelerates the work, the person owns the framing.
Context over cleverness
Design the system, not a one-off prompt. Talk about role, scope, constraints and evidence — not "magic" wording or hidden tricks.
Confidence is non-negotiable
Outputs are drafts until reviewed. Frontier models fail invisibly, so we always show the work and invite the reader to inspect it before it ships.
Compliance is a feature
Frame EU AI Act Article 4 as enabling, not bureaucratic. Audit-ready training records and AI literacy are how serious teams move faster, not slower.
16. Brand Story & Values
Origin Story
AI tools are everywhere — and the models keep getting smarter. But who is accountable when a confident answer turns out to be wrong? Who decides which context the model needs? Who reviews the output before it leaves your desk? That work doesn't disappear with smarter models — it sharpens.
Keypra was born from a simple belief: smarter models don't replace your thinking — they amplify it. We built the practice platform where professionals train the three habits that compound as the models improve — Clarity, Context, Confidence — and that the EU AI Act now requires.
Mission
Make AI fluency accessible to every professional — through practice, not theory.
Vision
A world where communicating with AI is as natural and confident as writing an email.
Core Values
Practice over Perfection
Every prompt is a rep. Progress beats polish. Start messy, refine relentlessly.
Human-First
The person brings intent, clarity, and voice. AI amplifies — it never replaces.
Accessible Expertise
No jargon gatekeeping. If a legal counsel can't use it intuitively, we haven't finished.
Progress is Visible
Streaks, scores, saved prompts. Make every step forward undeniable.
Brand Promise
"You will leave every session more confident than when you started."
And you will judge AI output better than the model itself can.
Elevator Pitches
Keypra is the human layer for AI at work. As frontier models get smarter, the value moves to what only people bring — Clarity, Context, and Confidence. Keypra is the practice platform that builds that fluency, with EU AI Act Article 4 audit trails for enterprise.
Most AI tools assume you already know what to say. Keypra doesn't. We're a practice-first platform built for corporate professionals — Legal, Finance, Sales, HR — who use AI every day but were never trained on the human habits it actually demands. Through structured lessons, an interactive prompt composer, and a personal library of reusable templates, Keypra builds the three habits that compound as the models improve: Clarity (knowing what to ask), Context (giving AI what it can't infer), and Confidence (knowing what to trust before it ships). And here is the part the sceptics miss — smarter models don't make this easier. They make confident-but-wrong answers harder to spot, and they raise the cost of getting it wrong. That is why, under Article 4 of the EU AI Act, ensuring AI literacy across your workforce is now a legal duty for European employers. Keypra is the audit-ready platform to meet it.
17. Brand Messaging Framework
Primary Tagline
Practice is Key.
Usage Rules
- Always with period. Always sentence case.
- Pairs with logo lockup on hero banners, email footers, and merchandise.
- Never modify or paraphrase in external communications.
Value Propositions
Learn by Doing
Structured exercises replace passive tutorials. Every lesson ends with a prompt you built yourself.
No Jargon Required
Designed for corporate professionals, not developers. Plain language, practical examples, real work scenarios.
Build Your Library
Save, organize, and reuse prompts that actually work. Turn one-off experiments into repeatable processes.
Confidence, Not Dependency
We teach you to think in prompts — so you need AI tools less, and use them better.
The Human Layer Compounds
Smarter models reward sharper thinkers. Clarity, Context, and Confidence are habits that gain value as the models improve.
EU AI Act Ready
AI literacy is a legal duty under Article 4. Keypra delivers practice, evidence, and audit trail in one platform.
Target Audience & Professional Profiles
Who Keypra Is For
Keypra is built for non-technical corporate professionals working in multinational European organisations — people who already use AI tools like ChatGPT, Copilot, or Gemini in their daily work but have never received structured training in how to brief AI, review its output, or govern its use. These are smart, experienced professionals who know their domain inside-out but feel a human-layer gap when interacting with AI. They sense they're not getting trustworthy results, but they don't know how to scope the problem, supply the right context, or catch when AI is confidently wrong.
Keypra does not target developers, data scientists, or AI engineers. It is specifically designed for the 80% of the corporate workforce — the legal counsel drafting compliance summaries, the finance analyst preparing board briefings, the sales lead personalising outreach, the HR manager writing policy updates — who use AI as a productivity tool but lack the structured methodology to use it well.
The platform addresses a human-layer gap, not a syntax gap. As frontier models absorb more slack on phrasing, the durable habits are Clarity (scoping the right question), Context (the knowledge AI cannot infer), and Confidence (knowing what to trust before it ships). Keypra gives professionals the frameworks, hands-on practice, and reusable building blocks to transfer their domain expertise into consistently trustworthy — and audit-ready — AI interactions, in line with EU AI Act Article 4 AI literacy duties.
Detailed Professional Profiles
Legal & Compliance
Typical Roles
Contract Manager, Compliance Officer, Paralegal, In-House Counsel, General Counsel, Legal Operations Manager, Regulatory Affairs Specialist
Daily AI Pain Points
- AI outputs miss jurisdiction-specific nuance (EU vs. US legal frameworks) and produce dangerously generic legal language
- Contract review summaries omit critical clauses or misinterpret liability terms, requiring full manual re-checks
- Regulatory summaries lack the precision needed for compliance sign-off — "close enough" is not acceptable in legal
- Prompt iterations for clause drafting take longer than writing from scratch because the AI doesn't understand context
What Keypra Solves
- Context Cards pre-load jurisdiction, company policies, and regulatory frameworks so every prompt starts with the right legal context
- Constraint Studio enforces output precision — word limits, required clause elements, exclusion of irrelevant jurisdictions
- Practice Lab scores prompt specificity and flags ambiguity before it reaches the AI model
- Verification Studio configures structured checks for contract review outputs, reducing manual review cycles
Example Prompt Scenario
Before: "Summarise this contract"
After: "Review the attached supplier agreement under German BGB §305-310. Identify: (1) liability caps and their triggers, (2) termination clauses with notice periods, (3) GDPR data processing obligations. Flag any clauses that conflict with our standard procurement terms [Context Card: ACME Procurement Policy v3.1]. Output as a structured table with risk ratings (low/medium/high)."
Finance & Controlling
Typical Roles
Financial Analyst, Controller, FP&A Manager, Audit Lead, Treasury Analyst, CFO Office Staff, Management Accountant, Investor Relations Associate
Daily AI Pain Points
- AI-generated financial narratives sound plausible but contain factual errors or hallucinated numbers that could mislead stakeholders
- Board briefing summaries lack the executive tone and strategic framing that senior leadership expects
- Forecasting commentary is too generic — doesn't reflect company-specific KPIs, seasonality, or market context
- Audit preparation summaries miss the structured format required by external auditors (IFRS/local GAAP references)
What Keypra Solves
- Format Studio ensures outputs match board presentation standards — executive summary, bullet-point findings, appendix structure
- Example Studio provides before/after specimens of financial narratives so the AI learns the house style
- Prompt Composer assembles multi-part prompts that combine data context, audience specification, and output format in one structured block
- Context Cards store company KPI definitions, reporting periods, and accounting framework references for consistent reuse
Example Prompt Scenario
Before: "Write a summary of Q3 results"
After: "Draft a Q3 2025 performance commentary for the Supervisory Board using the attached P&L extract. Structure: (1) Revenue highlights vs. budget with variance drivers, (2) EBITDA bridge from Q2 to Q3, (3) Cash flow outlook for Q4. Tone: concise, forward-looking, factual. Use €, thousands. Reference our IFRS 15 revenue recognition policy [Context Card: Revenue Policy]. Maximum 400 words."
Sales & Business Development
Typical Roles
Account Executive, Business Development Representative, Sales Engineer, Key Account Manager, Revenue Operations Analyst, Proposal Manager, Partnership Lead
Daily AI Pain Points
- AI-drafted outreach emails sound robotic and generic — recipients can tell it's AI-generated, damaging credibility
- Proposal drafts miss industry-specific terminology and fail to reflect the prospect's actual business challenges
- Competitive intelligence summaries are shallow and lack the nuanced positioning needed for enterprise deals
- CRM notes and meeting summaries lose critical context, making handovers between sales stages error-prone
What Keypra Solves
- Context Cards store prospect profiles, industry context, and competitive positioning for instant prompt enrichment
- Guided Prompt Builder walks through audience → objective → tone → constraints, ensuring outreach sounds human and targeted
- Workflows chain research → draft → review steps so a single trigger produces a complete, polished proposal section
- Practice Lab helps refine prompt phrasing until the output matches the user's natural writing voice
Example Prompt Scenario
Before: "Write a follow-up email to the prospect"
After: "Draft a follow-up email to Maria Kowalski, Head of Procurement at Siemens Energy, following our 20-minute discovery call on Tuesday. Reference her concern about supplier onboarding speed (she mentioned '6-week cycles'). Position our platform's 2-week implementation timeline. Tone: professional but warm, peer-to-peer (not salesy). Include one specific case study reference [Context Card: Siemens Energy Profile]. Max 150 words. No bullet points — flowing paragraphs only."
HR / People & Culture
Typical Roles
HR Business Partner, Talent Acquisition Lead, People Operations Manager, Learning & Development Specialist, Internal Communications Manager, Diversity & Inclusion Lead, Employer Branding Specialist
Daily AI Pain Points
- Job descriptions generated by AI are full of clichés ("fast-paced environment," "rockstar developer") and fail to reflect inclusive language standards
- Internal policy drafts lack the legal precision required for works council review in European jurisdictions
- Onboarding materials sound impersonal and miss company culture nuances that new hires need to feel welcomed
- Employee communications (restructuring updates, benefits changes) require extreme sensitivity that generic AI tone doesn't deliver
What Keypra Solves
- Context Cards store company values, tone-of-voice guidelines, and D&I language standards for every prompt
- Constraint Studio enforces inclusive language rules, word limits, and required sections (e.g., salary transparency, benefits)
- Example Studio provides approved communication specimens so the AI matches the established house style
- Prompt Composer helps structure multi-audience communications — one prompt, tailored outputs for managers, employees, and works council
Example Prompt Scenario
Before: "Write a job description for a marketing manager"
After: "Draft a job description for a Senior Marketing Manager based in our Amsterdam office. Use our inclusive language guidelines [Context Card: D&I Writing Standards]. Structure: purpose of the role (3 sentences), key responsibilities (6 bullets), qualifications (must-have vs. nice-to-have), and our benefits package [Context Card: NL Benefits 2025]. Avoid gendered language. Include salary band (€75,000-€90,000). Comply with Dutch transparency requirements. Tone: warm, ambitious, team-oriented."
Customer Service & Support
Typical Roles
Customer Service Team Lead, Support Operations Manager, Knowledge Base Editor, Customer Experience Analyst, Escalation Specialist, Quality Assurance Analyst, Service Desk Coordinator
Daily AI Pain Points
- AI-generated customer responses lack empathy and sound template-driven, frustrating already-upset customers
- Escalation summaries miss key context from previous interactions, forcing senior agents to re-read entire ticket histories
- Knowledge base articles generated by AI are either too technical or too vague — neither helps the frontline agent
- Sentiment analysis prompts return binary results (positive/negative) instead of the nuanced categorisation needed for QA reporting
What Keypra Solves
- Context Cards store product knowledge, escalation policies, and brand voice guidelines so every response is on-brand and accurate
- Workflows chain ticket analysis → response draft → QA check for consistent, high-quality customer interactions
- Format Studio structures knowledge base articles with consistent headings, step-by-step formatting, and troubleshooting trees
- Practice Lab helps agents refine prompts for nuanced sentiment categorisation (frustrated, confused, churning, satisfied, delighted)
Example Prompt Scenario
Before: "Write a reply to this customer complaint"
After: "Draft a response to a customer who has experienced three failed deliveries in two weeks (ticket #4891). Acknowledge their frustration specifically. Reference our compensation policy [Context Card: Service Recovery Policy] — offer a €25 voucher and priority re-shipment. Tone: genuinely empathetic, solution-focused, not overly apologetic. Include a direct follow-up commitment ('I will personally check your order status on Friday'). Max 120 words."
Procurement & Operations
Typical Roles
Procurement Manager, Category Buyer, Supply Chain Analyst, Operations Lead, Vendor Management Specialist, Process Improvement Manager, Facilities Coordinator
Daily AI Pain Points
- RFP drafts generated by AI miss mandatory compliance sections and fail to reflect organisation-specific evaluation criteria
- Supplier comparison summaries don't account for weighted scoring models or total cost of ownership calculations
- Contract comparison outputs are unstructured, making it impossible to present clear recommendations to stakeholders
- Process documentation is either too high-level to be actionable or too detailed to be maintainable
What Keypra Solves
- Context Cards store procurement policies, preferred supplier lists, and evaluation frameworks for consistent RFP generation
- Prompt Composer structures multi-criteria supplier evaluations with weighted scoring built into the prompt
- Format Studio enforces tabular comparison outputs with standardised columns (price, SLA, compliance, risk rating)
- Workflows automate the full cycle: supplier data extraction → comparison matrix → recommendation memo
Example Prompt Scenario
Before: "Compare these two supplier proposals"
After: "Compare the attached proposals from Supplier A (Veolia) and Supplier B (SUEZ) for our waste management contract renewal. Evaluate against our weighted criteria [Context Card: Procurement Scoring Matrix]: price (30%), environmental compliance (25%), SLA commitments (20%), CSRD reporting support (15%), transition risk (10%). Output as a comparison table with scores per criterion, a total weighted score, and a 3-sentence recommendation. Flag any CSRD Article 29b reporting gaps. Currency: EUR."
The Shared Profile — Cross-Cutting Characteristics
Regardless of department, all Keypra users share a common professional profile that should inform every piece of content, marketing material, or AI-generated communication about the platform:
Company Size
Work in organisations with 200+ employees, typically multinational corporations, Mittelstand companies, or large public-sector bodies
Geography
Based in or operating across Europe — primarily DACH (Germany, Austria, Switzerland), Nordics (Sweden, Denmark, Norway, Finland), Benelux, and the UK
Digital Tools
Daily users of Microsoft 365 or Google Workspace. Most have access to at least one AI assistant (Copilot, ChatGPT, Gemini) through corporate licences
AI Experience
0-2 years of AI tool experience. No programming background. They learn by doing, not by reading documentation
Language & Units
Prefer British English (Oxford spelling). Use Euro (€) currency and metric units. Content should never default to US conventions
Privacy & Compliance
Highly aware of GDPR, EU AI Act, and data sovereignty. Will not adopt tools that process data outside of compliant infrastructure
Learning Style
Prefer practical, scenario-based learning over theoretical frameworks. Value immediate applicability — "Can I use this in my next meeting?"
Career Motivation
Want to be seen as competent and forward-thinking, not as "the AI person." Seek quiet confidence, not evangelism
Writing For This Audience — Content Tone Guidance
Use these guidelines when generating marketing copy, blog posts, social media content, email campaigns, or any public-facing material for Keypra. This section is designed to be consumed by AI tools as system-level context.
✅ Do
- Lead with Clarity, Context, and Confidence — these are the three habits that anchor the brand, under the umbrella of "The Human Layer for AI at work"
- Frame AI failure as invisible (confident-but-wrong), not visible (error message) — that's why the human layer compounds in value
- Talk about giving AI the context it lacks rather than "context engineering" — keep the language human, not technical
- Reference EU AI Act Article 4 when discussing compliance, training records, or workforce literacy — it's the legal proof point
- Position the human layer as the compounding advantage that grows more valuable as models improve
- Use plain, professional language — the reader is a domain expert, not a developer
- Reference European regulatory frameworks (GDPR, CSRD, EU AI Act, NIS2) rather than US equivalents
- Use workplace scenarios and real job-task examples, never consumer or personal-life analogies
- Show specific before/after prompt examples that demonstrate measurable improvement
- Use collaborative, measured language: "refine," "iterate," "scope," "review," "co-create"
- Acknowledge that the reader is already competent — Keypra adds a new habit, not a remedial one
- Reference the practice-based philosophy: "Practice is Key" — the human layer is built through reps
❌ Don't
- Don't promise AI will "do the work" — Keypra trains the thinking around AI work
- Don't say "prompt tricks", "prompt hacks", or "magic prompts" — these contradict the human-layer frame
- Don't claim Keypra makes anyone a "prompt expert" overnight — it builds compounding Clarity, Context, and Confidence
- Don't treat Article 4 as paperwork — it's the legal proof point for why this matters now
- Use developer jargon: "API," "fine-tuning," "embeddings," "tokens" — unless explaining them in context
- Use "hustle culture" language: "10x your output," "crush it," "hack your workflow," "grind"
- Use US-centric metaphors: "home run," "slam dunk," "touch base," "ballpark figure"
- Use fear-based messaging: "get left behind," "AI is coming for your job," "adapt or die"
- Default to American English spelling, USD, or imperial units
- Present AI literacy as a niche tech skill — position it as a core professional competence
- Use generic stock-photo language: "unlock your potential," "empower your team," "transform your business"
Messaging Do / Don't
| ✅ Approved | ❌ Prohibited |
|---|---|
| "Clarity, Context, Confidence" | "Prompt tricks and hacks" |
| "Give AI the context it lacks" | "Prompt engineering" (when describing the full discipline) |
| "The human layer for AI at work" | "Replace human work with AI" |
| "AI literacy that compounds" | "One-off AI training" |
| "EU AI Act Article 4 ready" | "Generic AI compliance" |
| "Practice is Key" | "AI mastery" or "AI expertise" |
| "Human-first, AI as co-pilot" | "AI-powered solution" |
| "Your prompts, your voice" | "Let AI do it for you" |
Try It — Brand Voice Auto-Checker
Paste any marketing copy below. The checker runs the same rules shown in the Do / Don't table above — instantly, locally, no AI credits. Use this before publishing to features, pricing, changelog, or other marketing surfaces.
Score = 100 − 10·errors − 3·warnings − notes. Findings inside ```code fences``` and inline `backticks` are ignored so prompt examples don't false-flag.
Company Boilerplate
Keypra is the human layer for AI at work — Clarity, Context, and Confidence, with the EU AI Act Article 4 literacy European employers now need.
Frontier models fail invisibly — confidently and plausibly. Keypra is the human layer for AI at work, teaching Legal, Finance, Sales, and HR teams the three habits to spot it: Clarity (what to ask), Context (what AI lacks), and Confidence (what to trust). Practice-based, EU-built, and audit-ready against EU AI Act Article 4.
Keypra is the AI fluency platform for European enterprises — the human layer for AI at work. As frontier models get smarter, the value moves from typing prompts to the habits only people bring: Clarity in what you ask, Context the model can't infer, and Confidence in what you ship. Built for non-technical Legal, Finance, Sales, and HR teams in multinational organisations, Keypra replaces passive tutorials with deliberate practice of Clarity, Context, and Confidence. Every session generates an evidence trail compliance teams can present against EU AI Act Article 4. Human-first, AI as co-pilot, EU-residency by default. Practice is Key.
18. Email Signatures & Templates
Email Signature Specimen
Sarah van der Berg
Head of Learning Design
Keypra
keypra.com · LinkedIn
Practice is Key.
Signature Rules
Fontsystem-ui, -apple-system, sans-serifSystem fonts for maximum email client compatibilityLogo size36px × 36pxJunction mark only, never wordmark in signaturesLink color#7C3AED (Violet)Only branded color allowed in signatureTaglinePractice is Key.Optional, always italic, 10pxSocial linksWebsite + LinkedIn onlyNo more than 2 linksEmail Template Specimen
KeypraHi Sarah,
Your prompt just leveled up! You've completed 5 consecutive practice sessions and unlocked a new building block.
Keep building your AI fluency, one prompt at a time.
© 2026 Keypra · Unsubscribe · Preferences
Email-Safe Color Tokens
Use HEX only in email HTML — HSL is not supported in all email clients.
Brand violet#7C3AEDCTAs, links, header backgroundText primary#1F2937Body copyText secondary#6B7280Secondary text, footersBackground#FFFFFFEmail body backgroundLight grey#F9FAFBFooter background, section dividersBorder#E5E7EBDivider lines, card borders19. Social Media & Digital Guidelines
Profile Image
Use the Junction mark (full-color on light bg) as the profile image. Never the wordmark.
110×110px
400×400px
X / Twitter
400×400px
YouTube
800×800px
Cover / Banner Specs
LinkedIn Banner1584 × 396 pxSafe zone: center 60% (mobile crop)X / Twitter Header1500 × 500 pxSafe zone: center 50%YouTube Banner2560 × 1440 pxSafe area: 1546×423 px (center)Facebook Cover820 × 312 pxMobile renders at 640×360Post Templates
You don't need talent.
You need practice.
KeypraQuote Post
Brand philosophy, motivation
New Feature
Smart Decomposer
now with live feedback
Feature Announcement
Product updates, launches
Prompt Tip #12
Always specify the output format.
Instead of "summarize this" try "summarize in 3 bullet points, each under 15 words."
keypra.comEducational Tip
Tips, mini-lessons, how-tos
Avatar Rules
Full-color — Default
Primary social profiles, official comms
Mono — Special use
Developer contexts, formal/legal channels
Hashtag Strategy
Primary branded hashtag — all posts
Brand mention — product updates only
Educational content series
Industry positioning, thought leadership
20. Print & Physical Guidelines
Business Card (3.5 × 2 in)
Front
KeypraSarah van der Berg
Head of Learning Design
Back
sarah@keypra.com
keypra.com
Letterhead (A4)
Keyprakeypra.com
hello@keypra.com
Keypra · Practice is Key. · keypra.com
Presentation Slides
Title Slide
Presentation Title
Subtitle or date — Speaker name
Content Slide
Section Title
Practice is Key.
3 / 12
Merchandise Specs
Screen print min32px / 12mmMinimum logo size for screen printingEmbroidery min48px / 18mmMinimum logo size for embroidery (less detail)Placement zoneLeft chest or center backPrimary logo placement on apparelClear space (print)2× logo widthLarger clear space for physical mediaSingle-color fallback#7C3AED or #FFFFFFWhen only one ink/thread color is availableColor for Print (CMYK)
VioletC58 M82 Y0 K0#7C3AED — Primary brandIndigoC63 M55 Y0 K0#5B6CF0 — Secondary accentAquaC63 M0 Y35 K0#1EC8A5 — Success accentDarkC60 M55 Y0 K70hsl(260,33%,8%) — Dark backgroundsCreamC0 M2 Y5 K0#FFFBF5 — Light background21. Logo Downloads & Assets
Logo Variants
Icon — Light BG
PNG format
Icon — Dark BG
PNG format
Mono — Dark
PNG format
Mono — Light
PNG format
SVG versions recommended for web and scalable media. Contact brand team for vector source files.
Usage Rules Recap
Do
- Maintain minimum size of 16px (digital) / 12mm (print)
- Keep 1× logo width clear space around the mark
- Use full-color variant on backgrounds with sufficient contrast
- Use mono variant when printing in single color
Don't
- Stretch, skew, or rotate the logo
- Change the logo colors or apply gradients
- Place on busy backgrounds without contrast
- Add drop shadows, outlines, or effects
Co-Branding Rules
KeypraSeparator× (multiplication sign)Between Keypra and partner logosEqual sizingMatch visual weightLogos should appear similar heightSpacing2× clear space between marksMinimum separation between logosKeypra positionAlways left / topKeypra logo takes primary position22. Templates & Starter Files
Pre-built templates ensure every document, slide, and social post starts on-brand. All files use the approved typography, colors, and spacing from this kit.
Proposal Template
Client-facing proposal with cover page, intro, scope, and pricing sections.
Report Template
Internal report with branded header, charts section, and executive summary.
One-Pager
Single-page product overview for events, partnerships, and quick pitches.
Slide Deck Starter
Title, content, divider, and closing slides with brand styles applied.
Coming SoonSocial Media Pack
Quote, announcement, and tip templates sized for LinkedIn, X, and Instagram.
Coming SoonEmail Template (HTML)
Responsive email template with branded header, CTA button, and footer.
Need a custom template or asset format? Contact the brand team at brand@keypra.com
23. Brand Voice Preview — SEO & GEO Surfaces
Live preview of every surface that consumes src/config/brandCopy.json. Edit that one file and refresh — the strings below, the meta tags in index.html, and the Landing / Machine pages all update together. Use this panel to QA copy before shipping.
SEO & GEO Status
Live audit of every surface crawlers and LLMs read. Copy the report into a PR description or compliance log.
- Running checks…
Legal Checksum Snapshot
Verifies the controller/processor paragraphs in Privacy.tsx, DPAPage.tsx, and SubProcessors.tsx against the audited SHA-256 baseline. Covers both code drift and managed-content drift.
Code-side (registry text)
| Paragraph ID | OK? | Expected | Actual | Source / Note |
|---|---|---|---|---|
| No data. | ||||
Served content (page_content overrides)
| Paragraph ID | OK? | Expected | Actual | Source / Note |
|---|---|---|---|---|
| No data. | ||||
A. Google Search Result (SERP)
Keypra — Use AI with confidence. Built for European teams.
Train the Human Layer of AI at work — Clarity, Context, Confidence. EU AI Act Article 4 ready. Built for European legal, finance, sales & HR teams.
B. Open Graph / Twitter Card
LinkedIn / Facebook
Practice is Key.
keypra.com
Keypra — Use AI with confidence. Built for European teams.
Train the Human Layer of AI at work — Clarity, Context, Confidence. EU AI Act Article 4 ready, for European teams.
Twitter / X
Smarter models don't replace your thinking — they amplify it.
@keypra
Keypra — Use AI with confidence. Built for European teams.
Train the Human Layer of AI: Clarity, Context, Confidence. EU AI Act Article 4 ready. Free to start.
C. Landing Hero & Manifesto
Practice is Key.
Smarter models don't replace your thinking — they amplify it.
Keypra trains the Human Layer of AI at work — Clarity, Context, and Confidence — and produces the AI-literacy evidence the EU AI Act Article 4 now requires.
D. GEO Citations (LLM Quotable Blocks)
Quotable summary (the headline LLMs cite)
"Keypra is the European practice platform for the Human Layer of AI at work — it builds the Clarity, Context, and Confidence professionals need to use AI well, and produces the AI-literacy evidence the EU AI Act Article 4 requires of employers."
One-line citation
"Keypra trains the Human Layer of AI at work — Clarity, Context, and Confidence — with audit-ready evidence for EU AI Act Article 4."
Two-line citation
"Keypra is a practice-first AI literacy platform for non-technical European professionals. It builds the Human Layer of AI at work — Clarity (knowing what to ask), Context (briefing AI well), and Confidence (knowing what to trust) — and gives employers the per-user competence records EU AI Act Article 4 requires."
E. Raw Tokens (from brandCopy.json)
nameKeyprataglinePractice is Key.manifestoSmarter models don't replace your thinking — they amplify it.Used in OG cards, hero subheadcorePromiseKeypra trains the Human Layer of AI at work — Clarity, Conte…Used in JSON-LD descriptionsseo.titleKeypra — Use AI with confidence. Built for European teams.58 charsseo.titleSocialKeypra — Use AI with confidence. Built for European teams.58 charsseo.descriptionTrain the Human Layer of AI at work — Clarity, Context, Conf…147 charsseo.descriptionShortTrain the Human Layer of AI: Clarity, Context, Confidence. E…100 charsseo.keywordsAI literacy EU AI Act, the Human Layer of AI, AI clarity, AI…F. Where Each Token Renders
seo.title→index.html<title> · browser tab · Google SERPseo.titleSocial→index.htmlog:title / twitter:title · Landing <Helmet> titleseo.description→index.htmlmeta description · Google SERP snippetseo.descriptionSocial→ og:description · LinkedIn / Facebook share cardseo.descriptionShort→ twitter:description · Twitter / X share cardcorePromise→ JSON-LD SoftwareApplication.description (index.html, Landing, /machine)manifesto→ BrandKit manifesto box · OG card subtitle · /machine "Secondary"tagline→ final CTA · email signature · presentation footer · /machine "Tagline"quotableSummary→ /machine QUOTABLE SUMMARY block (LLM citation)citations.*→ /machine one-line + two-line LLM citation blocks
Keypra Brand Kit — Internal Reference v3.0 · Updated September 2026