BRAND

brand guide.

Logos, colours and type for Author Magic, and how to use them. For anyone writing about the app, making a video, or designing something that carries the name.

variants.

Three colourways: full colour, reverse (all white) and one colour (all ink). Pick by the ground it sits on.

Full colour on paper
Full colour on paperFirst choice.
Full colour on white
Full colour on whiteFine on any white page.
Reverse on ink
Reverse on inkDark grounds and video.
Reverse on red
Reverse on redThe only logo allowed on red.
One colour, ink
One colour, inkOne-colour print, stamps, fax-grade.
Mark on red
Mark on redSocial avatars.

space and size.

Keep clear space of half the mark's height on every side. Nothing goes inside it: no text, edges or other logos.

½½½ mark height½mark height = 1

Minimum sizes

Horizontal120 px · 30 mm wide
Stacked80 px · 20 mm wide
Mark16 px · 5 mm

Below these, use the mark on its own.

don'ts.

The logo only works if it looks the same everywhere.

Stretched or squashed
Rotated
Recoloured
Shadows, glows, outlines
Red logo on red
Author Magic
Wordmark retyped

colour.

Paper and ink do most of the work. Red is the signal, used in big confident blocks rather than sprinkled everywhere.

Paper 60Ink 25Red 15
Author Magic Red
RGB
228 49 43
OKLCH
oklch(0.599 0.215 28)
CMYK
0 79 81 11 approx.
CSS
var(--red)

The mark, the hero ground and moments that matter. Use it in big, confident blocks, never as a tint.

Ink
RGB
21 21 21
OKLCH
oklch(0.196 0 0)
CMYK
0 0 0 92 approx.
CSS
var(--ink)

The wordmark, headlines and body text. Also the dark ground for the footer and reverse logos.

Paper
RGB
243 241 237
OKLCH
oklch(0.959 0.006 85)
CMYK
0 1 2 5 approx.
CSS
var(--paper)

The page. A warm off-white, like a book page, rather than screen white.

White
RGB
255 255 255
OKLCH
oklch(1 0 0)
CMYK
0 0 0 0 approx.
CSS
var(--surface)

Cards and panels that sit on paper, and the reverse logo.

Interface colours

Action redvar(--action)

Buttons. White text on it passes AA.

Action hovervar(--action-hover)

Button hover and pressed.

Red textvar(--red-text)

Red words, links and eyebrows on paper.

Red tintvar(--red-tint)

Quiet highlight behind a note.

Muted inkvar(--ink-muted)

Secondary text and captions.

Sunk papervar(--surface-sunk)

Wells, code and hover fills.

Rulevar(--rule)

1px lines and borders.

Bluevar(--blue)

Inline links in long text, and focus.

Cautionvar(--caution)

Warnings, sparingly.

Pairings that read

AaInk on Paper16.2:1 · any size
AaWhite on Ink18.3:1 · any size
AaMuted ink on Paper6.7:1 · any size
AaRed text on Paper5.2:1 · any size
AaWhite on Action red4.9:1 · any size
AaWhite on Author Magic Red4.4:1 · 24px and up
AaRed text on Red tint4.8:1 · any size
AaAuthor Magic Red on Paper3.9:1 · logo and large type only

Small white text goes on Action red, not Author Magic Red. Red words on paper use Red text.

type.

Three free families from Google Fonts. Headlines are lowercase and end with a full stop; everything else is sentence case.

idea in. book out.

UnboundedExtraBold 800, Bold 700

Headlines and the wordmark. Set lowercase, tight (−3.5% tracking), and end a headline with a full stop.

Get it on Google Fonts

Give Author Magic an idea and it pitches the book, outlines it, and writes a first draft while you watch the pages typeset. Or write every word yourself.

Hanken GroteskRegular 400, Medium 500, SemiBold 600

Everything people read: body copy, buttons, navigation. Sentence case.

Get it on Google Fonts

v1.13 · 7-day refund · 6 × 9 in · 44 pp

Geist MonoRegular 400, Medium 500

Numbers, prices, versions, file names and small labels.

Get it on Google Fonts

Scale on the website

StyleFontSize / line (px) · tracking
HeroUnbounded 800104 / 96 · −3.5%
Page titleUnbounded 80064 / 61 · −3.5%
Section titleUnbounded 70038 / 40 · −3.5%
LeadHanken Grotesk 50025 / 36
BodyHanken Grotesk 40016 / 25
EyebrowHanken Grotesk 60012 · caps · +8%
DataGeist Mono 40013 / 20

shape.

The gridA 64 px grid of white lines at 14% on red, as in the home page hero. Use it behind the reverse logo, not behind text.
Download for MacBuy now
Hard edges4 px corners on buttons, square panels, 1 px rules. No drop shadows or gradients, except the app icon.
HOW IT WORKSbook out.
Eyebrow and headlineA small, spaced, uppercase line in red above a big lowercase headline. It's the pattern on every page.

voice.

Plain, warm and exact. We talk to writers, many of whom are wary of AI, so we never oversell. The logo carries no tagline. The headline is idea in. book out. and the one-line description is AI book studio for KDP.

Do

  • Write the name as two words: Author Magic.
  • Say what it does in plain words: it pitches, drafts, keeps the story straight, designs the cover and builds the KDP files.
  • Put the author in charge: “you choose how much AI”, “you stay the author”.
  • Be exact about money: one payment, no subscription, AI billed by your provider on your own key.
  • Admit limits. Version 1 promises KDP's rules, not every printer's.

Don't

  • AuthorMagic, AM, Author Magic AI, or the wordmark retyped.
  • Income or sales claims of any kind: “make $X”, “bestseller in a weekend”.
  • “Undetectable”, “beats AI detectors”, or anything about hiding AI use.
  • “Replaces writers” or sneering at people who write without AI.
  • Fake reviews, invented testimonials or real authors' names without permission.

files.

SVG for anything that scales; PNG (transparent, 2× or larger) for apps that won't take SVG. Everything is in the kit.

AssetSVGPNG
Horizontallogo-horizontal.svgPNG
Horizontal, reverselogo-horizontal-reverse.svgPNG
Horizontal, one colourlogo-horizontal-black.svgPNG
Stackedlogo-stacked.svgPNG
Stacked, reverselogo-stacked-reverse.svgPNG
Stacked, one colourlogo-stacked-black.svgPNG
Markmark.svgPNG
Mark, reversemark-reverse.svgPNG
Mark, one colourmark-black.svgPNG
App iconapp-icon.svg1024 px256 px128 px64 px32 px
Download everything (.zip)

Brand questions or a format we don't have: support@authormagic.app