CURATED · OPEN · FREE

Drink818

Premium tequila brand site featuring an elegant, muted earthy palette and a blend of serif and mono typography.

01

Identity DNA

A high-end boutique tequila brand website with a refined, earthy aesthetic.

02

Color

Earthy and refined palette using a warm cream background, dark charcoal text, and a muted olive green for secondary sections.

03

Typography

transitional-serif · monospaced

• display34px · 700
• body20px · 400

All-caps styling for navigation and legal text. · Wide letter-spacing applied across the interface for a refined look. · Transitional serif used for expressive text, while monospaced is used for almost all UI elements.

04

Spacing

A consistent 4px base grid is used for padding, margins, and component spacing.

05

Surfaces

1px solid rgba(14, 17, 17, 0.12) for inputs and subtle dividers.

0px 9999px 0px 9999px rgba(0, 0, 0, 0.4) for modal overlays · 0px 0px 10px 3px rgba(122, 122, 122, 0.2) for subtle lift

06

Layout

Centered, single-column layouts with generous vertical spacing and large typography.

07

Motion & Interaction

Smooth transitions for background-size and opacity changes. · Transform-based animations for page elements with a custom cubic-bezier easing.

Subtle background-size or opacity transitions on interactive elements. · Standard active states with immediate feedback.

08

Components

• button Solid cream or green backgrounds with monospaced uppercase text and small border-radius.
• card Not heavily featured, but implied by section blocks with generous padding.
• chip Not present.
• input Monospaced uppercase text with a light border and subtle border-radius.
• hero Large image background or solid color block with massive, bold serif typography.

09

Voice & Don'ts

• Tone Sophisticated, confident, and legally precise.
• Headlines Bold, all-caps, and expressive serif typography.
• CTAs Direct, uppercase, and functional using a clean monospaced font.

• Don't use bright, high-saturation accent colors — the screenshot shows a muted earthy palette with olive and cream.
• Don't use rounded, geometric sans-serif fonts for UI — the screenshot exclusively uses transitional-serif and monospaced fonts.
• Don't use small, cramped spacing — the screenshot shows generous padding and large gaps between elements.
• Don't use complex, multi-column layouts for content — the screenshot shows a clean, centered single-column layout.
• Don't use lowercase text for primary navigation or CTAs — the screenshot shows consistent use of uppercase letters.
• Don't use drop shadows for depth on primary UI elements — the screenshot uses flat colors with very subtle shadows only for overlays.
• Avoid: Avoid overly playful or casual language.
• Avoid: Avoid bright, high-chroma neon colors.
• Avoid: Avoid dense text blocks without generous spacing.

10

Inside the pack — real screenshots

Captured from the live site · real computed styles

11

System prompt

en · zh-CN · zh-TW · ja · ko