Aesop
NGLORA - Apothecary's Formulary. A meticulously organized space where typography and product photography are treated with scientific precision.
The design evokes a scholarly apothecary's formulary, where every element is presented with meticulous precision. It operates on a starkly limited palette of warm off-white and charcoal, creating a high-contrast, text-forward environment. A rigid, architectural layout with sharp 0px corners dominates, reinforcing a sense of order and clinical quality. The system's signature is the typographic tension between the humanist serif 'Zapf-Humanist' for expressive headlines and the neutral sans-serif 'SuisseIntl' for all functional text, lending an air of classicism to a modern digital interface.
⚡️ Build with this templatehttps://aesop.comColor Palette
Typography
Heading: inherit
Body: inherit
The quick brown fox jumps over the lazy dog.
The quick brown fox jumps over the lazy dog.
# Aesop — Style Reference > NGLORA - Apothecary's Formulary. A meticulously organized space where typography and product photography are treated with scientific precision. Theme: light The design evokes a scholarly apothecary's formulary, where every element is presented with meticulous precision. It operates on a starkly limited palette of warm off-white and charcoal, creating a high-contrast, text-forward environment. A rigid, architectural layout with sharp 0px corners dominates, reinforcing a sense of order and clinical quality. The system's signature is the typographic tension between the humanist serif 'Zapf-Humanist' for expressive headlines and the neutral sans-serif 'SuisseIntl' for all functional text, lending an air of classicism to a modern digital interface. ## Colors | Name | Value | Role | |------|-------|------| | Parchment | `#fffef2` | Primary page background, light surfaces. | | Charcoal | `#333333` | Primary text, UI icons, primary buttons, borders. | | Ink Black | `#000000` | Hero section text, high-emphasis text elements. | | Carbon | `#252525` | Footer background, secondary dark surfaces. | | Stone | `#666666` | Secondary body text. | | Slate | `#d6d5cc` | Carousel scrollbar track. | | Alabaster | `#ffffff` | Text on dark backgrounds, rare highlight surfaces. | | Umber | `#945c26` | Accent text on specific badges; provides a rare, earthy color pop. | ## Typography | Family | Role | |--------|------| | SuisseIntl | The workhorse font for all UI text, body copy, navigation, product titles, and buttons. Its neutrality provides a stable, legible foundation for the more expressive serif. | | Zapf-Humanist | Reserved for major, atmospheric headlines. Its humanist serif form contrasts with the clinical sans-serif, adding an editorial, classic quality. |