vh
85f8a3a072
The 2026-09-28 expansion grew the one-page design to nine pages by bolting a nav band under each hero. This makes the cluster one site: - One site header on every page: the wordmark (home link) and a single row of short, consistent labels (Applications, Systems, Hosting, AI, Engagement, Track record, Contact). The nav no longer wraps into two rows at desktop width or four on a phone. - A real <h1> on every page (the title was a <p>), a skip link, and one footer outside <main> on every page, home included. - The contact page was unreadable: its section borrowed the home page's dark contact-card id, so its copy was grey on near-black (2.3:1) and its headings measured 1.0:1. It is an ordinary section now. - Section numbers only where there is a sequence (home, engagement). - The spec bar names all four services; it stacks cleanly on a phone. - Contrast: --text-tertiary 4.3:1 -> 4.96:1, --accent-text 4.36:1 -> 4.74:1 on paper. Track-record labels drop tracked capitals. - The grid behind the hero and the contact card is its own layer; the contact card loses its left side-tab stripe. - The stylesheet link is versioned (style.css?v=2026-09-28): CSS is cached for an hour, and the new markup must not meet the old styles. - README: nine pages, the shared structure, the CSS-version rule, and the operator's anti-slop waivers (the hero's volt rule, Space Grotesk). Copy is unchanged apart from nav labels (the brief's legal constraints hold). Still zero JavaScript and zero external requests. Impeccable detector (controls 7/0, static + rendered at 1280 and 390, light and dark): 200 unwaived -> 54, all of them the two waived brand devices; two identical runs. Operator: "ship the site cleanup, keep the rule and the font".
141 lines
6.3 KiB
HTML
141 lines
6.3 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<meta name="theme-color" content="#0f1318">
|
|
<title>Phase Final, Inc. — Systems Engineering Consultancy</title>
|
|
<meta name="description" content="Phase Final, Inc. is a systems engineering consultancy offering custom application development, systems engineering, infrastructure hosting, and AI services, with a track record in hardware, firmware, and software engineering.">
|
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
<link rel="stylesheet" href="/style.css?v=2026-09-28">
|
|
</head>
|
|
<body>
|
|
|
|
<a class="skip" href="#main">Skip to content</a>
|
|
<header class="site-header">
|
|
<div class="site-header-inner">
|
|
<a class="brand" href="/"><img src="/assets/pfi-wordmark-duotone-dark.svg" alt="Phase Final, Inc." width="98" height="28"></a>
|
|
<nav class="site-nav" aria-label="Site">
|
|
<ul>
|
|
<li><a href="/services/software/">Applications</a></li>
|
|
<li><a href="/services/systems-engineering/">Systems</a></li>
|
|
<li><a href="/services/hosting/">Hosting</a></li>
|
|
<li><a href="/services/ai/">AI</a></li>
|
|
<li><a href="/engagement/">Engagement</a></li>
|
|
<li><a href="/track-record/">Track record</a></li>
|
|
<li><a href="/contact/">Contact</a></li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
|
|
<header id="hero">
|
|
<div class="hero-inner">
|
|
<div class="hero-copy">
|
|
<h1 class="lede">A systems engineering consultancy.</h1>
|
|
<p class="sublede">Phase Final, Inc. has a long track record in hardware, firmware, and software engineering across an unusually wide range of industries: consumer electronics, financial services, health services, government, film and video game production, and industrial automation.</p>
|
|
</div>
|
|
<p class="spec-bar">
|
|
<span>Applications</span>
|
|
<span>Systems engineering</span>
|
|
<span>Hosting</span>
|
|
<span>AI services</span>
|
|
<span class="spec-accent">Fixed-bid or retainer</span>
|
|
</p>
|
|
</div>
|
|
</header>
|
|
|
|
<main id="main">
|
|
|
|
<section id="services">
|
|
<h2><span class="num">01</span>What we do</h2>
|
|
<div class="section-body">
|
|
<ul class="service-list">
|
|
<li>
|
|
<h3><a href="/services/software/">Custom Application Development</a></h3>
|
|
<p>Native mobile, web, and desktop applications built to the client's spec — designed, shipped, and operated by the same team. iOS, Android, backend services, and the release pipeline behind them.</p>
|
|
</li>
|
|
<li>
|
|
<h3><a href="/services/systems-engineering/">Systems Engineering</a></h3>
|
|
<p>Design and integration of complete systems, hardware and software. Requirements, architecture, implementation, and verification are treated as one problem with one owner.</p>
|
|
</li>
|
|
<li>
|
|
<h3><a href="/services/hosting/">Infrastructure Hosting</a></h3>
|
|
<p>Hosting and operation of client infrastructure. Systems the firm builds can run on infrastructure the firm operates, under the same accountability.</p>
|
|
</li>
|
|
<li>
|
|
<h3><a href="/services/ai/">AI Services & Engineering</a></h3>
|
|
<p>Engineering and operation of AI systems. Model-backed capability is built, integrated, and run as production software, held to the same standard as everything else the firm ships.</p>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="engagement">
|
|
<h2><span class="num">02</span>How we engage</h2>
|
|
<div class="section-body">
|
|
<p>Engagements are fixed-bid or retainer. Fixed-bid where the scope can be specified: a defined deliverable at a defined price. Retainer where the work is continuous: operation, maintenance, and engineering capacity over time.</p>
|
|
<p class="referral-note">Most new work arrives by referral. <a href="/engagement/">How an engagement runs →</a></p>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="track-record">
|
|
<h2><span class="num">03</span>Where we've done it</h2>
|
|
<div class="section-body">
|
|
<dl class="record-list">
|
|
<div class="record">
|
|
<dt><span class="idx">A</span> High-end consumer audio and electronics</dt>
|
|
<dd>Firmware design, software tooling, and R&D engineering for <strong>Audeze</strong> and <strong>Sony</strong>.</dd>
|
|
</div>
|
|
<div class="record">
|
|
<dt><span class="idx">B</span> Portable illumination</dt>
|
|
<dd>Illumination and lighting technology for <strong>SureFire</strong>, including flashlights. The firm holds patents in lighting technology.</dd>
|
|
</div>
|
|
<div class="record">
|
|
<dt><span class="idx">C</span> Financial services</dt>
|
|
<dd>Mortgage lending underwriting engines for <strong>Fannie Mae</strong> and <strong>Freddie Mac</strong>. Credit card processing and gift card systems.</dd>
|
|
</div>
|
|
<div class="record">
|
|
<dt><span class="idx">D</span> Health services and medical industry</dt>
|
|
<dd>Document automation and billing systems.</dd>
|
|
</div>
|
|
<div class="record">
|
|
<dt><span class="idx">E</span> Government and DoD</dt>
|
|
<dd>Hardware and firmware, as a subcontractor to prime contractors.</dd>
|
|
</div>
|
|
<div class="record">
|
|
<dt><span class="idx">F</span> Film and video game production</dt>
|
|
<dd>Automated asset processing, rapid prototyping, and workflow automation.</dd>
|
|
</div>
|
|
<div class="record">
|
|
<dt><span class="idx">G</span> Industrial automation</dt>
|
|
<dd>CNC systems automation, additive manufacturing, and robotics automation.</dd>
|
|
</div>
|
|
</dl>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="contact-card" id="contact">
|
|
<h2><span class="num">04</span>Contact</h2>
|
|
<p class="contact-address"><a href="mailto:inquiry@phasefinal.com">inquiry@phasefinal.com</a></p>
|
|
<p class="contact-note">Tell us the spec and the deadline. We'll tell you what it takes to reach the final phase.</p>
|
|
</section>
|
|
|
|
</main>
|
|
|
|
<footer class="site-footer">
|
|
<span>Phase Final, Inc.</span>
|
|
<nav aria-label="Footer">
|
|
<a href="/services/software/">Applications</a>
|
|
<a href="/services/systems-engineering/">Systems</a>
|
|
<a href="/services/hosting/">Hosting</a>
|
|
<a href="/services/ai/">AI</a>
|
|
<a href="/engagement/">Engagement</a>
|
|
<a href="/track-record/">Track record</a>
|
|
<a href="/contact/">Contact</a>
|
|
<a href="/privacy/">Privacy</a>
|
|
</nav>
|
|
</footer>
|
|
</body>
|
|
</html>
|