GUIDE 11 / Design and assets
Visual identity
The blog name, Real World hero, robot cat mark, palette, typography and editorial voice.
In this guide +
The exact public name is living in a cat world. Keep it in English and lowercase. The hero headline is living in the real world; it describes the project’s direction and does not rename the blog. This is a personal project journal, with the physical iPhone robot as the first build.
Identity#
Use the simple robot cat head as the logo and favicon. It is a graphic mark, not a full mascot character. The original portrait is not used.
Palette#
- Charcoal background:
#101011. - Dark surfaces:
#19191b,#222224. - Warm paper and primary text:
#f0e9df. - Vermilion accent:
#f04b41. - Secondary text:
#aca6a0.
Dark backgrounds dominate. Warm paper is reserved for sketches, receipts and CAD contact sheets. Use red sparingly for annotations, links and markers. No glowing gradients.
Voice#
The central idea is “building an AI that can live in the real world.” Describe perception and physical action through concrete milestones, starting with the iPhone robot. Keep cat references subtle: the name, the robot cat logo, and an occasional natural nod. Write with purpose and confidence. Describe goals and verified progress precisely, and keep development milestones explicit.
Typography and composition#
Self-hosted Space Grotesk for the main text and headings; Georgia italic as an editorial counterpoint; system monospace for dates, records and small annotations. Space Grotesk is distributed under the SIL Open Font License; its notice is in public/assets/fonts/OFL-SpaceGrotesk.txt.
Use large documentary imagery, asymmetrical field notes, loose paper edges and visible workshop details. Avoid generic feature-card grids, stock marketing headlines, scrolling text strips, marquees and decorative motion. All text stays still. User-triggered interactions explain the actual design.
Illustration and evidence#
Use raw graphite, ink, rough charcoal hatching, red construction lines and imperfect outlines for conceptual hardware sketches. Keep the iPhone recognizable. Exact manufacturing CAD and financial records are separate from decorative artwork.
A concept sketch is not evidence of a finished build. CAD does not prove physical fit or performance. Keep amounts, source dates and validation status intact.
Assets#
public/assets/brand/robot-cat-v1.png: original AI-generated logo, transparent.public/assets/brand/robot-cat-180.png: web logo.public/assets/brand/robot-cat-48.png: favicon.public/assets/prototype-rough-v1.png: conceptual hardware sketch.public/assets/printed-parts.png: actual CAD contact sheet.public/assets/social-cat-world-dark-v3.png: native social layout captured frompublic/brand-preview.html.
Logo generation prompt and mode: ROBOT-CAT-PROMPT.md. Hardware illustration brief: ART-PROMPTS.md.