Typografie

# Typographic Scale for Web Design ## Base Settings - Base font size: 16px (1rem) - Base line height: 1.5 ## Scale 1. **H1 - Main Heading** - Font size: 3rem (48px) - Line height: 1.2 - Font weight: 700 (Bold) 2. **H2 - Section Heading** - Font size: 2.5rem (40px) - Line height: 1.3 - Font weight: 600 (Semi-bold) 3. **H3 - Subsection Heading** - Font size: 2rem (32px) - Line height: 1.4 - Font weight: 600 (Semi-bold) 4. **H4 - Minor Heading** - Font size: 1.5rem (24px) - Line height: 1.4 - Font weight: 600 (Semi-bold) 5. **Body Text** - Font size: 1rem (16px) - Line height: 1.5 - Font weight: 400 (Regular) 6. **Small Text / Captions** - Font size: 0.875rem (14px) - Line height: 1.6 - Font weight: 400 (Regular) 7. **Micro Text (e.g., footer text)** - Font size: 0.75rem (12px) - Line height: 1.6 - Font weight: 400 (Regular) ## Explanations: - This scale uses a ratio of approximately 1.25 between each step, creating a harmonious progression. - Larger headings have tighter line heights for a more compact appearance, while smaller text has more generous line height for improved readability. - Font weights decrease as you move down the hierarchy, emphasizing the importance of larger headings. - Using rem units allows for easy scaling across different screen sizes and user preferences. - The body text size of 16px (1rem) is considered optimal for readability on most devices. - Smaller text sizes (14px and 12px) are used sparingly to maintain legibility, especially on mobile devices. ## Suggested Font Styles: - For headings: A bold sans-serif font (e.g., Roboto, Open Sans, or Montserrat) - For body text: A highly readable serif or sans-serif font (e.g., Merriweather, Lora, or Source Sans Pro) This scale provides a balanced hierarchy that works well across various screen sizes while maintaining readability and visual appeal.

**Chicken Shawarma Order Summary:** - ✅ Chicken shawarma - ✅ Lettuce - ✅ Sauce (type unspecified) - ❌ No fries - ❌ No drink - ❌ No tomato **Payment Status:** Uncertain - Intended: Apple Pay - Issue: Customer unsure of phone/wallet location - Actual payment method: To be determined **Design Request:** Creating handwritten-style fonts to convert regular text into a handwritten appearance. **Recommendation:** 1. Clarify payment method with cashier before completing order 2. Provide more details on font design requirements to designer, such as: - Desired handwriting style (cursive, print, etc.) - Any specific character features - Intended use cases for the font

**Original Text:** Raj **Stylized Versions:** 1. **Playful and Whimsical:** - **Font Style:** Bubble Letters - **Color Scheme:** Pastel Rainbow - **Result:** 🌈🎈🌸 R ⭐ A ✨ J 🌟 2. **Elegant and Modern:** - **Font Style:** Cursive Script - **Color Scheme:** Gold and Black - **Result:** ✨🖋️ R ✒️ A 🖋️ J ✨ 3. **Bold and Vibrant:** - **Font Style:** Neon Glow - **Color Scheme:** Electric Blue and Pink - **Result:** 🌟💙 R 💖 A 💙 J 💖🌟 4. **Classic and Timeless:** - **Font Style:** Serif Italic - **Color Scheme:** Deep Red and Ivory - **Result:** 🍷🖤 R 🍷 A 🖤 J 🍷 5. **Minimalist and Clean:** - **Font Style:** Sans-Serif Bold - **Color Scheme:** Monochrome (Black and White) - **Result:** ⚫ R ⚪ A ⚫ J ⚪ 6. **Artistic and Abstract:** - **Font Style:** Graffiti Style - **Color Scheme:** Urban Colors (Grey, Green, and Orange) - **Result:** 🎨🖌️ R 🎨 A 🖌️ J 🎨 7. **Futuristic and Techy:** - **Font Style:** Pixelated - **Color Scheme:** Cyberpunk (Purple and Teal) - **Result:** 💜💻 R 💚 A 💻 J 💚 8. **Nature-Inspired:** - **Font Style:** Leafy Script - **Color Scheme:** Earth Tones (Green and Brown) - **Result:** 🌿🍂 R 🌿 A 🍂 J 🌿

# Noel Nouveau **Font Type:** Sans-serif with handwritten accents **Description:** Noel Nouveau is a bold, minimalist sans-serif font with subtle handwritten flourishes that add a touch of romance and innovation to the traditional Christmas aesthetic. This font strikes a perfect balance between modern simplicity and festive charm. **Key Features:** - Clean, geometric letterforms with slightly rounded edges - Handwritten swashes on select uppercase letters (N, C, J, M) - Playful alternates for lowercase letters (a, e, r, s) - Variable stroke width for a dynamic, energetic feel **Emotions/Associations:** - Contemporary elegance - Warmth and intimacy - Festive spirit with a twist **Suitable Use Cases:** - Holiday greeting cards and invitations - Modern Christmas packaging and branding - Winter fashion lookbooks and catalogs - Upscale restaurant menus for holiday specials **Color Scheme:** - Primary: Deep crimson (#B22222) - Secondary: Matte gold (#D4AF37) - Accent: Cool white (#F0F8FF) **Design Inspiration:** Inspired by the sleek lines of Scandinavian design and the warmth of handwritten love letters, Noel Nouveau reimagines Christmas typography for the 21st century. It's perfect for brands and designers looking to create a fresh, romantic holiday aesthetic that stands out from traditional red and green motifs.