The makerzz brand kit
Our logo in every format, the colours with their codes, the fonts and a few rules. Free to use when you write about makerzz, list us as a partner or link to us.
Download the full kit.zip · 532 KB
56 files · SVG, PNG, JPG and app icons · colour + font notes inside
Logo and symbol
Use SVG wherever you can. PNGs are transparent (1x, 2x and 4x; the file name is the width in pixels). JPGs come on a solid white or ink background with clear space built in.
App icons and favicons
The exact files our site and app use, at every size platforms ask for.
Ember on paper
Mostly white and ink, with one warm accent. Click any swatch to copy its HEX code.
Ember
Primary- HEX
- #F2542D
- RGB
- 242, 84, 45
- HSL
- 12°, 88%, 56%
Our accent: primary buttons, links, highlights. Use it sparingly, one ember thing per view.
Sunset
Logo gradient- HEX
- #FF5A36
- RGB
- 255, 90, 54
- HSL
- 11°, 100%, 61%
The symbol's gradient, #FF5A36 to #FF9A4A, bottom-left to top-right. Logo and app tile only.
Ink
Text- HEX
- #0A0A0A
- RGB
- 10, 10, 10
- HSL
- 0°, 0%, 4%
Headlines, body text, the one-colour logo and dark CTAs.
Paper
Background- HEX
- #FFFFFF
- RGB
- 255, 255, 255
- HSL
- 0°, 0%, 100%
The page. makerzz is a light, airy brand: lots of white, thin lines.
Ember deep
Accent text- HEX
- #C43D1A
- RGB
- 196, 61, 26
- HSL
- 12°, 77%, 44%
Ember for small text on light backgrounds and for hover states.
Sunset end
Logo gradient- HEX
- #FF9A4A
- RGB
- 255, 154, 74
- HSL
- 27°, 100%, 65%
End stop of the logo gradient.
Ember soft
Tint- HEX
- #FFF0EA
- RGB
- 255, 240, 234
- HSL
- 17°, 100%, 96%
Soft fill behind ember icons and badges.
Paper 2
Surface- HEX
- #F5F4F2
- RGB
- 245, 244, 242
- HSL
- 40°, 13%, 95%
Alternate sections, inputs and quiet buttons.
Stage
Dark surface- HEX
- #0D0C0B
- RGB
- 13, 12, 11
- HSL
- 30°, 8%, 5%
Behind video and in dark bands. Pair with the reversed logo.
Ink 2
Secondary text- HEX
- #5E5E5E
- RGB
- 94, 94, 94
- HSL
- 0°, 0%, 37%
Ledes, captions and supporting copy.
Line
Hairlines- HEX
- #E9E9E9
- RGB
- 233, 233, 233
- HSL
- 0°, 0%, 91%
Borders and rules. In CSS it is ink at 9% opacity; this is its value on white.
Mint
Success- HEX
- #13906A
- RGB
- 19, 144, 106
- HSL
- 162°, 77%, 32%
Success and “live” states only. Light mint #7FE0BB for fills.
Primary
Ember #F2542D for the main action and key words. One per view.
Accent
The sunset gradient lives in the logo and big headline words only.
Background
Paper #FFFFFF, with Paper 2 #F5F4F2 for alternate sections. Stage #0D0C0B for dark.
Text
Ink #0A0A0A for headings and body, Ink 2 #5E5E5E for supporting copy.
Three typefaces
All free on Google Fonts. Fustat for display, Inter for reading, DM Mono for labels.
Display
Fustat
Weights 400 · 500 · 600
Headlines and big numbers. Regular (400) weight, tight tracking (−2 to −3%). The wordmark is drawn from Fustat too.
Get it on Google FontsRaw takes in. Edited reels out.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt 0123456789
Body
Inter
Weights 400 · 500 · 600
Body copy, UI and buttons. 15–17 px on the web, relaxed line height.
Get it on Google FontsUpload your raw take, pick a style, and Auteur cuts it, captions it and posts it.
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt 0123456789
Labels
DM Mono
Weights 400 · 500
Eyebrows, labels, numbers and metadata. Small sizes, often uppercase with open tracking.
Get it on Google FontsStep 01 · 00:42 · 1080×1920
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Oo Pp Qq Rr Ss Tt 0123456789
A few simple rules
Give the logo room, keep it big enough to read, and use it as drawn.
Clear space
Keep at least half the symbol's height free on every side. No text, edges or other logos inside it.
Minimum size
Logo: 96 px wide on screen, 25 mm in print. Symbol on its own: 16 px (5 mm). Smaller than that, use the favicon files.
Please don't use the makerzz name or logo in a way that suggests we sponsor or endorse you, in your own product name, or as part of your logo.
About makerzz
Copy for articles, partner pages and directories. Write the name in lowercase: makerzz.
One line
makerzz is an AI creator studio that turns raw takes into edited, captioned and published short videos.
Boilerplate
makerzz is an AI creator studio for people who film themselves. Upload a raw take and Auteur, the makerzz AI editing engine, plans the cut, builds the visuals and edits it in one of the house styles, from talking-head reels to faceless stories and long-form cleanups. makerzz writes the captions, posts or schedules the video to Instagram, TikTok, YouTube, LinkedIn and more, and runs comment-to-DM automations that reply to keywords and capture leads. Daily trends show what each niche is posting, with ideas ready to film.
Press and partnerships
Writing about us?
For interviews, product access, higher-resolution files or anything not in this kit, send us a note through the contact page.