Macaly Brand
Everything you need to represent Macaly: logos, colors, typography, motion and boilerplate copy. Every asset here is downloadable or copyable in one click.
Logo
The Macaly logo
The mark and the wordmark travel together as the primary lockup. Download the vector for print and the raster for anywhere a PNG is required.
Clear space
Keep padding around the logo equal to the height of the mark. Nothing crowds it.
Minimum size
Never render the lockup below 96px wide, or the mark below 24px. Below that, legibility breaks.
96px lockup24px markColors
Color palette
Click any swatch to copy its hex. Pastels are decoration only: badges, tiles and illustration fills. Never full card or section surfaces.
Core
The structural palette. Black foreground and text, white surfaces, off-white backgrounds. That's it, no accent color.
Pastel accents
Decoration only: badges, tiles, illustration fills. Never full card or section surfaces. Canonical hex first, observed tint second.
Typography
Type scale
Fraunces for display, Inter for everything else. The specimens below are the real production tokens, at their real sizes. Display type runs on tight negative tracking; body stays at zero for readability.
Headline
- Font
- Fraunces Bold
- Size
- 40 / 64px
- Line height
- 105%
- Tracking
- -2.5px
From a prompt to a product.
Subhead
- Font
- Fraunces Bold
- Size
- 32 / 52px
- Line height
- 115%
- Tracking
- -2px
Smaller than the headline, for contrast without losing the family look.
Body
- Font
- Inter Regular
- Size
- 17px
- Line height
- 160%
- Tracking
- 0
Inter carries every paragraph, button and label across the product. Set it at a comfortable reading size with generous line height so long stretches of copy stay easy to scan. Reach for it in feature explanations, onboarding steps, empty states and anywhere a sentence is meant to be read rather than glanced at. Keep the line length in check and let the words do the work.
Motion
Logo in motion
Two logo animations to top and tail a video, stream or product demo. 1920×1080, transparent-white background. Drop them straight into your edit.
About
Company boilerplate
The approved one-paragraph description of Macaly. Copy it verbatim for press releases, partner pages and directories. Don't rewrite it: the wording is deliberate.
ENEnglish
About Macaly
Macaly is a Czech AI platform for building websites and web apps, designed for entrepreneurs, marketers, SMBs, and users without technical skills. Just describe how your website or app should look, and Macaly takes care of the rest: from design and copy to databases, hosting, analytics, and SEO. Since 2025, Macaly has been part of team.blue, a group that helps millions of small and medium businesses grow online across Europe.
CSČeština
O Macaly
Macaly je česká AI platforma pro tvorbu webů a webových aplikací, která je určena podnikatelům, marketérům, malým firmám a uživatelům bez technických znalostí. Stačí popsat, jak má web nebo aplikace vypadat, a Macaly se postará o zbytek: od designu a textů přes databáze, hosting a analytiku až po SEO. Od roku 2025 je Macaly součástí skupiny team.blue, která pomáhá růst na internetu milionům malých a středních firem po celé Evropě.
FRFrançais
À propos de Macaly
Macaly est une plateforme tchèque propulsée par l'IA pour créer des sites web et des applications web, conçue pour les entrepreneurs, les équipes marketing, les petites entreprises et les utilisateurs sans compétences techniques. Il suffit de décrire à quoi votre site ou votre application doit ressembler, et Macaly s'occupe du reste : design, contenus, bases de données, hébergement, analytique et SEO. Depuis 2025, Macaly fait partie du groupe team.blue, qui accompagne la croissance en ligne de millions de PME à travers l'Europe.
NLNederlands
Over Macaly
Macaly is een Tsjechisch AI-platform voor het bouwen van websites en webapplicaties, ontworpen voor ondernemers, marketeers, kleine bedrijven en gebruikers zonder technische kennis. Beschrijf hoe uw website of app eruit moet zien, en Macaly regelt de rest: ontwerp, teksten, databases, hosting, analytics en SEO. Sinds 2025 maakt Macaly deel uit van team.blue, een groep die miljoenen mkb-bedrijven in heel Europa helpt online te groeien.
Usage
Do & don't
The short version of what makes something look unmistakably Macaly. When in doubt, keep it sticker-styled, keep surfaces white, and let the mascots do the talking.
Do
Sticker surfaces
Black 1px borders with a hard offset shadow. No soft drop shadows on primary surfaces.
Do
Pastels as decoration
Pastel fills on badges, tiles and illustrations, sitting on white or off-white surfaces.
Do
Fraunces for display
Plain Fraunces bold for headlines. Inter for body and micro copy.
Do
Hand-drawn mascots
Our own SVG characters are the visual anchor, one per panel.
Don't
No gradients or 3D
No gradients, glassy 3D renders, or stock photography anywhere.
Don't
No pastel surfaces
Never tint a full card or section with a pastel, and never stack pastel on pastel.
Don't
No third-party icons
Never substitute Lucide, Heroicons or any external icon set for our hand-drawn icons.
Don't
No stray italics
The Fraunces italic accent is a one-page editorial gimmick. Don't sprinkle it on every headline.
Logo do & don't
Keep the original proportions and full contrast.
Give it clear space equal to the height of the mark.
Don't stretch, squash or otherwise distort it.
Don't recolor it to non-brand colors.
Don't add drop shadows, glows or gradients.
Don't rotate or tilt the lockup.
Don't place it on low-contrast, busy backgrounds.