From 0e1d128e0c0a5970139f4e8ec7a12bdf6bff2721 Mon Sep 17 00:00:00 2001 From: Jeff Emmett Date: Wed, 25 Feb 2026 19:06:31 -0800 Subject: [PATCH] Add handwritten sharpie fonts and casual wobble styling Swap clean monospace headings for Permanent Marker (sharpie) and Caveat (handwriting) Google Fonts to match the irreverent anti-finance tone. Add wobble rotations and scrawly underlines on section headers. Co-Authored-By: Claude Opus 4.6 --- app/globals.css | 26 ++++++++++++++++++++++++++ app/layout.tsx | 14 +++++++++++++- app/page.tsx | 44 ++++++++++++++++++++++---------------------- 3 files changed, 61 insertions(+), 23 deletions(-) diff --git a/app/globals.css b/app/globals.css index 77e5ac0..ce8f413 100644 --- a/app/globals.css +++ b/app/globals.css @@ -8,6 +8,8 @@ --color-zen: #f5f5dc; --color-sloth: #c3b091; --font-family-mono: "Courier New", monospace; + --font-family-marker: var(--font-marker), "Permanent Marker", cursive; + --font-family-caveat: var(--font-caveat), "Caveat", cursive; } @keyframes float-up { @@ -54,3 +56,27 @@ animation-delay: 1s; width: 0; } + +/* Casual wobble classes for that hand-drawn feel */ +.wobble-1 { transform: rotate(-1.5deg); } +.wobble-2 { transform: rotate(0.8deg); } +.wobble-3 { transform: rotate(-0.5deg); } +.wobble-4 { transform: rotate(1.2deg); } + +/* Scrawly underline for section headers */ +.scrawl-underline { + position: relative; + display: inline-block; +} +.scrawl-underline::after { + content: ''; + position: absolute; + left: -5%; + bottom: -4px; + width: 110%; + height: 3px; + background: var(--color-anti-green); + transform: rotate(-0.5deg) scaleX(0.95); + border-radius: 2px; + opacity: 0.6; +} diff --git a/app/layout.tsx b/app/layout.tsx index b130270..b9162ff 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,6 +1,18 @@ import type { Metadata } from 'next' +import { Permanent_Marker, Caveat } from 'next/font/google' import './globals.css' +const marker = Permanent_Marker({ + weight: '400', + subsets: ['latin'], + variable: '--font-marker', +}) + +const caveat = Caveat({ + subsets: ['latin'], + variable: '--font-caveat', +}) + export const metadata: Metadata = { title: 'NoFi | No Finance. No Money. No Tokens. Just Do Less.', description: 'The revolutionary movement of doing absolutely nothing with your money. Because you don\'t have any. And that\'s the point.', @@ -20,7 +32,7 @@ export default function RootLayout({ }) { return ( - + {children} diff --git a/app/page.tsx b/app/page.tsx index 197abc2..bc1602d 100644 --- a/app/page.tsx +++ b/app/page.tsx @@ -8,17 +8,17 @@ export default function Home() {

a movement against movements

-

+

NoFi

-

+

No Finance. No Money. No Tokens.

-

+

Just Do Less.

-
- +
+ Don't click anything. That's the spirit.
@@ -31,7 +31,7 @@ export default function Home() { {/* Anti-Whitepaper */}
-

+

The Anti-Whitepaper

@@ -43,7 +43,7 @@ export default function Home() {

It won't. So we stopped trying.

-

+

NoFi is the radical proposition that the best financial system is no financial system. The best token is no token. The best thing to do with your money is to not have any. @@ -60,7 +60,7 @@ export default function Home() { {/* Features (Anti-Features) */}

-

+

Features We Don't Have

@@ -96,9 +96,9 @@ export default function Home() { desc: "We have no team, no advisors, no investors. We barely have a website. Look at us underachieve." } ].map((f, i) => ( -
-
{f.icon}
-

{f.title}

+
+
{f.icon}
+

{f.title}

{f.desc}

))} @@ -109,11 +109,11 @@ export default function Home() { {/* Tokenomics */}
-

+

Tokenomics

-
$0
+
$0

Total Supply: 0

Circulating Supply: 0

Market Cap: 0

@@ -128,7 +128,7 @@ export default function Home() { {/* Comparisons */}
-

+

NoFi vs. Everything Else

@@ -194,10 +194,10 @@ export default function Home() { {/* Manifesto */}
-

+

The NoFi Manifesto

-
+

We believe in doing less.

We believe the best investment is a nap.

We believe every problem caused by money
can be solved by less money.

@@ -212,7 +212,7 @@ export default function Home() { {/* FAQ */}
-

+

Frequently Unasked Questions

@@ -247,8 +247,8 @@ export default function Home() { } ].map((faq, i) => (
-

{faq.q}

-

{faq.a}

+

{faq.q}

+

{faq.a}

))}
@@ -258,15 +258,15 @@ export default function Home() { {/* CTA */}
-

+

Ready to do nothing?

You already are. Congratulations. You've reached the end of the website and accomplished exactly as much as we intended.

-
- +
+ Button Intentionally Disabled