inzight-analytics/website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

branding

Browse Source
This commit is contained in:
Tom Elliott 2025-04-20 12:18:51 +12:00
parent 5176f6a23c
commit 095695ca38
3 changed files with 32 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/app/(website)/brand/page.tsx
View File

@ -1,18 +1,33 @@
export default function Page() { export default function Page() {
return ( return (
<div className="flex justify-center "> <div className="flex justify-center ">
<div className="container p-4 flex flex-col gap-8"> <div className="container px-4 py-8 flex flex-col gap-8">
<div className="border-b"> <div className="border-b">
<h1 className="text-xl">iNZight Analytics Brand</h1> <h1 className="text-4xl mb-4">iNZight Analytics Brand</h1>
</div> </div>
<h2 className="text-lg">Colours</h2> <div className="">
<h2 className="text-2xl mb-2">Colours</h2>
<div className="h-32 flex gap-4 bg-gray-300 p-4"> <div className="h-32 flex gap-4 bg-gray-300 p-4">
<div className="w-3/5 bg-black"></div> <div className="w-3/5 bg-black"></div>
<div className="w-3/10 bg-white"></div> <div className="w-3/10 bg-white"></div>
<div className="w-1/10 bg-red-600"></div> <div className="w-1/10 bg-red-600"></div>
</div> </div>
</div> </div>
<div>
<h2 className="text-2xl mb-2">Typography</h2>
<div className="bg-gray-300 p-4">
<h1 className="text-4xl mb-4">Heading level 1</h1>
<h2 className="text-2xl mb-2">Heading level 2</h2>
<h3 className="text-xl mb-1">Heading level 3</h3>
<h4 className="font-bold mb-1">Heading level 4</h4>
<p>Normal paragraph text.</p>
</div>
</div>
</div>
</div> </div>
); );
} }

8
src/app/(website)/globals.css
View File

@ -1 +1,9 @@
@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap");
@import "tailwindcss"; @import "tailwindcss";
@theme {
/* FONT FAMILIES */
--font-sans: Inter, sans;
--font-display: var(--font-sans);
}

16
src/app/(website)/layout.tsx
View File

@ -1,17 +1,7 @@
import type { Metadata } from "next"; import type { Metadata } from "next";
import { Geist, Geist_Mono } from "next/font/google";
import "./globals.css"; import "./globals.css";
const geistSans = Geist({
variable: "--font-geist-sans",
subsets: ["latin"],
});
const geistMono = Geist_Mono({
variable: "--font-geist-mono",
subsets: ["latin"],
});
export const metadata: Metadata = { export const metadata: Metadata = {
title: "Create Next App", title: "Create Next App",
description: "Generated by create next app", description: "Generated by create next app",
@ -24,9 +14,7 @@ export default function RootLayout({
}>) { }>) {
return ( return (
<html lang="en"> <html lang="en">
<body className={`${geistSans.variable} ${geistMono.variable}`}> <body className={``}>{children}</body>
{children}
</body>
</html> </html>
); );
} }