<!DOCTYPE html>

<head>

<title>0641498 BC LTD | Omni Recorder</title>

<style>

:root {

--bg: #0f172a;

--bg-soft: #111827;

--panel: #ffffff;

--text: #0f172a;

--muted: #475569;

--line: #e2e8f0;

--brand: #1d4ed8;

--brand-dark: #1e3a8a;

--accent: #0ea5e9;

--light: #f8fafc;

--white: #ffffff;

--shadow: 0 18px 50px rgba(15, 23, 42, 0.12);

--radius: 20px;

--max: 1180px;

}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {

margin: 0;

font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;

color: var(--text);

background: var(--light);

line-height: 1.6;

}

a { color: inherit; text-decoration: none; }

img { max-width: 100%; display: block; }

.container {

width: min(var(--max), calc(100% - 2rem));

margin: 0 auto;

}

.btn {

display: inline-block;

padding: 0.95rem 1.35rem;

border-radius: 999px;

font-weight: 700;

transition: 0.25s ease;

border: 2px solid transparent;

}

.btn-primary {

background: var(--brand);

color: var(--white);

}

.btn-primary:hover {

background: var(--brand-dark);

transform: translateY(-1px);

}

.btn-secondary {

background: transparent;

color: var(--white);

border-color: rgba(255,255,255,0.28);

}

.btn-secondary:hover {

background: rgba(255,255,255,0.08);

}

.eyebrow {

display: inline-block;

padding: 0.35rem 0.7rem;

border-radius: 999px;

background: rgba(14,165,233,0.12);

color: var(--accent);

font-size: 0.85rem;

font-weight: 700;

letter-spacing: 0.02em;

margin-bottom: 1rem;

}

header {

position: sticky;

top: 0;

z-index: 1000;

backdrop-filter: blur(12px);

background: rgba(15, 23, 42, 0.82);

border-bottom: 1px solid rgba(255,255,255,0.08);

}

.nav {

display: flex;

align-items: center;

justify-content: space-between;

gap: 1rem;

min-height: 74px;

}

.brand {

display: flex;

flex-direction: column;

color: var(--white);

}

.brand strong {

font-size: 1rem;

letter-spacing: 0.03em;

}

.brand span {

font-size: 0.84rem;

color: rgba(255,255,255,0.72);

}

.nav-links {

display: flex;

gap: 1.25rem;

align-items: center;

color: rgba(255,255,255,0.88);

font-size: 0.96rem;

}

.hero {

background:

radial-gradient(circle at top right, rgba(14,165,233,0.18), transparent 28%),

radial-gradient(circle at left center, rgba(29,78,216,0.18), transparent 24%),

linear-gradient(135deg, #020617 0%, #0f172a 55%, #1e293b 100%);

color: var(--white);

padding: 5.5rem 0 4.5rem;

}

.hero-grid {

display: grid;

grid-template-columns: 1.1fr 0.9fr;

gap: 2.2rem;

align-items: center;

}

.hero h1 {

margin: 0 0 1rem;

font-size: clamp(2.3rem, 5vw, 4.5rem);

line-height: 1.06;

letter-spacing: -0.03em;

max-width: 12ch;

}

.hero p.lead {

font-size: 1.1rem;

color: rgba(255,255,255,0.82);

max-width: 58ch;

margin-bottom: 1.6rem;

}

.hero-actions {

display: flex;

flex-wrap: wrap;

gap: 0.9rem;

margin-bottom: 1.8rem;

}

.hero-points {

display: grid;

grid-template-columns: repeat(2, minmax(0, 1fr));

gap: 0.85rem 1rem;

max-width: 640px;

color: rgba(255,255,255,0.84);

font-size: 0.96rem;

}

.hero-points div::before {

content: "•";

color: var(--accent);

margin-right: 0.55rem;

font-weight: 900;

}

.mockup {

background: rgba(255,255,255,0.08);

border: 1px solid rgba(255,255,255,0.12);

border-radius: 28px;

padding: 1.1rem;

box-shadow: 0 20px 60px rgba(0,0,0,0.28);

}

.mockup-screen {

background: linear-gradient(180deg, #ffffff 0%, #eff6ff 100%);

color: var(--text);

border-radius: 22px;

padding: 1rem;

min-height: 470px;

}

.mockup-top {

display: flex;

justify-content: space-between;

align-items: center;

margin-bottom: 1rem;

font-size: 0.85rem;

color: var(--muted);

}

.pill {

display: inline-flex;

align-items: center;

gap: 0.4rem;

padding: 0.42rem 0.7rem;

border-radius: 999px;

background: #dbeafe;

color: #1e3a8a;

font-weight: 700;

}

.memory-card {

background: var(--white);

border: 1px solid var(--line);

border-radius: 20px;

overflow: hidden;

box-shadow: var(--shadow);

}

.memory-image {

position: relative;

border-radius: 20px;

overflow: hidden;

height: 260px;

}

.memory-image img {

width: 100%;

height: 100%;

object-fit: cover;

transform: scale(1);

transition: transform 0.6s ease;

}

.memory-image:hover img {

transform: scale(1.05);

}

.memory-overlay {

position: absolute;

inset: 0;

background: linear-gradient(to top, rgba(0,0,0,0.65), rgba(0,0,0,0.1));

}

.memory-title {

position: absolute;

bottom: 1rem;

left: 1rem;

color: white;

font-weight: 700;

font-size: 1.1rem;

letter-spacing: 0.02em;

}

.play-badge {

position: absolute;

top: 50%;

left: 50%;

transform: translate(-50%, -50%);

width: 64px;

height: 64px;

border-radius: 50%;

background: rgba(255,255,255,0.9);

display: grid;

place-items: center;

color: var(--brand-dark);

font-size: 1.3rem;

box-shadow: 0 10px 25px rgba(0,0,0,0.25);

transition: transform 0.3s ease, background 0.3s ease;

}

.memory-image:hover .play-badge {

transform: translate(-50%, -50%) scale(1.1);

background: white;

}

.play-badge {

position: absolute;

top: 1rem;

right: 1rem;

width: 52px;

height: 52px;

border-radius: 50%;

background: rgba(255,255,255,0.9);

display: grid;

place-items: center;

color: var(--brand-dark);

font-size: 1.1rem;

box-shadow: 0 10px 25px rgba(15,23,42,0.18);

}

.memory-body {

padding: 1rem;

}

.memory-body h3 {

margin: 0 0 0.35rem;

font-size: 1.1rem;

}

.memory-body p {

margin: 0;

color: var(--muted);

font-size: 0.95rem;

}

section {

padding: 5rem 0;

}

.section-head {

max-width: 760px;

margin-bottom: 2rem;

}

.section-head h2 {

margin: 0 0 0.8rem;

font-size: clamp(1.9rem, 3vw, 3rem);

line-height: 1.1;

letter-spacing: -0.02em;

}

.section-head p {

margin: 0;

color: var(--muted);

font-size: 1.02rem;

}

.grid-3 {

display: grid;

grid-template-columns: repeat(3, minmax(0, 1fr));

gap: 1.25rem;

}

.card {

background: var(--white);

border: 1px solid var(--line);

border-radius: var(--radius);

padding: 1.35rem;

box-shadow: var(--shadow);

}

.card h3 {

margin-top: 0;

margin-bottom: 0.6rem;

font-size: 1.08rem;

}

.card p {

margin: 0;

color: var(--muted);

}

.split {

display: grid;

grid-template-columns: 1fr 1fr;

gap: 1.5rem;

align-items: stretch;

}

.list {

display: grid;

gap: 0.85rem;

margin-top: 1.2rem;

}

.list-item {

display: flex;

gap: 0.8rem;

align-items: flex-start;

padding: 0.95rem 1rem;

border: 1px solid var(--line);

border-radius: 16px;

background: var(--white);

}

.list-item strong {

display: block;

margin-bottom: 0.15rem;

}

.num {

width: 32px;

height: 32px;

flex: 0 0 32px;

border-radius: 50%;

display: grid;

place-items: center;

background: #dbeafe;

color: var(--brand-dark);

font-weight: 800;

font-size: 0.9rem;

}

.use-cases {

background: linear-gradient(180deg, #eff6ff 0%, #f8fafc 100%);

}

.badge-row {

display: flex;

flex-wrap: wrap;

gap: 0.7rem;

margin-top: 1rem;

}

.badge {

padding: 0.6rem 0.85rem;

border-radius: 999px;

background: var(--white);

border: 1px solid var(--line);

font-weight: 600;

color: var(--muted);

}

.cta {

background: linear-gradient(135deg, #0f172a 0%, #1e3a8a 100%);

color: var(--white);

border-radius: 28px;

padding: 2rem;

box-shadow: 0 20px 50px rgba(15, 23, 42, 0.2);

}

.cta h2 {

margin-top: 0;

margin-bottom: 0.8rem;

font-size: clamp(1.8rem, 3vw, 2.8rem);

line-height: 1.1;

}

.cta p {

color: rgba(255,255,255,0.84);

max-width: 58ch;

margin-bottom: 1.25rem;

}

footer {

padding: 2rem 0 3rem;

color: var(--muted);

font-size: 0.94rem;

}

.footer-grid {

display: flex;

justify-content: space-between;

gap: 1rem;

flex-wrap: wrap;

border-top: 1px solid var(--line);

padding-top: 1.5rem;

}

@media (max-width: 980px) {

.hero-grid,

.grid-3,

.split {

grid-template-columns: 1fr;

}

.hero h1 {

max-width: none;

}

@media (max-width: 760px) {

.nav {

flex-direction: column;

align-items: flex-start;

padding: 0.9rem 0;

}

.nav-links {

flex-wrap: wrap;

}

.hero {

padding-top: 3.5rem;

}

.hero-points {

grid-template-columns: 1fr;

}

section {

padding: 4rem 0;

}

</style>

</head>

<body>

<span>Digital memory, documentation, and event recording tools</span>

</a>

<a href="#about">About</a>

<a href="#platform">Platform</a>

<a href="#use-cases">Use Cases</a>

<a href="#contact">Contact</a>

</nav>

</div>

</header>

<div>

<div class="eyebrow">Omni Recorder by 0641498 BC LTD</div>

<h1>Still photographs, real voices, organized records.</h1>

0641498 BC LTD develops digital tools for recording and organizing events through still images paired with embedded or attached audio. Our platform is designed for human legacy, family archives, inspection workflows, documentation, and other moments where a picture alone is not enough.

</p>

<a class="btn btn-primary" href="#platform">Explore the Platform</a>

<a class="btn btn-secondary" href="#contact">Request Information</a>

</div>

<div>Capture a still image and preserve the spoken story behind it</div>

<div>Organize sessions and give them context through titles</div>

<div>Create personal, family, business, or inspection records</div>

<div>Export content for web, archive, presentation, or print</div>

</div>

</section>

<div class="eyebrow">About the Business</div>

<h2>We build tools that preserve more than the image.</h2>

<p>

0641498 BC LTD is an app development company focused on a simple but powerful idea: many important moments need both visual reference and spoken context. Omni Recorder was developed to close that gap by pairing still digital photographs with recorded audio and structured organization.

</p>

</div>

<h3>Human legacy</h3>

<p>Preserve stories, family histories, voices, milestones, and personal memories in a format that is easy to revisit and share.</p>

</article>

<h3>Documentation</h3>

<p>Create organized visual records with spoken explanation for field notes, property conditions, project progress, and reference archives.</p>

</article>

<h3>Inspection and reporting</h3>

<p>Add verbal detail to still photographs so observations are not lost, shortened, or disconnected from the original image.</p>

</article>

</div>

</section>

<div class="eyebrow">The Platform</div>

<h2>How Omni Recorder works</h2>

<p>

Omni Recorder combines image capture, voice recording, and structured organization into a single workflow that can support both personal storytelling and practical documentation.

</p>

</div>

<h3>Core capabilities</h3>

<div><strong>Still image + audio pairing</strong>Each photo can be matched with recorded voice so the image carries explanation, memory, or commentary.</div>

</div>

<div><strong>Session-based organization</strong>Content can be arranged into sessions for easier review and retrieval.</div>

</div>

<div><strong>Titles and session context</strong>Clear session titles and organized structure help keep each recording easy to understand, review, and revisit.</div>

</div>

<div><strong>Export and presentation options</strong>Sessions can easily be viewed as an audio slideshow presentation natively. Single audio photo's or a complete audio photo session can be exported as shareable zip file to other Omni Recorder users.</div>

</div>

<h3>Why this matters</h3>

<div><strong>A photograph captures the moment</strong>but audio captures the meaning, intention, and human voice behind it.</div>

</div>

<div><strong>Memory fades</strong>and written notes are often incomplete. Spoken detail adds nuance that would otherwise be lost.</div>

</div>

<div><strong>Inspection work benefits from accuracy</strong>because a recorded explanation attached to the image reduces confusion later.</div>

</div>

<div><strong>Legacy becomes richer</strong>when future viewers can see the photograph and also hear the voice of the person who created it.</div>

</div>

</section>

<div class="eyebrow">Use Cases</div>

<h2>Built for family archives, practical records, and specialized documentation</h2>

<p>

The same core system can support deeply personal storytelling or highly practical reporting. That flexibility is what makes the platform valuable across different industries and life contexts.

</p>

</div>

<h3>Family history and personal legacy</h3>

<p>Capture grandparents, parents, or loved ones explaining photos, places, milestones, heirlooms, and life events in their own voice.</p>

</article>

<h3>Property and condition records</h3>

<p>Use still images with attached spoken notes for walkthroughs, renovations, inspections, handoffs, and before-and-after documentation.</p>

</article>

<h3>Projects and field reference</h3>

<p>Create organized records of jobsites, assets, collections, or events where the image needs supporting commentary and structure.</p>

</article>

</div>

<span class="badge">Legacy preservation</span>

<span class="badge">Family storytelling</span>

<span class="badge">Inspection workflows</span>

<span class="badge">Property documentation</span>

<span class="badge">Event archiving</span>

<span class="badge">Visual reporting</span>

</div>

</section>

<div class="eyebrow">Output Options</div>

<h2>Designed for more than one final format</h2>

<p>

Omni Recorder is not just about capture. It is also about what you can do with the content after it has been recorded and organized.

</p>

</div>

<h3>Digital outputs</h3>

<div class="list-item"><div class="num">1</div><div><strong>Custom solutions</strong>The platform can support specialized recording and reporting needs beyond standard photo storage.</div></div>

<div class="list-item"><div class="num">2</div><div><strong>Shareable project records</strong>Useful for families, teams, partners, or clients who need a clean way to review captured material.</div></div>

<div class="list-item"><div class="num">3</div><div><strong>Archive-ready organization</strong>Organized sessions and clear titles create a stronger long-term storage model.</div></div>

</div>

</section>

<h2>Interested in Omni Recorder or a related recording solution?</h2>

<p>

We are developing tools for photo-based event recording, spoken context capture, and organized digital preservation. Whether your focus is family legacy, inspection, documentation, or another specialized use case, we would be glad to discuss the fit.

</p>

<a class="btn btn-primary" href="mailto:office@0641498BCLTD">Contact by Email<br/>office@0641498BCLTD</a>

</div>

</section>

</main>

<div>

App development for image-and-audio event recording, organization, and preservation.

</div>

<div>

<a href="#privacy">Privacy</a> • <a href="#terms">Terms</a><br/>

Omni Recorder is presented here as a concept and platform direction for legacy, documentation, inspection, and related uses.

</div>

</footer>

</body>

</html>