Skip to content

home page design, see /3 page - #2

Open
azaidelson wants to merge 5 commits into
mainfrom
design-variants
Open

home page design, see /3 page#2
azaidelson wants to merge 5 commits into
mainfrom
design-variants

Conversation

@azaidelson

Copy link
Copy Markdown

Home page design — the updated design lives on /3

👉 The finished, updated homepage design is the /3 route. Start there when reviewing — that's the direction to look at.

/1/7 are exploratory hero variants from earlier work on this branch; /3 is the one that has been carried through end to end and is the intended design.

What /3 is

The whole page is redesigned in the Foundry / sealed-manifest language so it reads as one continuous forged surface from hero to footer (previously the body dropped to a generic theme below the hero):

  • Nav — iron bar with the hammer-forge brand mark
  • Hero — sealed agent.sealed manifest card (hammer & anvil animation removed, to revisit later)
  • Why SecretForge — forged panels with 2.5px ember line-icons
  • How it works — a real numbered forge sequence (01/02/03) on a connecting hairline
  • What you can deploy — picking a runtime + model forges a live agent.sealed card and ignites the Deploy button
  • Footer + a new matching /privacy page (linked from the footer)
  • Brand favicon/logo assets; the cream hammer/anvil glyph appears in the nav and stamped on the seal

Scope / safety

  • Shared homepage components (HomeShell, WhyCards, HowItWorks) are untouched, so variants /1, /2, /4–/7 are unaffected.
  • New styling is namespaced under .fg* — no collisions with existing CSS.
  • The only shared edit is a copy tweak ("attested open source models").

Verify

  • /3 — the updated design
  • /privacy — matching legal page

- Refactor homepage into a shared HomeShell (nav + sections + footer) with a swappable hero; original hero stays at /
- /1 Foundry (forged maker's-mark seal), /2 Monument (centered molten typography), /3 Manifest (sealed config card)
- /4-/7 themeable Manifest via CSS variables: Cold Steel, Signet, Ultraviolet, and SecretAI (light) palettes/fonts
- /3 headline, CTA, SF monogram and header bar use a gold-orange-to-Secret-red (#FB2011) gradient
- Add Archivo, JetBrains Mono, Space Grotesk, Fraunces, IBM Plex Mono, Sora, Poppins via next/font
- Replace 'Secret Network' with 'Powered by SecretVM'
Redesign the /3 homepage variant end to end in the Foundry / sealed-manifest
language so it reads as one continuous forged surface from hero to footer:

- Foundry nav, Why (forged line-icons), How (numbered forge sequence), and a
  What-you-deploy section whose runtime/model picks forge a live agent.sealed
  manifest card and ignite the Deploy button.
- Removed the hammer & anvil hero animation (to revisit later).
- New /privacy page styled to match, linked from the footer.
- Brand favicon/logo assets; hammer-forge glyph in the nav and on the seal.

Shared homepage components are untouched, so variants /1, /2, /4-/7 are unaffected.
The /3 hero agent.sealed card now cycles the runtime (OpenClaw / Hermes) and
model (Claude / ChatGPT BYO key, SecretAI gpt-oss, SecretAI Gemma), each value
fading in as it changes. Respects prefers-reduced-motion.
The tools row now cycles through connector sets (Gmail, Telegram/Slack,
Discord, Notion/GitHub, Calendar/Drive, WhatsApp) and the attestation hex
re-rolls on each tick. Hex is derived deterministically from the tick so
server and first client render agree (no hydration mismatch).
- Reframe /privacy for SecretForge (accounts, wizard/agent config, and sealed
  BYO keys/connector tokens) instead of the verbatim SecretAI Portal policy.
- Let the wax seal overhang the manifest card corner again (was clipped by
  overflow:hidden); header and bottom strip now round their own corners.
- Point the shared homepage footer Privacy link at /privacy (was a dead #).
- Add robots noindex to the exploratory variant routes /1-/7.
- preload:false on the five fonts only used by /2,/4-/7 so the main site,
  sign-in, and wizard don't pay for them.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant