UINUX Marketing

A composable, static-first marketing system built on Astro with a Next.js adapter, designed to be owned and maintained long-term.

Systems, not themes.

Quick Start

npm install
npm run dev

The dev server starts at localhost:4321.

npm run build
npm run preview

Builds static output to dist/ and previews locally.

Architecture

Design Tokens

All visual decisions live in src/tokens/tokens.css as CSS custom properties. This is the single source of truth consumed by both Astro and the Next.js adapter.

Tokens: background, foreground, muted, border, surface, accent.

Components (10)

Component	Description
Button	Primary, secondary, ghost. Renders as link or button.
Link	Styled anchor with external link support.
Card	Default (filled) or bordered container.
Section	Vertical spacing wrapper (sm/md/lg/xl).
Container	Max-width wrapper (narrow/default/wide).
Navbar	Sticky navigation with blur backdrop.
Footer	Multi-column footer with brand and links.
Badge	Small label, default or outline.
CodeBlock	Styled code display with optional title.
Divider	Horizontal rule.

Sections (6)

Section	Description
Hero	Title, description, badge, up to two actions.
FeatureGrid	Grid of feature cards with optional header.
SocialProof	Centered quote with attribution.
Pricing	Tier-based pricing cards.
CTA	Call to action with title and button.
FooterSection	Wraps the Footer component.

Pages (12)

Core pages:

/ — Home
/pricing — Simple pricing
/docs — Documentation and usage
/changelog — Version history
/license — License terms

System pages:

/preview — Read-only preview of all sections in use
/components — Read-only inventory of all 10 components
/guidelines — Usage guidelines and system boundaries
/framework-parity — Astro vs Next.js relationship document

Starter presets:

/presets/startup — Lean landing page (Hero, Feature Grid, CTA)
/presets/saas — Full marketing page (all sections)
/presets/studio — Confidence-first page (Hero, Social Proof, Feature Grid, CTA)

Starter Presets

Three opinionated starting compositions. Same components, same tokens, different section order and copy.

Preset	Hero	Feature Grid	Social Proof	Pricing	CTA
Startup	yes	3 items	—	—	yes
SaaS	yes	6 items	yes	2 tiers	yes
Studio	yes	3 items	yes (first)	—	yes

Presets do not introduce new components, sections, styles, or tokens.

Folder Structure

src/
  tokens/
    tokens.css              # Design tokens (shared)
  styles/
    global.css              # Reset + base styles
  components/               # 10 core .astro components
  sections/                 # 6 composable sections
  layouts/
    Base.astro              # HTML shell
    Page.astro              # Navbar + main + Footer
  pages/
    index.astro             # Home
    pricing.astro           # Pricing
    docs.astro              # Documentation
    changelog.astro         # Changelog
    license.astro           # License
    preview.astro           # System preview
    components.astro        # Component inventory
    guidelines.astro        # Usage guidelines
    framework-parity.astro  # Astro vs Next.js
    presets/
      startup.astro         # Startup preset
      saas.astro            # SaaS preset
      studio.astro          # Studio preset
adapters/
  nextjs/
    components/             # 10 React mirrors of Astro components
    tsconfig.json
    README.md

Astro vs Next.js

Astro is the primary runtime. Static HTML, zero JS by default. Choose Astro for content-driven marketing sites.

Next.js is the secondary adapter. Use it when you need React interactivity or SSR. The adapter mirrors Astro components exactly: same names, same props, same tokens.

Rule: If a component does not exist in Astro, it must not exist in Next.js.

See /framework-parity for the full relationship document.

Customization

Edit src/tokens/tokens.css to change colors, typography, spacing, or layout values. All components consume these tokens. Change once, update everywhere.

See /guidelines for what should and should not be customized.

Principles

One system, two runtimes
Single source of truth for design tokens
Sections are composable, not hardcoded pages
Fewer components, higher quality
Calm, minimal, timeless UI
No feature bloat

Not For You If

You need heavy client-side interactivity or real-time data on marketing pages.
You want visual novelty, bold illustrations, or unconventional layouts.
You need a CMS so non-technical team members can edit content.
You plan to rewrite most of the system after purchase.
You want multiple themes, color presets, or animation libraries.

This product rewards restraint. If that does not match your process, use something else.

After Purchase

See AFTER_PURCHASE.md for setup, recommended workflow, and update delivery.

Maintenance & Versioning

See MAINTENANCE.md for the versioning contract, breaking changes policy, and stability philosophy.

License Types

1. Personal License

For individual developers building their own projects.

You may:

Use UINUX Marketing for one personal project
Modify the code to fit your needs
Use it for non-commercial or personal commercial projects

You may not:

Use it for client work
Use it across multiple unrelated projects
Resell, redistribute, or sublicense the product

Price $69

2. Commercial License

For freelancers, studios, and teams building client or commercial work.

You may:

Use UINUX Marketing for unlimited client projects
Modify the system per project
Use it in commercial environments

You may not:

Resell the product as-is
Redistribute the source files
Claim authorship of the system itself

Price $159

3. Extended / Lifetime License (if applicable)

For long-term users who want to support continued maintenance.

You may:

Use the product for unlimited projects
Receive updates according to the active maintenance policy

You may not:

Expect access to unrelated future products unless explicitly stated
Redistribute or resell the system

Price $279