Captain Copilot vs Admiral Analogue

How to compare

Every mockup carries exactly the same words and sections, so judge the design language alone. Ask of each one:

Does the hero make you smile?
Are the six mission cards scannable?
Does the villain feel like fun, not friction?
Would this still work with real character art?
Does it feel like a training site you’d return to?

Previews are real captures of the top of each page, rendered with fallback fonts — the intended Windows/Office display faces (Impact, Cooper Black, Showcard Gothic and so on) will show when you open the files on your own machine.

A Comic & pop art

Panels, bursts and halftone dots — the printed-comic lineage.

4 mockups

01 Saturday Morning

#E63B2E
#FFD23F
#2E86DE
#111111
#FFF6E5

Feel: Classic Saturday-morning cartoon energy: thick black outlines, hard offset shadows, halftone dots, wobbly borders.
Type & shape: Chunky display type; tilted TV-screen cards; scrolling paper-trail gag.

Open mockup 01, Saturday Morning

04 Same Prompt-Time, Same Prompt-Channel

#FF2E88
#6A1B9A
#00C2E0
#FFE600
#000000

Feel: 60s/70s camp-TV pop art: onomatopoeia bursts, Dutch angles, Ben-Day dots.
Type & shape: Skewed Impact headlines; rotated panels; cliff-hanger caption boxes.

Open mockup 04, Same Prompt-Time, Same Prompt-Channel

05 The Daily Prompt

#F3EEE3
#1A1A1A
#00AEEF
#EC008C
#D7263D

Feel: A newspaper comic-strip page with masthead, columns and speech bubbles.
Type & shape: Heavy serif masthead + hand-lettered bubbles; misregistered CMYK headlines.

Open mockup 05, The Daily Prompt

16 Issue #1 Comic Cover

#D7263D
#1B3A8C
#F9C80E
#FFFFFF
#000000

Feel: The landing page is a full-height superhero comic cover with trade dress.
Type & shape: Bevelled title type; jagged bursts, seal, corner box, barcode.

Open mockup 16, Issue #1 Comic Cover

B Retro & vintage

Borrowed from past decades — mid-century modern, 70s broadcast, 30s deco, cold-war spy HQ.

4 mockups

02 Mid-Century Marvels

#E0562B
#E9B93B
#1B7F79
#23272A
#F5EBDC

Feel: 1960s retro-futurist modernism, super-family poster.
Type & shape: Geometric heavy sans; skewed panels, atomic starbursts, orbit rings.

Open mockup 02, Mid-Century Marvels

09 Test Card TV

#FFFF00
#00FFFF
#FF00FF
#5A3A22
#F1E9D2

Feel: 1970s broadcast: colour bars, walnut cabinet, curved CRT screens.
Type & shape: Rounded 70s display; scanlines, dials, colour-bar dividers.

Open mockup 09, Test Card TV

13 Rocket Deco

#0E3B43
#D4AF37
#7A1F2B
#F3E9D2
#B8C0C8

Feel: 1930s sci-fi serial / art-deco poster pomp.
Type & shape: Deco display type; sunburst rays, chevrons, chrome pills, medallions.

Open mockup 13, Rocket Deco

18 Pillar Box HQ

#C41E3A
#4B5563
#EDE9E1
#1F2A44
#C9A227

Feel: British cartoon spy HQ: pillar box, red phone, case files, comedy stamps.
Type & shape: Heavy gothic + typewriter; manila folders, paper clips, corkboard.

Open mockup 18, Pillar Box HQ

C Villain tech & contrast

Dark, technical or split worlds that put the Admiral’s analogue chaos in the frame.

4 mockups

03 The Analogue Lair

#0F1B3D
#4A1E6B
#C6FF3D
#FFC400
#8B93A1

Feel: The villain’s industrial basement records office, dark theme.
Type & shape: Heavy condensed type; riveted panels, hazard stripes, big red button.

Open mockup 03, The Analogue Lair

06 Gadget Lab Neon

#0B0F1A
#2D7CFF
#FF3CAC
#B4FF39
#FF8A00

Feel: Cartoony neon gadget lab on near-black, mission-control dashboard.
Type & shape: Techy display; hexagons, glowing outlines, power bars.

Open mockup 06, Gadget Lab Neon

08 Blueprint vs Crayon

#0D3B8C
#FFFFFF
#FF6B57
#FFE45E
#4DE2A2

Feel: The Admiral’s blueprint meets the Captain’s crayon scribbles in a diagonal split.
Type & shape: Monospace labels + handwritten notes; dimension lines vs highlighter strokes.

Open mockup 08, Blueprint vs Crayon

20 Split Personality Duotone

#06B6D4
#EC4899
#C2B280
#E8E0CE
#6B5B45

Feel: Bright duotone hero world vs sepia analogue world, torn down the middle.
Type & shape: Heavy sans vs typewriter; before/after mission cards.

Open mockup 20, Split Personality Duotone

D Tactile & handmade

Paper, clay, stickers, bricks, chalk and storybook pages — things you could pick up.

6 mockups

07 Paper Cut-Out

#FFFDF7
#F25F5C
#247BA0
#FFE066
#C8A27A

Feel: Layered construction-paper scrapbook with sellotape and torn edges.
Type & shape: Rounded display; stacked paper shadows, perforated tickets.

Open mockup 07, Paper Cut-Out

10 Claymation Studio

#FF8C42
#3A86FF
#8AC926
#FFCA3A
#E9E4DA

Feel: Stop-motion plasticine: super-rounded, matte, squash-and-stretch.
Type & shape: Soft chunky type; clay blobs, medals, sliding moustache gag.

Open mockup 10, Claymation Studio

12 Sticker Bomb

#FF5D5D
#FF9F1C
#FFE156
#2EC4B6
#7B2CBF

Feel: A laptop lid plastered with die-cut stickers at jaunty angles.
Type & shape: Riot of display faces; white sticker borders, holographic badges.

Open mockup 12, Sticker Bomb

14 Toy Box Bricks

#D62828
#1D4ED8
#FCBF49
#2A9D8F
#E5E7EB

Feel: Chunky plastic toy bricks with studs and glossy highlights.
Type & shape: Big friendly rounded type; brick tiles, brick-tower progress.

Open mockup 14, Toy Box Bricks

15 Chalkboard Academy

#2F4F3F
#F5F5F0
#F4A6C1
#F7E38C
#8B5A2B

Feel: Cartoon classroom: chalk drawings, pinned hand-outs, gold stars.
Type & shape: Chalk handwriting headings; dashed doodles, drawing pins.

Open mockup 15, Chalkboard Academy

19 Storybook

#5B4B8A
#FFB86B
#F28482
#84A59D
#FBF3E4

Feel: Warm illustrated picture-book, “Once upon a time…” chapters.
Type & shape: Rounded serif + drop caps; illustrated frames, hills and moon.

Open mockup 19, Storybook

E Bold & graphic

Big type, hard edges and showbill swagger.

2 mockups

11 The Big Top

#C8102E
#F2B705
#FFF4D6
#1C2541
#FFFFFF

Feel: Circus showbill slapstick: stripes, bunting, marquee bulbs.
Type & shape: Showbill display; ticket stubs, high-striker leaderboard, custard pie.

Open mockup 11, The Big Top

17 Brutalist Cartoon

#FFFFFF
#000000
#FFDE03
#7A5CFF
#FF4F1F

Feel: Neo-brutalist: giant type, 4px borders, hard shadows, zero radius.
Type & shape: Arial Black at 120px + monospace tags; press-down hovers, ticker.

Open mockup 17, Brutalist Cartoon

All 20 at a glance

In numerical order, with the family each direction belongs to and its mood in three words.

Twenty homepage mockups, numbered 01 to 20
No	Name	Family	Mood in three words	Mockup
01	Saturday Morning	A · Comic & pop art	Loud, bouncy, nostalgic	Open mockup 01, Saturday Morning
02	Mid-Century Marvels	B · Retro & vintage	Stylish, atomic, optimistic	Open mockup 02, Mid-Century Marvels
03	The Analogue Lair	C · Villain tech & contrast	Moody, industrial, mischievous	Open mockup 03, The Analogue Lair
04	Same Prompt-Time, Same Prompt-Channel	A · Comic & pop art	Camp, kinetic, punchy	Open mockup 04, Same Prompt-Time, Same Prompt-Channel
05	The Daily Prompt	A · Comic & pop art	Witty, inky, editorial	Open mockup 05, The Daily Prompt
06	Gadget Lab Neon	C · Villain tech & contrast	Glowing, techy, energetic	Open mockup 06, Gadget Lab Neon
07	Paper Cut-Out	D · Tactile & handmade	Crafty, tactile, cosy	Open mockup 07, Paper Cut-Out
08	Blueprint vs Crayon	C · Villain tech & contrast	Precise, playful, contrasting	Open mockup 08, Blueprint vs Crayon
09	Test Card TV	B · Retro & vintage	Kitsch, warm, broadcast	Open mockup 09, Test Card TV
10	Claymation Studio	D · Tactile & handmade	Squashy, soft, charming	Open mockup 10, Claymation Studio
11	The Big Top	E · Bold & graphic	Showy, striped, slapstick	Open mockup 11, The Big Top
12	Sticker Bomb	D · Tactile & handmade	Riotous, jaunty, layered	Open mockup 12, Sticker Bomb
13	Rocket Deco	B · Retro & vintage	Grand, gilded, cinematic	Open mockup 13, Rocket Deco
14	Toy Box Bricks	D · Tactile & handmade	Chunky, glossy, buildable	Open mockup 14, Toy Box Bricks
15	Chalkboard Academy	D · Tactile & handmade	Scholarly, doodled, encouraging	Open mockup 15, Chalkboard Academy
16	Issue #1 Comic Cover	A · Comic & pop art	Heroic, dramatic, collectable	Open mockup 16, Issue #1 Comic Cover
17	Brutalist Cartoon	E · Bold & graphic	Blunt, giant, uncompromising	Open mockup 17, Brutalist Cartoon
18	Pillar Box HQ	B · Retro & vintage	Dry, British, secretive	Open mockup 18, Pillar Box HQ
19	Storybook	D · Tactile & handmade	Warm, gentle, narrative	Open mockup 19, Storybook
20	Split Personality Duotone	C · Villain tech & contrast	Divided, vivid, transformative	Open mockup 20, Split Personality Duotone

A note on the artwork

Character artwork in these mockups is placeholder SVG/CSS. Once a direction is chosen, illustrated character art can be produced to match.