Arcframe Docs
Live preview · Version 1.0.0

Documentation

Start here to understand the package, preview options, folder structure and product scope.

1. Product overview

Arcframe is a complete static website-template package for creative agencies, design studios, production companies and independent practitioners. It contains four visually distinct homepage concepts, one complete one-page site, a 30-page multi-page system, reusable components and buyer-facing sales materials.

Important product scope

This product is a static HTML, CSS and JavaScript website template. It does not include a CMS, database, user-account system, hosting, payment processing, email backend or administrative interface. Forms are included as frontend demonstrations and require connection to a third-party service or custom backend to deliver submissions.

2. Open the preview

  1. Unzip the package to a permanent folder.
  2. Open index.html in a current browser.
  3. Select a homepage or inner-page preview.
  4. For the most accurate transition testing, use a local static server or upload the folder to hosting. Core content still works by opening files directly.

3. Available homepages

Experimental Digital Studio

Dark, technical and motion-led with kinetic typography and cursor lighting.

Luxury Minimal Agency

Warm editorial direction for architecture, branding and premium service studios.

Motion & Production Studio

Cinematic compositions, poster cards and a horizontal production sequence.

Independent Portfolio

Personal, modular and suitable for a designer, developer, photographer or art director.

One-Page Agency

A conversion-focused, anchor-linked website that works without extra pages.

4. Portfolio and project pages

Template Best used for Key behaviour
Grid Balanced bodies of work Accessible category filters
Masonry Mixed media and editorial rhythm Stable responsive columns
Horizontal Large visual projects Trackpad, buttons and arrow keys
Fullscreen Immersive selected work Controlled previous/next slides
Editorial case study Strategy and identity Structured long-form narrative
Immersive project story Motion and campaign work Sticky text/media sections
Conversion case study Digital-product outcomes Comparison slider and metrics

5. Folder structure

arcframe/
├── index.html
├── pages/                 30 complete HTML pages
├── assets/
│   ├── css/               design system and themes
│   ├── js/                dependency-free interactions
│   ├── artwork/           original SVG project visuals
│   ├── favicons/
│   └── social-previews/
├── documentation/         local buyer documentation
└── marketing/             marketplace sales materials

6. What is included

  • Readable HTML, CSS and vanilla JavaScript source files.
  • Original abstract SVG demonstration artwork.
  • Four homepage directions, one-page website and complete inner-page library.
  • Responsive navigation, theme preference, filters, modal, accordion, comparison component and forms.
  • Documentation, changelog, credits, licensing notes and marketplace content.

What is not included

  • CMS, database, accounts, dashboard or content-management interface.
  • Backend, email delivery, form-processing service or server configuration.
  • Hosting, payment processing, analytics or third-party subscriptions.
  • Installation, content replacement, customisation, CMS conversion or integration services.

7. Browser support and progressive enhancement

Arcframe targets current Chrome, Edge, Firefox, Safari, Mobile Safari and Chrome for Android. Core navigation and content use standard HTML. Advanced motion, dialogs and observers improve the experience where supported.

8. Accessibility features

Semantic landmarks, a skip link, visible focus styles, button-based controls, focus management, Escape-key behaviour, labelled forms, error messages, reduced-motion rules and touch alternatives are included. Re-test accessibility after changing colours, labels, structure or content.

9. Version history

Version 1.0.0 — 11 July 2026

Initial release with four homepage concepts, one-page version, 30-page website, four portfolio layouts, three project stories, forms, design system, light/dark support, documentation and marketing materials.