Skip to content
Library

A-WARE. Apothecary editorial on warm parchment.

  • Commerce
  • Light theme
  • 9 colors
  • 3 typefaces

A-WARE speaks in the quiet language of an editorial apothecary: vast off-white parchment surfaces, black ink typography, and a single warm bronze accent that only appears as functional punctuation. The interface is almost entirely achromatic — cream canvas, near-black text, hairline rules — letting the product photography (dark matte canisters against bright void) carry the visual weight. A condensed display face whispers authority rather than shouting it; body text uses a clean grotesk with generous tracking on labels (0.10em uppercase) to evoke pharmaceutical precision. Components are spare and geometric: ghost pill buttons, thin black dividers, product cards that float as if pinned to the page, and almost no elevation. Every screen should feel like a page torn from a premium sports-science magazine.

Screenshot of A-WARE
Captured from a-ware.at on October 11, 2026

A-WARE design system

A-WARE

Brand1

  • Sole chromatic accent — product award seals, premium badges, decorative icon strokes. Warm against matte black, evokes a pharmacist's stamp on a label

Accent1

  • Green wash for highlight backgrounds, decorative bands, and soft emphasis behind content

Neutrals7

  • Primary text, hairline borders, icon strokes, button outlines — the near-total absence of color in the UI makes pure black the structural backbone

  • Body text secondary, form field borders — a soft black that softens dense body copy

  • Medium-contrast borders, control outlines, and structural separators.

  • Disabled borders and ultra-subtle dividers

  • Subtle surface step for footers and the deepest background band — barely darker than Parchment, used to create quiet zone separation

  • Warm off-white surface layer above the page — hero overlays, section backgrounds, and elevated product zones

  • Primary canvas, card surfaces, button text on dark fills

Try a pairing

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

Aa

Obsidian Ink on Bronze Seal

5.50 : 1 contrast

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

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