Minarik AI
minarikai.com
The complete visual identity system for Minarik AI. This guide provides everything needed to represent the brand consistently across digital, print, and partner contexts.
Version
1.0
Released
March 2026
Audience
External
Status
Active
Confidentiality notice: This document is intended for authorised designers, print vendors, and partners only. Do not distribute beyond approved parties.
01
The Minarik AI mark is a rising trend line with an accent dot — representing growth, data, and momentum. Always use the official SVG files. Never recreate the mark from scratch.
Primary (Colour)
Use on white or light backgrounds
Reversed (White)
Use on dark or brand-colour backgrounds
Monochrome (Dark)
Use for single-colour print or embossing
24px
Minimum
32px
Navigation
48px
Cards
64px
Headers
96px
Hero
Minimum display size is 24px. Below this, legibility of the mark is compromised.
Clear space = 0.5× logo width on all sides
Always maintain clear space equal to half the logo width on all four sides. No text, images, or other graphic elements should intrude into this space.
02
The Minarik AI palette is built around a cyan-to-blue gradient as the primary brand expression. All digital work uses HEX/RGB values. For print, use the CMYK values provided — always use uncoated CMYK profiles.
Primary Brand Gradient
CSS: linear-gradient(135deg, #22d3ee 0%, #3b82f6 100%)
Direction: top-left to bottom-right (135deg)
Use only for: logo mark, headline gradient text, primary CTA buttons, accent line elements. Never use as a solid fill on large areas.
The two gradient anchor points. Only used in the gradient — never as flat solids on large areas.
Cyan 400
Brand Gradient — Start
RGB: 34, 211, 238
HSL: 189, 82%, 53%
CMYK: C:86 M:11 Y:0 K:7
Blue 500
Brand Gradient — End
RGB: 59, 130, 246
HSL: 217, 91%, 60%
CMYK: C:76 M:47 Y:0 K:4
Dark-mode first. The site background, section backgrounds, and surface elevations are all drawn from this scale.
Slate 950
Primary Background
RGB: 2, 6, 23
HSL: 224, 84%, 5%
CMYK: C:91 M:74 Y:0 K:91
Slate 900
Section Background
RGB: 15, 23, 42
HSL: 222, 47%, 11%
CMYK: C:64 M:45 Y:0 K:84
Slate 800
Card / Surface Background
RGB: 30, 41, 59
HSL: 217, 33%, 17%
CMYK: C:49 M:31 Y:0 K:77
Slate 700
Elevated Surface / Border
RGB: 51, 65, 85
HSL: 215, 25%, 27%
CMYK: C:40 M:24 Y:0 K:67
Text legibility hierarchy from primary headings down to muted metadata. All values have been tested for WCAG AA contrast on the brand backgrounds above.
White
Primary Text
RGB: 255, 255, 255
HSL: 0, 0%, 100%
CMYK: C:0 M:0 Y:0 K:0
Slate 300
Body Text / Secondary Heading
RGB: 203, 213, 225
HSL: 213, 27%, 84%
CMYK: C:10 M:5 Y:0 K:12
Slate 400
Subtext / Metadata
RGB: 148, 163, 184
HSL: 215, 20%, 65%
CMYK: C:20 M:11 Y:0 K:28
Slate 500
Muted / Disabled Text
RGB: 100, 116, 139
HSL: 215, 16%, 47%
CMYK: C:28 M:17 Y:0 K:45
Used for feedback states, callouts, badges, and data visualisation. Do not use these as primary design colours.
Emerald 400
Success / Positive
RGB: 52, 211, 153
HSL: 158, 64%, 52%
CMYK: C:75 M:0 Y:27 K:17
Amber 400
Warning / Caution
RGB: 251, 191, 36
HSL: 43, 96%, 56%
CMYK: C:0 M:24 Y:86 K:2
Red 400
Error / Alert
RGB: 248, 113, 113
HSL: 0, 91%, 71%
CMYK: C:0 M:54 Y:54 K:3
Cyan 200
Info / Highlight
RGB: 165, 243, 252
HSL: 185, 95%, 82%
CMYK: C:35 M:3 Y:0 K:1
Print Vendor Note
CMYK values are provided as a starting point based on conversion from screen (sRGB). Final print proofing is required — particularly for the cyan-blue gradient, which can shift significantly across different paper stocks and print processes. Request a physical proof before final press runs.
03
The brand typeface is Inter by Rasmus Andersson. It is used exclusively across all digital touchpoints. For print work where Inter may not be available, use Arial or Helvetica as a fallback.
Primary Typeface
Inter
Google Fonts / Rasmus Andersson
Weights in use: 400, 600, 700, 800
Source: fonts.google.com/specimen/Inter
License: SIL Open Font License 1.1
Print Fallback
Arial
System Font / Microsoft
Use when: Inter unavailable in print layout
Fallback stack: Arial, Helvetica, sans-serif
Note: Prefer Inter in all cases
Inter at key weights showing the full character range used in brand materials.
400 Regular
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
0 1 2 3 4 5 6 7 8 9 & % $ £ @ # ! ? . , : ;
600 SemiBold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
700 Bold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
800 ExtraBold
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt Uu Vv Ww Xx Yy Zz
Reserved for primary headlines only. Never use on body copy, small text, or non-heading elements.
Build your growth engine.
CSS: background: linear-gradient(to right, #22d3ee, #3b82f6, #22d3ee); -webkit-background-clip: text; color: transparent;
64px / 4rem
800 — ExtraBold
Line height 1.1
Build. Automate. Grow.
48px / 3rem
700 — Bold
Line height 1.1
Predictable Pipeline Systems
36px / 2.25rem
700 — Bold
Line height 1.2
How It Works
24px / 1.5rem
600 — SemiBold
Line height 1.25
Speed to Lead
18px / 1.125rem
600 — SemiBold
Line height 1.3
Automated Follow-Up
20px / 1.25rem
400 — Regular
Line height 1.75
We build growth systems that capture leads, qualify them automatically, and book calls without manual effort.
16px / 1rem
400 — Regular
Line height 1.75
The right automation layer means no lead goes unanswered, every enquiry is routed to the right person, and your team spends time on high-value work.
14px / 0.875rem
400 — Regular
Line height 1.6
First response within 2 hours. No exceptions.
12px / 0.75rem
400 — Regular
Line height 1.5
Updated March 2026 — Version 1.0
11–12px / 0.75rem
600 — SemiBold
Line height 1.4
HOW IT WORKS
04
How we sound is as important as how we look. Every word in brand materials — from a button label to a pitch deck headline — should feel like it was written by the same team.
One-line positioning
Minarik AI builds predictable pipeline systems for high-trust B2B service businesses.
This is the anchor. Every piece of copy — however short — should connect back to this idea: predictable, pipeline, high-trust B2B services.
Confident
We know what we're doing. No hedging, no excessive caveats, no overpromising. State things plainly.
"We implement this end-to-end — not a strategy deck, a working system."
Clear
Short sentences. Active voice. No jargon unless the audience uses it themselves. One idea per sentence.
"Leads come in. They get qualified. You get a booked call."
Practical
What does it actually do? What problem does it solve? What happens next? Ground every claim in reality.
"Speed-to-lead drops to minutes, not hours. That matters when attention spans are short."
ROI-led
Buyers want outcomes, not features. Lead with what the client gets, then explain how.
"More qualified booked calls. Less time chasing cold leads."
Some phrases undermine credibility or conflict with brand positioning. Avoid these in all brand materials.
"I" or "me" (founder-led language)
"Guaranteed results" or revenue promises
"AI-first" (too generic)
"Guru", "expert", "ninja", "rockstar"
"aiacquisition.com" or any partner references
"Free consultation" (use "Growth Systems Call")
"Game-changer" or "disruptive"
"You're in safe hands" without specifics
Reference these when writing headlines, CTAs, emails, slide decks, and sales materials.
Do
We build growth systems for B2B service businesses.
Don't
I help entrepreneurs unlock their potential.
Agency voice, not founder voice
Do
Speed-to-lead down to minutes via automated routing.
Don't
Our AI will revolutionise your business overnight.
Specific and credible, not hyperbolic
Do
Book a Growth Systems Call.
Don't
Schedule a free strategy session with me!
Brand CTA convention, not casual or personal
Do
For marketing agencies and professional service firms.
Don't
For any business that wants to grow.
Specific ICP, not vague audience
Do
Works with your existing tools — HubSpot, Salesforce, Make, and more.
Don't
We partner with industry-leading platforms.
Concrete specifics, not vague claims
Do
No lead left behind — every enquiry is captured, tagged, and tracked.
Don't
AI ensures 100% conversion of all your leads.
Capability framing, not revenue guarantee
Always use these exact labels. Do not improvise CTA copy in partner materials without approval.
| Use Case | Label |
|---|---|
| Primary button | Book a Growth Systems Call |
| Secondary button | Get your AI Readiness Report |
| Secondary button (alt) | Take the AI Readiness Assessment |
| Support line near booking CTA | AI Growth Engine fit call (15–30 mins) |
| Contact / enquiry | Contact Us |
| Newsletter / email capture | Stay in the loop |
05
These components define the visual language of the Minarik AI website. When creating supporting materials — decks, proposals, documents — reference these for consistent styling.
Primary
Gradient: cyan-500 → blue-600
Text: white
Border-radius: 8px
Shadow: cyan glow
Ghost / Outline
Border: cyan-500 at 50% opacity
Text: cyan-400
Hover bg: cyan at 10%
Secondary
Bg: slate-800
Text: slate-300
Border: slate-700
Disabled
Any variant at 50% opacity
Cursor: not-allowed
Badges use colour-matched text, background at 10% opacity, and border at 30% opacity. Always full-pill border-radius (9999px).
Standard Card
Speed to Lead
Response time drops to minutes via automated routing and follow-up.
Highlighted Card
No Lead Left Behind
Every enquiry is captured, tagged, and tracked to conclusion.
Standard Card
Bg: slate-800 at 50% opacity
Border: slate-700
Border-radius: 12px
Padding: 20px
Highlighted Card
Bg: slate-800 at 50% + cyan gradient overlay
Border: cyan-500 at 40% opacity
Label: cyan-400 (overline style)
How It Works
The section heading follows here
Overline: 10–12px, font-weight 600, tracking 0.2em, uppercase, colour cyan-500 (#06b6d4 or #22d3ee depending on bg). Always precedes the section H2.
Focused state shown above
Default: bg slate-800, border slate-600, text white, placeholder slate-500
Focus: border cyan-500, ring cyan-500 at 30% opacity
Error: border red-400, ring red-400 at 30% opacity
Radius: 8px — Label: 12px/font-weight 500/slate-300
Standard border — slate-800
Accent border — cyan-500 at 30% opacity
Gradient accent line
06
Guidelines for how to apply — and how not to apply — the Minarik AI brand. These rules apply to all materials: digital, print, presentations, and partner co-branding.
Use the official SVG files provided in this guide
Maintain the minimum clear space (0.5× logo width) on all sides
Use the colour version on white/light backgrounds
Use the white reversed version on dark or coloured backgrounds
Use the monochrome version for single-colour print (embossing, foiling, laser engraving)
Scale proportionally — always lock aspect ratio
Recreate or redraw the logo mark from scratch
Change the logo colours outside of the approved variants
Apply drop shadows, outlines, gradients, or special effects to the mark
Stretch, distort, or rotate the logo
Place the colour logo on dark backgrounds (use the white variant instead)
Display the mark below 24px in any digital context
Enclose the logo in a box, circle, or shape that competes with the mark
Use the cyan-to-blue gradient for the logo mark, primary buttons, and headline gradient text
Use the dark slate palette (slate-900 to slate-950) for primary backgrounds
Ensure all text meets WCAG AA contrast on its background
Use status colours (emerald, amber, red) for semantic UI feedback only
Use the gradient as a large background fill across full-width sections
Use cyan or blue as flat solid fills on large areas
Place white text on the cyan start (#22d3ee) without checking contrast first
Introduce new colours not in the approved palette without brand team approval
Use any violet, purple, or indigo hues — these are not in the brand palette
Which format to use and when. Always download from the official brand assets folder — do not screenshot or crop the logo from any document.
| Format | Best for |
|---|---|
| SVG | All digital applications — website, email, digital presentations |
| PNG (transparent bg) | Documents, Word/PowerPoint, email signatures, online forms that do not support SVG |
| PNG (white bg) | Print documents where transparency may cause issues |
| PDF (vector) | Print-ready files for professional printers and press |
| EPS | Legacy print applications requiring vector EPS |
Partner co-branded materials
When producing co-branded materials with partners, the Minarik AI logo must appear at equal visual weight to the partner logo. Neither logo should dominate the other. Separate logos with a vertical divider or adequate whitespace — never superimpose one logo over another.
Integration / stack references
When displaying integration partner logos (HubSpot, Salesforce, Make, etc.), frame them as "Works with your existing stack" — not as endorsements or official partnerships. Always check each platform's brand guidelines before use in any external material.
Approval process
All co-branded or partner materials must be approved by the Minarik AI team before publication. Send final files to the brand team for sign-off with at least 5 business days notice.
For brand assets, approval requests, or questions about applying these guidelines, contact the Minarik AI team.
Website
minarikai.com
Response SLA
First reply within 2 business hours
Brand Compliance
These guidelines exist to protect the Minarik AI brand identity and ensure consistent representation across all contexts. Unauthorised modifications, unapproved colour variations, or logo misuse may result in materials being recalled. When in doubt, ask the brand team before producing or distributing any material.