Skip to main content

Design idea: Clarity as a superpower

Our future-facing quality comes from legible systems, exact geometry and meaningful motion, not sci-fi clichés.

Core structure

  • The original A3 monogram and AIO3 wordmark: Preserve approved SVG paths, letterforms and proportions.
  • Research field: Light dot grids, layered networks, asterisks and topographic contours; avoid distracting backgrounds.
  • Human evidence: Natural imagery of building, mentoring and experimentation. Use recognizable real people only with permission.

Composition

Use generous negative space and confident asymmetric editorial grids. Approximate distribution is 70% calm paper/ink surfaces, 20% turquoise accents and 10% warm supporting tones.

Surfaces and shape

  • Buttons and controls: 8 px rounding.
  • Cards: 16 px rounding.
  • Immersive hero panels: 24 px rounding.
  • Pills/chips: fully rounded.
  • Elevation: restrained two-layer shadows, never heavier than level 3.

Motion

Durations: 100, 160, 240, 400 and 600 ms. Animation must explain state or relationships and respect prefers-reduced-motion.

Anti-patterns

No neon gradients, glossy robots, brains, cyberpunk purple, invented lettering, generic corporate handshakes or illegible low-contrast overlays.