Clear space
Keep a gap equal to the height of the “z” mark on every side. Nothing enters this zone.
Brand hub · v1.0
Everything that makes dzinezap look like dzinezap.
Logos, colours, fonts, templates and rules in one place. Copy a colour, grab a logo, check a contrast. No hunting through folders.
- 9brand colours
- 2typefaces
- 8logo versions
- 15social templates
01 · Logo
The logo
A full logo and a monogram, in four colour versions. Pick one, set the background, download.
Minimum size
Full logo: 110 px wide on screen, 30 mm in print. Monogram: 20 px, 7 mm.
Please don’t
- Stretch or squash it
- Rotate or outline it
- Recolour outside the four versions
- Add shadows or effects
- Place it on a busy photo
02 · Colour
Colour
Click any swatch to copy its HEX. Use the buttons for RGB and CMYK.
The gradient
linear-gradient(120deg, #6A3DFF, #E0309A 58%, #FF8A1F)
Use it for one thing per screen: a hero, a button or a highlight. Never for body text.
Contrast checker
Zap your ideas
Small body text sample for reading.
03 · Typography
Type
Saira for headlines, Figtree for reading. Both are free (SIL Open Font Licence) and variable, so any weight works.
Display
Saira
Headlines, numbers, buttons. Medium (500) is the house weight.
Text
Figtree
Paragraphs, captions, labels, interface text. Regular (400) to Semibold (600).
Web design & AI video that zaps.
Type scale
04 · Interface
Buttons, chips and cards
The building blocks, live. Hover and tab through them.
Buttons
Radius is fully round (pill). One primary button per view.
Chips
- Web design
- AI video
- Social
- Branding
- New
Form field
Focus ring: 3 px Violet at 35%.
Website design
Project card
Radius 22 px, soft shadow, lifts 4 px on hover.
05 · Motion
Motion
Quick, smooth, never bouncy. One easing curve for everything.
cubic-bezier(.2, .8, .2, 1)
06 · Voice
How we sound
Plain, confident, a little playful. Short sentences. No jargon unless the client uses it.
Clear
Say the thing. “I design websites that load fast and convert.”
Confident
Show results, skip the hedging. “Launched in two weeks.”
Playful
One spark per message. The tagline does the zapping.
Tagline
Web design & AI video that zaps.
08 · Downloads
All files
Every file in the kit, with its size.
09 · For developers
Design tokens
Paste into a stylesheet or a theme. Fonts are self-hosted, so no external requests.
Loading…
07 · Social
Social templates
Branded backgrounds, ready to drop your text on. Pick a style, then download the size you need.
Profile pictures