24w.in — Final Sitemap + Homepage Copy
24w.in — Final Sitemap + Homepage Copy
Positioning
24w.in is a personal brand ecosystem for Tony Cu: portfolio, lab, notes, infrastructure, and selective brand expressions gathered under one domain family.
The main site should feel authored, cinematic, exacting, and systems-minded.
Domain Architecture
1. 24w.in
Role: Ecosystem hub / manifesto / orientation layer
Purpose: Explain the world of 24w, route visitors to the correct subdomain, establish tone, and frame the work.
Primary pages / sections:
- Home
- Philosophy
- Ecosystem
- Brand Notes
- Contact / routing block
2. tony.24w.in
Role: Main personal site / portfolio
Purpose: Establish who Tony is, what he does, selected work, tools, current focus, and how to get in touch.
Primary pages:
- Home
- About
- Work
- Case Studies Index
- Case Study 01
- Case Study 02
- Case Study 03
- Case Study 04
- Tools
- /now
- Contact
3. sett.24w.in
Role: Brand / identity expression layer
Purpose: Hold SETT-related presentation, creative framing, mood, and selective identity-led work.
Primary pages:
- Home / landing page
- About the concept
- Signals / references
- Contact / inquiry
4. lab.24w.in
Role: Experimentation and R&D
Purpose: House prototypes, unfinished ideas, AI workflows, system experiments, interface explorations.
Primary pages:
- Home
- Experiments index
- Individual experiment pages
- Methods / stack
5. notes.24w.in
Role: Public notes / writing / thinking
Purpose: Publish essays, short notes, references, and structured thinking from PKM / systems work.
Primary pages:
- Home
- Notes index
- Essays
- Topic pages
- Individual note pages
6. app.24w.in
Role: Product / utility layer
Purpose: Surface tools, internal apps, utilities, automations, or interactive proofs-of-concept.
Primary pages:
- Home
- Apps index
- Individual app pages
- Changelog / updates
7. nas.24w.in
Role: Infrastructure / systems domain
Purpose: Showcase NAS, Synology, Docker, orchestration, and systems architecture work.
Primary pages:
- Home
- Infrastructure overview
- Stack / services
- Build notes
- Contact
24w.in Homepage Structure
Header
- Wordmark / 24W mark
- Navigation: Philosophy / Ecosystem / Brand Notes / Enter Tony
- Utility links: Notes / Lab / Contact
Hero
- Oversized numeric marker: 24
- Eyebrow: Personal systems, selective work, and authored infrastructure
- H1
- Supporting paragraph
- Primary CTA
- Secondary CTA
Section 01 — What 24w is
Short editorial explanation of the ecosystem and the kind of work it contains.
Section 02 — Ecosystem Grid
Card grid linking to tony / notes / lab / app / nas / sett.
Section 03 — Operating Philosophy
3–5 principles: systems over noise, clarity over clutter, authorship over templates, infrastructure as practice, notes as leverage.
Section 04 — Selected Threads
A compact preview strip for:
- portfolio work
- experiments
- notes / essays
- infrastructure
Section 05 — Closing CTA
Direct routing language for collaborators, clients, peers, and curious visitors.
Footer
- domain map
- contact
- provenance / build note
Homepage Copy — 24w.in
Meta Title
24w.in — Portfolio, Systems, Notes, and Infrastructure
Meta Description
24w.in is the personal ecosystem of Tony Cu: portfolio, experiments, notes, apps, and infrastructure gathered into one authored web system.
Header / Nav Labels
- Philosophy
- Ecosystem
- Brand Notes
- Tony
- Notes
- Lab
- Contact
Hero Eyebrow
Personal systems, selective work, and authored infrastructure.
Hero Headline
A web ecosystem for work, thought, and built systems.
Hero Supporting Copy
24w.in gathers the things I make, refine, document, and test: portfolio work, experiments, notes, tools, and infrastructure. Each domain has a job. Together they form one operating environment.
Hero CTAs
- Enter the ecosystem
- View portfolio
Section Copy
Section 01 Label
What 24w is
Section 01 Heading
Not a single website. A structured domain system.
Section 01 Body
24w.in is designed as a family of connected spaces rather than one catch-all homepage. The goal is clarity: work lives where work belongs, writing lives where thinking belongs, and systems live where systems can be shown with proper context.
Section 02 Label
Ecosystem
Section 02 Heading
Each domain has a role.
Section 02 Intro
Use the grid below to enter the part of the system that matches your reason for being here.
Ecosystem Cards
tony.24w.in
Label: Portfolio
Copy: Personal site, selected work, case studies, tools, current focus, and contact.
notes.24w.in
Label: Notes
Copy: Writing, references, structured thinking, and working ideas made public.
lab.24w.in
Label: Lab
Copy: Prototypes, experiments, AI workflows, and early-stage system tests.
app.24w.in
Label: Apps
Copy: Utilities, interactive tools, and product-like proofs of concept.
nas.24w.in
Label: Infrastructure
Copy: Synology, Docker, orchestration, services, and architecture notes.
sett.24w.in
Label: Identity
Copy: Selective brand expression, concept framing, and aesthetic side channels.
Philosophy Copy
Section 03 Label
Operating philosophy
Section 03 Heading
Built with intention, not accumulation.
Principle 01
Systems over noise
I build structures that reduce friction, preserve context, and make work easier to repeat.
Principle 02
Authorship over templates
The site should feel made, not assembled. Every page should reflect deliberate choices in hierarchy, language, and pacing.
Principle 03
Notes as leverage
Documented thinking compounds. Clear notes turn private process into reusable infrastructure.
Principle 04
Infrastructure as practice
Back-end systems, automation, and knowledge architecture are not support work alone; they are part of the craft.
Selected Threads Copy
Section 04 Label
Selected threads
Section 04 Heading
A few ways the work shows up.
Thread 01
Portfolio
Systems design, nonprofit tech operations, AI workflow architecture, and knowledge environments.
Thread 02
Experiments
Interface studies, MCP integrations, prompt systems, orchestration patterns, and prototypes.
Thread 03
Writing
Working notes on AI agents, PKM, operations, infrastructure, and design decisions.
Thread 04
Infrastructure
Dockerized services, Synology environments, automation layers, and durable internal systems.
Closing CTA Copy
Label
Routing
Heading
Start where it makes sense.
Body
If you want the work, go to the portfolio. If you want the thinking, go to the notes. If you want the experiments, enter the lab. If you want to talk, use the contact path.
CTA Options
- Enter Tony
- Read notes
- Open lab
- Make contact
Footer Copy
24w.in is an authored domain system for portfolio, notes, experiments, applications, and infrastructure.
Built for clarity, reuse, and extension.
Tone + Look and Feel Spec
- Dark editorial foundation
- Oversized numeric markers used sparingly as recurring navigational signatures
- Card-based composition with uneven module sizing
- Black-and-white photography only where imagery is used
- Heavy white space and restrained accent color usage
- Minimal, confident copy; no startup language, no generic portfolio filler
Tony Homepage Structure (tony.24w.in)
Because tony.24w.in is the main portfolio layer, its homepage should be:
- Hero
- Selected work
- About / positioning
- Current focus
- Ecosystem links
- Contact
Tony Hero Draft
Headline: Tony Cu builds systems for work, knowledge, and operational clarity.
Body: I design and implement AI workflows, knowledge environments, infrastructure, and organizational systems that make complex work easier to run.
Tony Positioning Line
Funds development and marketing director, systems builder, and AI workflow architect.
Case Study Template
Use this exact order for all case studies:
- Overview
- Challenge
- Approach
- Outcome
- Takeaways
Keep each case study concise, structured, and repeatable.
