Skip to content
Browse
Library

AYOCIN. Sunlit wellness totem.

  • Commerce
  • Light theme
  • 8 colors
  • 2 typefaces

AYOCIN stages wellness technology as a large, sculptural home object under soft natural light. Full-bleed cream, clay, and pale-yellow surfaces carry dark espresso typography, while the illuminated product becomes the visual center rather than a supporting image. Oversized compressed-looking display type and tiny utility labels create a deliberate scale contrast; pill controls, hairline dividers, and unshadowed cards keep the interface tactile but planar.

Visit ayocin.com
Screenshot of AYOCIN
Captured from ayocin.com on October 11, 2026

AYOCIN design system

AYOCIN

Accent3

  • Pale yellow feature-section background; it introduces the impression of natural daylight without becoming an interface accent

  • Muted warm section background for alternating editorial moments

  • Soft atmospheric background gradient for warm product and architectural scenes

Neutrals5

  • Primary text, dark page bands, dark filled buttons, input rules, and dark card surfaces

  • Hero backdrop and muted architectural surface behind warm product imagery

  • Hairline borders and restrained separators on light surfaces

  • Warm secondary surface, circular control fill, and contained graphic fields

  • Primary canvas, light cards, light-button fill, and text on espresso surfaces

Try a pairing

Pick any two colors from the palette to check whether text stays readable on top.

Aa

Espresso Ink on Daylight Wash

13.16 : 1 contrast

Background
Text
  • Body textPasses AA 4.5
  • Large textPasses AA 3
  • StrictPasses AAA 7

More DESIGN.md files. Same web, different personalities.