BoltPump

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.com

Color 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. |