Atomic Shelf Visual Identity & Art Direction Guide
1. Overall Aesthetic
Editorial sophistication meets BookTok energy. Every frame must feel like it belongs to a professional creative production — not a generic template.
Principles
| Principle | What It Means | What It Doesn't Mean |
|---|---|---|
| Editorial sophistication | Clean hierarchy, deliberate typography, controlled motion | Busy templates, clip art, decorative flourishes |
| Contemporary BookTok energy | Pacing and rhythm that match organic discovery scrolling | Over-stylized effects that obscure the book |
| Genre-appropriate treatment | Visual style shifts to match the book's genre | One universal look for every title |
| Legibility on mobile | Composition, contrast, and text size safe for small screens | Desktop-first design scaled down |
| Authentic asset distinction | Real book cover as product; AI scenes as illustration | Generated scenes masquerading as real photos |
Visual Language Checklist
Before approving any frame, verify:
- [ ] The opening composition establishes intent within the first 0.5 seconds
- [ ] There is one clear focal point per scene
- [ ] Foreground, midground, and background create depth
- [ ] Negative space is reserved for captions (top and bottom 15% clear)
- [ ] No essential information sits at extreme edges (platform overlays cut these)
- [ ] The book cover is presented as authentic product, never distorted
- [ ] AI-generated scenes are clearly illustrative, not presented as photographs
- [ ] Continuity is maintained: lighting, wardrobe, location, props match across scenes
2. Color Direction
Brand Palette
| Color | Use | Hex |
|---|---|---|
| Deep Navy | Authority, editorial structure, text | #0A0F23 |
| Paper White | Primary readability, clean backgrounds | #F8F6F2 |
| Warm Ivory | Literary character, secondary text | #F3EFE7 |
| Restraint Orange | Attention, emphasis, CTA buttons | #D46B20 |
| Restraint Green | Discovery, progress, supporting info | #3A8C5A |
Color Rules
- The palette guides the brand, never overpowers the book. If the book's cover is vibrant, the brand elements step back.
- Never recolor or distort an official book cover to match the palette. The cover is the book's, not ours.
- Additional colors are permitted when the book's genre, cover, and mood justify them — but they must serve the story, not the brand.
- Text contrast minimum 4.5:1 against its background in all scenes.
- Orange is for calls to action only — never for body text or decorative elements.
- Green is for supporting information — timestamps, source indicators, progress.
Palette Application by Genre
| Genre | Mood Color | Treatment |
|---|---|---|
| Mystery/Thriller | Deep navy + amber | Low-key, noir shadows |
| Romance | Warm ivory + gold | Soft highlights, intimate framing |
| Fantasy | Cool blues + jewel tones | Epic scale, atmospheric depth |
| Literary Fiction | Monochrome + one accent | Minimalist, character-focused |
| Nonfiction | Paper white + restraint orange | Clean, informative, authoritative |
3. Typography
Typeface Families
| Role | Font | Weight |
|---|---|---|
| Editorial sans-serif headlines | Inter or equivalent | 600–700 |
| Highly readable supporting text | Inter or equivalent | 400–500 |
Maximum two typeface families per video unless a justified creative treatment requires otherwise.
On-Screen Text Standards
- Short phrases only — never paragraphs on screen
- Caption placement: consistently 12% from the bottom edge, centered or left-aligned
- Line spacing: 1.2× the font size
- Margins: minimum 8% of frame width on all sides
- Font size: minimum 6% of frame height for readability on mobile
- Contrast: text must have a background or stroke that ensures 4.5:1 contrast
- Duration: each caption stays on-screen long enough to read at 180 words-per-minute
Hierarchy
- Primary headline — largest, on-screen first
- Supporting text — secondary emphasis
- CTA text — orange accent, final frame
4. Image Treatment
AI-Generated Cinematic Scenes
These are the default for narrative B-roll. Every prompt must:
- Specify vertical 9:16 framing
- Name the subject, action, and setting explicitly
- Define lighting, mood, and visual style
- Include negative constraints (no logos, no text, no watermarks, no distorted hands)
- State continuity requirements for recurring characters/locations
Authentic Assets
- The real book cover is the only product asset — always use the approved file
- Author photos, publisher artwork, and verified illustrations are used only with explicit permission
- Never present generated scenes as actual scenes from a book's illustrations or as photographs of real events
Continuity Requirements
Every scene in a video must maintain:
- Lighting direction and quality (warm/cool, hard/soft)
- Character appearance (clothing, hair, age, ethnicity)
- Location consistency (same space, same time of day)
- Props that repeat across scenes must match
- Atmosphere and color temperature
If continuity cannot be maintained, insert a clear transition (a cut, a fade, a motion) that signals the shift.
5. Composition
Native Vertical 9:16
All output is 1080×1920 (or equivalent) vertical. Never deliver a horizontal video adapted with letterboxing.
Frame Zones
┌─────────────────────────────────┐ │ Safe Zone │ │ (15% margin — no text here) │ │ ┌───────────────────────────┐ │ │ │ │ │ │ │ Active Content │ │ │ │ Zone (70%) │ │ │ │ │ │ │ └───────────────────────────┘ │ │ Safe Zone │ └─────────────────────────────────┘
- Outer 15% (per side): keep clear — platform UI overlays sit here
- Middle 70%: primary visual content and focal point
- Bottom 12%: reserved for captions (unless a creative treatment specifically justifies otherwise)
Shot Variety (Per Scene)
Every shot must serve a defined narrative function:
| Type | Purpose |
|---|---|
| Establishing | Sets the scene, time, place |
| Close-up | Emotional intimacy, detail |
| Detail shot | Prop, object, textural element |
| Over-the-shoulder | Character relationship |
| Environmental | Shows space and context |
| Reaction | Character's emotional response |
| Symbolic | Metaphorical or thematic reinforcement |
Never fill a video with interchangeable cinematic shots. Each shot earns its place.