Aryan SinghandClaude Opus 5
05ef5f2aef
The old page was the default dark-SaaS template: near-black ground, violet gradient headline, blur-glow orbs, glassmorphic rounded cards, emoji icons. It looked like every other generated landing page and said nothing about what the product is for. This one is built out of document materials, because the product is about documents: - Warm newsprint stock (#f2efe6) and warm near-black ink instead of near-black and violet. Two accents only, each with a job: vermilion is reserved exclusively for content that was hiding, olive for content that has been cleared. Nothing else gets to be colored. - Instrument Serif carries the headlines, Geist Mono carries labels and metadata, so the UI sans never has to pretend to be expressive. - Hairline rules do the structural work that bordered cards were doing. The six hiding places are now a numbered editorial list rather than a grid of identical rounded boxes, and the pipeline steps are a ruled table with serif numerals. - Left-aligned asymmetric hero with a colophon block, rather than everything stacked down the center axis. - The self-host section inverts to ink for tonal contrast, which also gives the terminal block somewhere natural to live. The page also now practices what it preaches: there is a real white-on-white sentence planted in the hero, and an X-ray switch in the nav reveals it. Selecting it works too, the same way it would in a PDF viewer. The four-stage demo keeps its behavior and moves to the new palette. Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
05ef5f2aef
·
2026-09-02 00:02:23 -05:00
History
This is a Next.js project bootstrapped with create-next-app.
Getting Started
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev
Open http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
Learn More
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
Deploy on Vercel
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.