feat(typography): upgrade site typography for premium feel
- Implement 'Playfair Display' serif font for headings - Refine heading weights, letter-spacing, and line-height - Add coffee bean SVG list markers - Style testimonials with serif italics - Add editorial drop-cap to About section - Ensure accessible contrast in dark mode
This commit is contained in:
@@ -36,7 +36,7 @@
|
||||
</script>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;800&display=swap" rel="stylesheet">
|
||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;800&family=Playfair+Display:ital,wght@0,400;0,700;0,900;1,400;1,700&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
|
||||
<link rel="stylesheet" href="styles.css">
|
||||
<style>
|
||||
@@ -115,7 +115,7 @@
|
||||
<h2>About Us</h2>
|
||||
<div class="row">
|
||||
<div class="col-lg-8">
|
||||
<p class="lead mb-4">Welcome to d@n tech! We specialize in creating stunning and efficient websites for businesses of all sizes.</p>
|
||||
<p class="lead mb-4 drop-cap">Welcome to d@n tech! We specialize in creating stunning and efficient websites for businesses of all sizes.</p>
|
||||
<p>Our team of experienced developers is dedicated to delivering high-quality web solutions that meet your unique needs. We believe in code that is as clean as a fresh pour-over and designs that are as rich as a dark roast.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user