Brand guide

The orb

Daryl's voice orb, held still: a deep-blue sphere with a cyan flow and a blue flow around a bright core, inside a soft halo. Cyan means Daryl is acting. Amber means Daryl needs you. Nothing else is coloured.

Marks

Use the glow orb as the logo. Use the flat orb at 32 px and below, where the halo would only blur. The mono orb is for one-ink uses and OS template icons.

Orb (glow)daryl-mark.svg

Orb (flat)daryl-mark-flat.svg

Monodaryl-mark-mono.svg

Needs you (state only)daryl-mark-needs-you.svg

Motion

The orb at rest: the flows turn once every 9 s and the core and halo breathe every 4.5 s, one seamless loop. Faster turns mean Daryl is working, so the logo always uses the resting speed. With reduced motion on, it holds still.

Animated SVGmotion/daryl-orb-animated.svg

Video loop.mp4 · .mov (transparent) · .gif

Lockups

Horizontal, darkdaryl-lockup-horizontal.svg

Horizontal, lightdaryl-lockup-horizontal-light.svg

Stacked, darkdaryl-lockup-stacked.svg

Stacked, lightdaryl-lockup-stacked-light.svg

App icons

One tile everywhere: the orb on Void with a faint blue lift. Platforms that mask (iOS, Android, PWA) get the square; macOS gets its own inset and corner.

macOSDaryl.icns

iOS / PWAdaryl-ios-1024.png

Android adaptiveic_launcher_*.xml

Wear OSround launcher

Sizes

Minimums: 16 px for the flat orb, 24 px for the glow orb, 120 px wide for the horizontal lockup.

Clear space

Keep at least half the sphere's radius clear on every side of the sphere. The halo may sit inside that space; nothing else may.

Colour

Don't

Recolour it (amber is a state, not a theme)

Stretch or squash it

Add shadows or outlines

Rotate the flows

Type

• Wordmark: Michroma, outlined in every file. "DARYL" in the wordmark, "Daryl" in running text.
• Headings: Space Grotesk. Body: Inter. Data: JetBrains Mono. All on Google Fonts (SIL Open Font License).