Compare commits
7 Commits
3D
...
b77883a16c
| Author | SHA1 | Date | |
|---|---|---|---|
| b77883a16c | |||
| e69e20f753 | |||
| 9186d90aac | |||
| 3bed358990 | |||
| c6143d7d13 | |||
| 4ccfaf7b92 | |||
| 24beb5aa5e |
@@ -6,8 +6,6 @@ All notable changes to the New Optic website will be documented in this file.
|
||||
|
||||
### Changed
|
||||
|
||||
- Added a New York-style display font stack for large latin headings while keeping SF-style UI text.
|
||||
- Switched the latin typography to an SF Pro-style system font stack for a more Apple-like feel.
|
||||
- Removed the desktop liquid glass WebGL layer from navbar and CTA controls so text remains readable and glass surfaces do not show dark rendering artifacts while scrolling.
|
||||
- Replaced the mobile hamburger dropdown with a fast, solid menu animation without bounce or stretch effects.
|
||||
- Kept the language switcher visible in the mobile top navigation bar.
|
||||
|
||||
@@ -6,8 +6,6 @@
|
||||
color-scheme: light;
|
||||
--bg: #f6f5f2;
|
||||
--ink: #111317;
|
||||
--font-sans: "SF Pro Text", "SF Pro Display", -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
||||
--font-display: "New York Large", "New York", "NewYork", ui-serif, Georgia, Cambria, "Times New Roman", serif;
|
||||
}
|
||||
|
||||
* {
|
||||
@@ -26,7 +24,7 @@ body {
|
||||
url('/assets/New-optic-BG-mobile.webp') center top / cover scroll,
|
||||
linear-gradient(180deg, #fbfaf8 0%, #f6f5f2 42%, #ffffff 100%);
|
||||
color: var(--ink);
|
||||
font-family: var(--font-sans);
|
||||
font-family: var(--font-sans), system-ui, sans-serif;
|
||||
text-rendering: optimizeLegibility;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
}
|
||||
@@ -69,10 +67,6 @@ body[dir="rtl"] {
|
||||
font-family: var(--font-arabic), system-ui, sans-serif;
|
||||
}
|
||||
|
||||
body:not([dir="rtl"]) :where(h1, h2) {
|
||||
font-family: var(--font-display);
|
||||
}
|
||||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: none;
|
||||
|
||||
@@ -1,9 +1,10 @@
|
||||
import type { Metadata } from "next";
|
||||
import { Noto_Kufi_Arabic } from "next/font/google";
|
||||
import { Inter, Noto_Kufi_Arabic } from "next/font/google";
|
||||
import "./globals.css";
|
||||
import { business } from "@/config/business";
|
||||
import { fr } from "@/messages/fr";
|
||||
|
||||
const inter = Inter({ subsets: ["latin"], variable: "--font-sans", display: "swap" });
|
||||
const arabic = Noto_Kufi_Arabic({ subsets: ["arabic"], variable: "--font-arabic", display: "swap" });
|
||||
|
||||
export const metadata: Metadata = {
|
||||
@@ -27,7 +28,7 @@ export const metadata: Metadata = {
|
||||
|
||||
export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
|
||||
return (
|
||||
<html lang="fr" className={`${arabic.variable} scroll-smooth`}>
|
||||
<html lang="fr" className={`${inter.variable} ${arabic.variable} scroll-smooth`}>
|
||||
<body>
|
||||
{children}
|
||||
</body>
|
||||
|
||||
@@ -11,8 +11,7 @@ const config: Config = {
|
||||
optical: "#315f8f"
|
||||
},
|
||||
fontFamily: {
|
||||
sans: ["var(--font-sans)"],
|
||||
display: ["var(--font-display)"],
|
||||
sans: ["var(--font-sans)", "Inter", "system-ui", "sans-serif"],
|
||||
arabic: ["var(--font-arabic)", "system-ui", "sans-serif"]
|
||||
},
|
||||
boxShadow: {
|
||||
|
||||
Reference in New Issue
Block a user