Next.js (Pages Router)

Font Family and Typography

The components use the Plus Jakarta Sans font family, which is imported from Google Fonts. This font family is used throughout the components to ensure a consistent and visually appealing typographic style.

layout.tsx

import { Plus_Jakarta_Sans } from "next/font/google";
// ...

const font = Plus_Jakarta_Sans({ subsets: ["latin"] });

export default function MyApp({ Component, pageProps }) {
    return (
        <main className={font.className}>
            <Component {...pageProps} />
        </main>
    );
}

npx @colidy/ui init