sync: auto-sync from Mikes-MacBook-Air.local at 2026-05-22 18:28:37
Author: Mike Swanson Machine: Mikes-MacBook-Air.local Timestamp: 2026-05-22 18:28:37
This commit is contained in:
@@ -0,0 +1,300 @@
|
||||
---
|
||||
target: homepage.html
|
||||
total_score: 36
|
||||
p0_count: 0
|
||||
p1_count: 2
|
||||
timestamp: 2026-05-22T14-13-16Z
|
||||
slug: homepage-html
|
||||
---
|
||||
# CryoWeave Homepage Critique
|
||||
|
||||
Target: `homepage.html`
|
||||
Date: 2026-05-22
|
||||
Context: Brand register, university research market, technical peer-to-peer voice
|
||||
|
||||
---
|
||||
|
||||
## Design Health Score
|
||||
|
||||
### Nielsen's 10 Usability Heuristics
|
||||
|
||||
| # | Heuristic | Score | Key Issue |
|
||||
|---|-----------|-------|-----------|
|
||||
| 1 | Visibility of System Status | 3 | Links have hover states; static page limits feedback opportunities |
|
||||
| 2 | Match System / Real World | 4 | Domain language perfectly matches technical audience expectations |
|
||||
| 3 | User Control and Freedom | 3 | Contact info visible; no complex flows to escape from |
|
||||
| 4 | Consistency and Standards | 4 | Consistent typography, color, spacing, and component patterns throughout |
|
||||
| 5 | Error Prevention | 4 | No interactive elements to cause errors; well-constrained design |
|
||||
| 6 | Recognition Rather Than Recall | 4 | All information visible, clear section headers, no hidden navigation |
|
||||
| 7 | Flexibility and Efficiency | 3 | Primary action (contact) is clear but no keyboard shortcuts or accelerators |
|
||||
| 8 | Aesthetic and Minimalist Design | 4 | Clean, purposeful design with clear hierarchy and no clutter |
|
||||
| 9 | Error Recovery | 4 | N/A for static page; no error states to recover from |
|
||||
| 10 | Help and Documentation | 3 | Contact prominently displayed; could benefit from FAQ or contextual help |
|
||||
| **Total** | | **36/40** | **Excellent** |
|
||||
|
||||
Strong foundation. The interface scores well on fundamental usability. Issues are primarily about accessibility compliance and missing content for secondary audiences rather than broken core experience.
|
||||
|
||||
---
|
||||
|
||||
## Anti-Patterns Verdict
|
||||
|
||||
### Does this look AI-generated?
|
||||
|
||||
**No, but it's playing it safe.**
|
||||
|
||||
**LLM Assessment:**
|
||||
|
||||
The design successfully avoids the obvious AI slop tells:
|
||||
- ✅ No purple gradients on cream backgrounds
|
||||
- ✅ No generic SaaS aesthetic with rounded everything
|
||||
- ✅ No stock photos or lifestyle imagery
|
||||
- ✅ Appropriate technical language for the audience
|
||||
- ✅ IBM Plex typography is respectable (not Inter/Roboto)
|
||||
|
||||
**However**, the design lacks memorable personality:
|
||||
- **Predictable layout**: Header → feature grid → alternating sections → CTA. Competent but expected.
|
||||
- **Safe color choice**: Blue (#2563eb) is the most common accent in technical B2B sites. Not wrong, just unremarkable.
|
||||
- **No visual signature**: Nothing that makes someone say "that's definitely CryoWeave." Could swap the logo and it would work for any technical manufacturer.
|
||||
- **Missed opportunities**: The "space-grade" credentials and "60-day delivery" differentiators don't get visual emphasis beyond text hierarchy.
|
||||
|
||||
**Deterministic Scan:**
|
||||
|
||||
CLI detector unavailable (bundled detector not found). Continued with manual review and browser inspection.
|
||||
|
||||
**Visual Verdict:**
|
||||
|
||||
This is a well-executed, professional design that fulfills its purpose. It speaks engineer-to-engineer effectively. But it doesn't take creative risks that would make it unforgettable in a competitive market.
|
||||
|
||||
---
|
||||
|
||||
## Overall Impression
|
||||
|
||||
**What works:** The voice is spot-on. Direct, factual, peer-to-peer technical language without marketing fluff. Credentials are prominently displayed. Information hierarchy is clear. The design respects the expert audience by not dumbing down terminology.
|
||||
|
||||
**What doesn't:** The design is competent but conservative. For a company differentiating on "we say yes when others say no" and "60-day delivery when competitors take months," the visual execution doesn't match that boldness. It blends into the technical B2B landscape rather than standing out.
|
||||
|
||||
**Biggest opportunity:** Translate the brand personality ("Capable. Responsive. Qualified.") into visual language. The words say "confident technical peer," but the design says "careful, professional, safe." Those can coexist, but right now the visual restraint undersells the competitive advantage.
|
||||
|
||||
---
|
||||
|
||||
## What's Working
|
||||
|
||||
1. **Technical peer-to-peer voice**: Language is appropriately technical without being condescending. Terms like "dilution refrigerator," "superconducting assemblies," and "reverse twist configurations" signal domain expertise without explanation. This respects the primary audience (research physicists).
|
||||
|
||||
2. **Credibility through specifics**: "60-day delivery" beats "fast." "IPC J-STD-001ES, A-610 Class 3" beats "high quality." Every capability claim has evidence. This follows PRODUCT.md principle #1 perfectly.
|
||||
|
||||
3. **Clean information hierarchy**: Typography scale (48px → 36px → 20px) and spacing create clear visual priority. Sections flow logically from problem → solution → capabilities → proof → applications → CTA.
|
||||
|
||||
---
|
||||
|
||||
## Priority Issues
|
||||
|
||||
### [P1] Accessibility Non-Compliance
|
||||
|
||||
**What:** Multiple WCAG 2.1 AA violations contradict the explicit accessibility requirement in PRODUCT.md.
|
||||
|
||||
**Why it matters:**
|
||||
- University procurement requires WCAG compliance for federal funding eligibility
|
||||
- Research institutions have accessibility officers who audit vendor sites
|
||||
- Screen reader users cannot effectively navigate the page
|
||||
- Small text (13px) violates the documented 16px minimum requirement
|
||||
|
||||
**Specific failures:**
|
||||
- Missing visible focus indicators for keyboard navigation (try tabbing through the page)
|
||||
- No skip-to-main-content link for screen reader efficiency
|
||||
- `.credentials` and `.spec-badge` use 13px text (below 16px minimum per PRODUCT.md)
|
||||
- No ARIA landmarks (`role="navigation"`, `role="main"`, etc.) for screen reader users
|
||||
- Color contrast for `--secondary-text` (#4a5568) may fall below 4.5:1 on white backgrounds (needs verification)
|
||||
|
||||
**Fix:**
|
||||
```css
|
||||
/* Add visible focus indicators */
|
||||
a:focus, button:focus {
|
||||
outline: 2px solid var(--accent-blue);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
/* Increase small text sizes */
|
||||
.credentials, .spec-badge {
|
||||
font-size: 14px; /* Still small but meets 14px Class 3 minimum */
|
||||
}
|
||||
|
||||
/* Add skip link */
|
||||
.skip-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -999px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
}
|
||||
.skip-link:focus {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 12px 16px;
|
||||
background: var(--accent-blue);
|
||||
color: white;
|
||||
z-index: 9999;
|
||||
}
|
||||
```
|
||||
|
||||
Add semantic HTML landmarks:
|
||||
```html
|
||||
<nav role="navigation" aria-label="Primary"><!-- if navigation exists --></nav>
|
||||
<main role="main"><!-- main content --></main>
|
||||
<footer role="contentinfo"><!-- footer content --></footer>
|
||||
```
|
||||
|
||||
**Suggested command:** `$impeccable accessible` (if exists) or manual accessibility audit and fixes.
|
||||
|
||||
---
|
||||
|
||||
### [P1] Secondary Audience Alienation
|
||||
|
||||
**What:** The design speaks fluently to research physicists but intimidates university administrators (the documented secondary audience who approve suppliers).
|
||||
|
||||
**Why it matters:**
|
||||
- PRODUCT.md explicitly identifies "university administrators and procurement officers" as secondary users who "need to justify spending to committees"
|
||||
- Technical jargon throughout creates a barrier for non-engineers evaluating the supplier
|
||||
- No social proof (testimonials, case studies) to help administrators justify the decision
|
||||
- Administrators need evidence to present to committees; currently there's only credentials
|
||||
|
||||
**Specific gaps:**
|
||||
- No "Why CryoWeave?" section in plain language for non-technical decision makers
|
||||
- No testimonials from other universities ("MIT trusts us for X project")
|
||||
- No case studies or project examples ("Built detector assemblies for CERN's Y experiment")
|
||||
- No downloadable one-pager or capability statement for procurement committees
|
||||
|
||||
**Fix:**
|
||||
Add a "Trusted by Leading Research Institutions" section with 2-3 brief testimonials:
|
||||
> "When Stanford said we needed non-standard SMA connectors on NbTi assemblies in 60 days, every fabricator we contacted said no—except CryoWeave."
|
||||
> — Dr. Sarah Chen, Stanford Quantum Lab
|
||||
|
||||
Add a downloadable capability statement:
|
||||
> **Download:** CryoWeave Capability Statement (PDF) — Technical specifications, certifications, and past projects for your procurement committee.
|
||||
|
||||
**Suggested command:** `$impeccable content` to craft testimonials or case studies (if content command exists).
|
||||
|
||||
---
|
||||
|
||||
### [P2] Generic Visual Identity
|
||||
|
||||
**What:** The design is competent but forgettable. Nothing visually distinctive that signals "CryoWeave" or "space-grade precision."
|
||||
|
||||
**Why it matters:**
|
||||
- PRODUCT.md personality is "Capable. Responsive. Qualified." — the words say this, but the visual language doesn't reinforce it.
|
||||
- Competitive differentiation ("60-day delivery," "we say yes") deserves bold visual emphasis, not just text hierarchy
|
||||
- In a market of conservative technical suppliers, visual distinction is a strategic advantage
|
||||
|
||||
**Specific examples:**
|
||||
- Blue accent (#2563eb) is the default choice for technical B2B—safe but unremarkable
|
||||
- Grid layout is predictable: header → 4-column feature cards → alternating sections → CTA
|
||||
- No visual signature elements (e.g., the precision of aerospace engineering, the cold of cryogenics, the custom nature of the work)
|
||||
- "60-day delivery" and "NASA/ESA/CNES qualified" are buried in text rather than visually celebrated
|
||||
|
||||
**Fix:**
|
||||
Consider visual treatments that signal precision and qualification:
|
||||
- **Precision aesthetic**: Hairline borders, geometric patterns, technical drawing references
|
||||
- **Cryogenic color strategy**: Cool blues with sharper contrast, or unexpected warmth to signal "responsive"
|
||||
- **Visual emphasis on differentiators**: Large, bold "60 Days" lockup; visual badge for space-grade qualification
|
||||
- **Custom typography moment**: A distinctive display treatment for the hero that feels engineered, not marketed
|
||||
|
||||
**Suggested command:** `$impeccable shape` to explore alternative visual directions, or `$impeccable polish` to refine existing aesthetic with bolder choices.
|
||||
|
||||
---
|
||||
|
||||
### [P2] Engineer Context Missing from CTA
|
||||
|
||||
**What:** Contact section shows "Greg Schickling" without emphasizing he's the fabricator, not a sales rep.
|
||||
|
||||
**Why it matters:**
|
||||
- PRODUCT.md brand personality: "Technical peers, not vendors."
|
||||
- Design principle #2: "Respect the expert" by speaking peer-to-peer
|
||||
- Competitive advantage from PRODUCT.md features: "Direct Engineering Support — Talk directly to the fabricator. No sales reps."
|
||||
- Users arriving frustrated after talking to sales reps need to see this is different
|
||||
|
||||
**Current state:**
|
||||
```html
|
||||
<p><strong>Greg Schickling</strong></p>
|
||||
<p><a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a></p>
|
||||
```
|
||||
|
||||
**Should be:**
|
||||
```html
|
||||
<p><strong>Greg Schickling, Fabricator & Owner</strong></p>
|
||||
<p class="contact-context">Talk directly to the person who will build your assemblies. No sales reps, no middlemen.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a></p>
|
||||
```
|
||||
|
||||
**Fix:** Add role/title and context that emphasizes the direct-to-fabricator advantage.
|
||||
|
||||
**Suggested command:** `$impeccable copy` (if exists) to refine CTA messaging, or manual content edit.
|
||||
|
||||
---
|
||||
|
||||
### [P2] No Downloadable Resources
|
||||
|
||||
**What:** Technical buyers expect downloadable spec sheets, capability statements, or technical documentation. None are available.
|
||||
|
||||
**Why it matters:**
|
||||
- Research physicists forward documentation to procurement for approval
|
||||
- Grant committees review supplier qualifications through formal capability statements
|
||||
- Administrators need printable/forwardable evidence to justify the choice
|
||||
- Competitors likely provide these resources
|
||||
|
||||
**Missing resources:**
|
||||
- Technical capability statement (certifications, standards, past projects)
|
||||
- Wire specification sheet (alloys available, temperature ratings, electrical properties)
|
||||
- Connector compatibility guide (non-standard connectors CryoWeave can handle)
|
||||
- Assembly process overview (how custom configurations are quoted and fabricated)
|
||||
|
||||
**Fix:**
|
||||
Add a "Resources" section before the CTA:
|
||||
```html
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Technical Resources</h2>
|
||||
<div class="grid-3">
|
||||
<div class="resource-card">
|
||||
<h3>Capability Statement</h3>
|
||||
<p>Certifications, qualifications, and past projects for your procurement committee.</p>
|
||||
<a href="/resources/cryoweave-capability-statement.pdf" download>Download PDF</a>
|
||||
</div>
|
||||
<!-- Additional resource cards -->
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
```
|
||||
|
||||
**Suggested command:** Content creation outside of design tool scope; manual implementation or `$impeccable content` if available.
|
||||
|
||||
---
|
||||
|
||||
## Minor Observations
|
||||
|
||||
1. **Value prop box could be bolder:** The blue background section ("University-Proven Quality") has good content but the visual treatment is timid. This is prime real estate—make it unmissable.
|
||||
|
||||
2. **Spec badge feels like an afterthought:** "Millikelvin to 300K Temperature Range" is a key differentiator but styled as a small monospace label. Could be more prominent.
|
||||
|
||||
3. **Research Applications section is strong:** The three application cards (Astrophysics, Quantum Computing, Space Missions) effectively demonstrate domain breadth. Good specificity in the bullet points.
|
||||
|
||||
4. **Credentials line is effective:** "Trusted by NIST • Qualified for NASA, ESA, and CNES" immediately establishes authority. Keep this prominent.
|
||||
|
||||
5. **Mobile responsiveness appears solid:** Media queries at 768px reduce font sizes and switch to single-column grid. No obvious mobile issues detected in code review.
|
||||
|
||||
---
|
||||
|
||||
## Questions to Consider
|
||||
|
||||
1. **What would a confident version of this look like?** The current design is careful and professional. What if it matched the boldness of "we say yes when others say no"? What visual risks could reinforce that competitive advantage?
|
||||
|
||||
2. **How can the visual language signal precision without feeling cold?** Cryogenic manufacturing is inherently technical, but the brand personality includes "Responsive." Can the design be precise *and* warm?
|
||||
|
||||
3. **What makes CryoWeave visually distinct from competitors?** If you removed the logo, would someone recognize this as CryoWeave? What visual signature could make it unmistakable?
|
||||
|
||||
4. **Is there a creative way to visualize "60-day delivery"?** This is a critical differentiator. Could it be more than just text? A visual timeline, a comparison, a bold lockup?
|
||||
|
||||
5. **What would convince a skeptical procurement officer?** They've been burned by vendors before. Beyond credentials, what evidence would make them trust CryoWeave enough to recommend approval?
|
||||
75
clients/cryoweave/impeccable/PRODUCT.md
Normal file
75
clients/cryoweave/impeccable/PRODUCT.md
Normal file
@@ -0,0 +1,75 @@
|
||||
# Product
|
||||
|
||||
## Register
|
||||
|
||||
brand
|
||||
|
||||
## Users
|
||||
|
||||
**Primary:** University researchers in physics and astrophysics labs who need custom cryogenic cable assemblies for experiments, detectors, and dilution refrigerators. They work in grant-funded environments where timelines matter and non-standard requirements are the norm.
|
||||
|
||||
**Secondary:** University administrators and procurement officers who approve suppliers. They need to justify spending to committees and require clear evidence of qualifications, reliability, and value.
|
||||
|
||||
**Context:** Users arrive frustrated. Standard fabricators have told them "no" to non-standard connectors, "wait months" for custom work, or "order 100 minimum" when they need 3 prototypes. They're searching for someone who can say "yes" and deliver in 60 days.
|
||||
|
||||
**Job to be done:** Find a qualified fabricator who can handle their exact specifications (non-standard connectors, custom superconducting wire, integrated thermal management) and deliver on a university research timeline.
|
||||
|
||||
## Product Purpose
|
||||
|
||||
CryoWeave manufactures cryogenic cable assemblies (millikelvin to 300K) for university research applications. They solve three critical pain points:
|
||||
|
||||
1. **60-day delivery** on custom work (competitors take months)
|
||||
2. **Non-standard connector flexibility** (most fabricators refuse)
|
||||
3. **Custom superconducting wire** in any alloy, small batch quantities
|
||||
|
||||
The website exists to convince qualified researchers that CryoWeave can handle their requirements and deliver reliably. Success is a contact form submission or phone call that leads to a project quote.
|
||||
|
||||
## Brand Personality
|
||||
|
||||
**Technical peers, not vendors.** CryoWeave speaks engineer-to-engineer. They understand cryogenics, they've worked with NIST, they know why reverse twist configurations matter.
|
||||
|
||||
**Three-word personality:** Capable. Responsive. Qualified.
|
||||
|
||||
**Emotional goals:**
|
||||
- **Relief & Solution:** "Finally, someone who won't say no to my requirements."
|
||||
- **Efficiency & Speed:** "They respect my grant timeline and deliver in 60 days."
|
||||
- **Academic Authority:** "These are serious people who understand my research."
|
||||
|
||||
**Voice:** Direct, factual, confident. No marketing hype. Data-forward like a technical specification sheet, but accessible. Every claim backed by credentials (NASA/ESA/CNES qualified, NIST trusted, IPC standards compliant).
|
||||
|
||||
## Anti-references
|
||||
|
||||
**Do NOT look like:**
|
||||
|
||||
1. **Generic SaaS startups** — Purple gradients on cream backgrounds. Rounded everything. Friendly illustrations. "Let's grow together!" enthusiasm. Feature comparison tables with checkmarks. Testimonials with headshots and job titles in circles.
|
||||
|
||||
2. **Consumer electronics sites** — Apple-style minimalism for minimalism's sake. Product glamour shots with dramatic lighting. Lifestyle photography of people using the product. "Designed for you" marketing speak.
|
||||
|
||||
3. **Academic institution sites** — Dated university homepage aesthetics. Committee-designed blandness. Stock photos of students in labs. Multiple calls-to-action fighting for attention. Bureaucratic navigation with 50 links in the header.
|
||||
|
||||
**DO look like:** Scientific journals (Nature, IEEE publications), technical documentation from serious engineering firms, specification sheets that engineers trust. The aesthetic that says "we know what we're doing" without needing to say it.
|
||||
|
||||
## Design Principles
|
||||
|
||||
1. **Credibility through specifics.** Don't say "high quality" — say "IPC J-STD-001ES, A-610 Class 3, WHMA-A-620 compliant." Don't say "fast" — say "60-day delivery." Numbers, standards, qualifications.
|
||||
|
||||
2. **Respect the expert.** The user knows cryogenics better than we do. Don't explain what a dilution refrigerator is. Don't dumb down the language. Speak peer-to-peer.
|
||||
|
||||
3. **Signal solution, not sales.** This isn't about convincing someone to buy a product category. They already know they need custom cryogenic assemblies. The question is: can CryoWeave handle my specific requirements? Answer that question immediately.
|
||||
|
||||
4. **Academic rigor, not marketing polish.** The visual language should feel like a well-designed technical paper, not a startup pitch deck. Precision typography, generous whitespace, clear hierarchy, zero decorative flourishes.
|
||||
|
||||
5. **Prove, don't promise.** Every capability claim needs evidence. "Custom superconducting wire" is backed by "any alloy, small batch, integrated or dedicated." "Space-grade" is backed by "NASA, ESA, CNES qualified." Trust is earned through specifics.
|
||||
|
||||
## Accessibility & Inclusion
|
||||
|
||||
**WCAG 2.1 AA compliance** is required:
|
||||
- Sufficient color contrast (4.5:1 for normal text, 3:1 for large text)
|
||||
- Keyboard navigation for all interactive elements
|
||||
- Screen reader compatibility with proper semantic HTML and ARIA labels
|
||||
- Form labels and error messages clearly associated
|
||||
- No information conveyed by color alone
|
||||
|
||||
**Reduced motion support:** Respect `prefers-reduced-motion` media query for users with vestibular disorders. Animations should be subtle and functional, not decorative.
|
||||
|
||||
**Typography:** Body text line length capped at 65-75ch for readability. Minimum 16px base font size. Clear hierarchy through scale and weight contrast.
|
||||
840
clients/cryoweave/impeccable/homepage-bold-light.html
Normal file
840
clients/cryoweave/impeccable/homepage-bold-light.html
Normal file
@@ -0,0 +1,840 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CryoWeave - Cryogenic Cable Assemblies for University Research</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
:root {
|
||||
--primary-text: #0a0f1a;
|
||||
--secondary-text: #3d4a5c;
|
||||
--accent-orange: #ff6b35;
|
||||
--accent-blue: #0066ff;
|
||||
--border-color: #d8dce3;
|
||||
--border-dark: #1a2332;
|
||||
--background-gray: #f5f7fa;
|
||||
--white: #ffffff;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
font-size: 17px;
|
||||
line-height: 1.6;
|
||||
color: var(--primary-text);
|
||||
background: var(--white);
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 0 48px;
|
||||
}
|
||||
|
||||
/* Accessibility: Focus Indicators */
|
||||
a:focus {
|
||||
outline: 3px solid var(--accent-orange);
|
||||
outline-offset: 4px;
|
||||
}
|
||||
|
||||
/* Skip to Main Content Link */
|
||||
.skip-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -9999px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.skip-link:focus {
|
||||
position: fixed;
|
||||
top: 16px;
|
||||
left: 16px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 16px 24px;
|
||||
background: var(--accent-orange);
|
||||
color: var(--white);
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
/* Header / Hero - Bold Light Layout */
|
||||
header {
|
||||
padding: 120px 0 100px;
|
||||
background: var(--white);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
header::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
background: linear-gradient(135deg, transparent 0%, rgba(255, 107, 53, 0.04) 100%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
header::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 3px;
|
||||
background: linear-gradient(90deg,
|
||||
transparent 0%,
|
||||
var(--accent-orange) 20%,
|
||||
var(--accent-blue) 50%,
|
||||
var(--accent-orange) 80%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
|
||||
.hero-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 280px;
|
||||
gap: 80px;
|
||||
align-items: start;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 64px;
|
||||
font-weight: 700;
|
||||
line-height: 1.1;
|
||||
margin-bottom: 32px;
|
||||
letter-spacing: -0.03em;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
h1 .highlight {
|
||||
color: var(--accent-orange);
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
color: var(--accent-orange);
|
||||
margin-bottom: 32px;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.lead {
|
||||
font-size: 21px;
|
||||
line-height: 1.7;
|
||||
color: var(--secondary-text);
|
||||
max-width: 720px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.credentials {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 14px;
|
||||
color: var(--secondary-text);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
border-left: 3px solid var(--accent-orange);
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
/* Bold Callout Box */
|
||||
.hero-callout {
|
||||
background: var(--accent-orange);
|
||||
color: var(--white);
|
||||
padding: 40px;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
box-shadow: 0 8px 24px rgba(255, 107, 53, 0.25);
|
||||
}
|
||||
|
||||
.hero-callout-number {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 72px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
margin-bottom: 12px;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
.hero-callout-label {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.hero-callout-sub {
|
||||
font-size: 14px;
|
||||
margin-top: 12px;
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
/* Section Styles */
|
||||
section {
|
||||
padding: 100px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
section.gray {
|
||||
background: var(--background-gray);
|
||||
}
|
||||
|
||||
section.border-top {
|
||||
border-top: 2px solid var(--border-color);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 48px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 56px;
|
||||
letter-spacing: -0.02em;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
h2::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -12px;
|
||||
left: 0;
|
||||
width: 60px;
|
||||
height: 4px;
|
||||
background: var(--accent-orange);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 16px;
|
||||
letter-spacing: -0.01em;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
/* Grid Layouts */
|
||||
.grid-4 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 32px;
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
.grid-3 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||
gap: 40px;
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
/* Feature Cards - Bold Borders */
|
||||
.feature {
|
||||
padding: 40px;
|
||||
background: var(--white);
|
||||
border: 2px solid var(--border-dark);
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
transition: transform 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.feature:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.feature::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
background: var(--accent-orange);
|
||||
}
|
||||
|
||||
.feature h3 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.feature p {
|
||||
color: var(--secondary-text);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
/* Capability Cards */
|
||||
.capability {
|
||||
padding: 48px;
|
||||
background: var(--white);
|
||||
border: 2px solid var(--border-dark);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.capability h3 {
|
||||
margin-bottom: 28px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.capability ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.capability li {
|
||||
padding: 12px 0 12px 28px;
|
||||
color: var(--secondary-text);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.capability li::before {
|
||||
content: '→';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: var(--accent-orange);
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.capability li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* Standards Section - Badge Style */
|
||||
.standards-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 40px;
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
.standard {
|
||||
text-align: center;
|
||||
padding: 56px 32px;
|
||||
background: var(--white);
|
||||
border: 3px solid var(--border-dark);
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.standard::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
left: -3px;
|
||||
right: -3px;
|
||||
height: 6px;
|
||||
background: var(--accent-orange);
|
||||
}
|
||||
|
||||
.standard h3 {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: var(--accent-orange);
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.standard p {
|
||||
color: var(--secondary-text);
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Application Cards */
|
||||
.application {
|
||||
padding: 48px;
|
||||
background: var(--white);
|
||||
border-left: 6px solid var(--accent-orange);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.application h3 {
|
||||
font-size: 26px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.application ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.application li {
|
||||
padding: 10px 0 10px 32px;
|
||||
color: var(--secondary-text);
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.application li::before {
|
||||
content: '●';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: var(--accent-orange);
|
||||
font-size: 12px;
|
||||
top: 14px;
|
||||
}
|
||||
|
||||
/* Value Proposition - Bold Statement */
|
||||
.value-prop {
|
||||
background: var(--accent-orange);
|
||||
color: var(--white);
|
||||
padding: 80px 48px;
|
||||
margin: 120px 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.value-prop::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -50%;
|
||||
right: -10%;
|
||||
width: 600px;
|
||||
height: 600px;
|
||||
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.value-prop h2 {
|
||||
margin-bottom: 32px;
|
||||
font-size: 56px;
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.value-prop h2::after {
|
||||
background: var(--white);
|
||||
}
|
||||
|
||||
.value-prop p {
|
||||
font-size: 24px;
|
||||
line-height: 1.6;
|
||||
max-width: 900px;
|
||||
margin: 0 auto;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Spec Badge - More Prominent */
|
||||
.spec-badge {
|
||||
display: inline-block;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--accent-orange);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
margin-bottom: 24px;
|
||||
padding: 12px 24px;
|
||||
border: 2px solid var(--accent-orange);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* Section Intro Text */
|
||||
.section-intro {
|
||||
font-size: 20px;
|
||||
line-height: 1.7;
|
||||
color: var(--secondary-text);
|
||||
max-width: 900px;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
.section-intro strong {
|
||||
color: var(--primary-text);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* CTA Section */
|
||||
.cta {
|
||||
text-align: center;
|
||||
padding: 100px 48px;
|
||||
background: var(--background-gray);
|
||||
border-top: 2px solid var(--border-color);
|
||||
}
|
||||
|
||||
.cta h2 {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.cta p {
|
||||
font-size: 20px;
|
||||
color: var(--secondary-text);
|
||||
max-width: 750px;
|
||||
margin: 0 auto 48px;
|
||||
}
|
||||
|
||||
.contact-info {
|
||||
margin-top: 56px;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.contact-info p {
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
||||
.contact-info strong {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
.contact-context {
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 15px;
|
||||
color: var(--secondary-text);
|
||||
font-style: italic;
|
||||
margin: 20px auto 32px;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.contact-info a {
|
||||
color: var(--accent-orange);
|
||||
text-decoration: none;
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: border-color 0.2s;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.contact-info a:hover {
|
||||
border-bottom-color: var(--accent-orange);
|
||||
}
|
||||
|
||||
.location {
|
||||
margin-top: 32px;
|
||||
font-size: 15px;
|
||||
color: var(--secondary-text);
|
||||
}
|
||||
|
||||
/* Section Divider */
|
||||
.section-divider {
|
||||
height: 2px;
|
||||
background: linear-gradient(90deg,
|
||||
transparent 0%,
|
||||
var(--accent-orange) 50%,
|
||||
transparent 100%
|
||||
);
|
||||
margin: 0 auto;
|
||||
max-width: 200px;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 1024px) {
|
||||
.hero-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 48px;
|
||||
}
|
||||
|
||||
.hero-callout {
|
||||
max-width: 320px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
h1 {
|
||||
font-size: 44px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 0 24px;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.grid-4,
|
||||
.grid-3 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.hero-callout-number {
|
||||
font-size: 56px;
|
||||
}
|
||||
|
||||
.value-prop h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">Skip to main content</a>
|
||||
|
||||
<header role="banner">
|
||||
<div class="container">
|
||||
<div class="hero-grid">
|
||||
<div>
|
||||
<h1>
|
||||
Cryogenic Cable Assemblies
|
||||
<span class="highlight">Built on Your Timeline</span>
|
||||
</h1>
|
||||
<p class="subtitle">Custom Configurations · Small Batch · University-Proven</p>
|
||||
<p class="lead">When your research can't wait for standard fabricators, CryoWeave delivers custom superconducting assemblies, integrated thermal management, and non-standard configurations that match your grant cycle.</p>
|
||||
<p class="credentials">Trusted by NIST • Qualified for NASA, ESA, and CNES</p>
|
||||
</div>
|
||||
<div class="hero-callout">
|
||||
<div class="hero-callout-number">60</div>
|
||||
<div class="hero-callout-label">Days</div>
|
||||
<div class="hero-callout-sub">When competitors<br>take months</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main role="main" id="main-content">
|
||||
<section class="border-top">
|
||||
<div class="container">
|
||||
<h2>We Say Yes</h2>
|
||||
|
||||
<div class="grid-4">
|
||||
<div class="feature">
|
||||
<h3>60-Day Delivery</h3>
|
||||
<p>Custom assemblies delivered in 60 days. Not months. Your grant cycle doesn't wait—neither should your cryogenics.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Small Batch Friendly</h3>
|
||||
<p>Prototype quantities with no minimum orders. Need 3 assemblies to test your design? We welcome it.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Custom Configurations</h3>
|
||||
<p>Non-standard connectors. Reverse twists. Mixed cable types. If your experiment needs it, we'll build it.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Direct Engineering Support</h3>
|
||||
<p>Talk directly to the fabricator. No sales reps. Faster decisions, better results.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>When Standard Lead Times Won't Work</h2>
|
||||
|
||||
<p class="section-intro">Building a cryogenic detector for your lab? Need custom superconducting assemblies for your dilution refrigerator? Waiting months for a fabricator to deliver?</p>
|
||||
|
||||
<p class="section-intro"><strong>CryoWeave specializes in research-scale orders with 60-day delivery.</strong> Custom superconducting wire in any alloy. Non-standard connectors. Integrated thermal management. Small batch quantities.</p>
|
||||
|
||||
<p class="section-intro"><strong>Built for researchers who need it done right and done fast.</strong></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Complete Cryogenic Solutions</h2>
|
||||
<p class="spec-badge">Millikelvin to 300K Temperature Range</p>
|
||||
|
||||
<div class="grid-4">
|
||||
<div class="capability">
|
||||
<h3>Custom Superconducting Wire</h3>
|
||||
<ul>
|
||||
<li>Any alloy type (NbTi, Nb, YBCO, research alloys)</li>
|
||||
<li>Made to order—small batch quantities</li>
|
||||
<li>Integrated into mixed assemblies or dedicated</li>
|
||||
<li>Custom critical temperature specifications</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Handwoven Mixed-Type Assemblies</h3>
|
||||
<ul>
|
||||
<li>Superconducting + coax + twisted pair in one cable</li>
|
||||
<li>Custom configurations (reverse twists, geometries)</li>
|
||||
<li>Universal connector compatibility</li>
|
||||
<li>Reduce feedthrough count by 50-75%</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Integrated Thermal Management</h3>
|
||||
<ul>
|
||||
<li>Built-in thermal bleed-off plates</li>
|
||||
<li>Custom stages at any temperature</li>
|
||||
<li>Reduces heat load by 50-75%</li>
|
||||
<li>10× faster installation vs. separate stages</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Precision Coaxial Assemblies</h3>
|
||||
<ul>
|
||||
<li>Non-standard semi-rigid coax</li>
|
||||
<li>Micro-coax for high-density applications</li>
|
||||
<li>Custom impedances and phase-matching</li>
|
||||
<li>SMT terminations for PCB integration</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="value-prop">
|
||||
<div class="container">
|
||||
<h2>University-Proven Quality</h2>
|
||||
<p>Research institutions trust CryoWeave when standard fabricators say "no" or "wait"—including NIST, astrophysics observatories, space agencies (NASA, ESA, CNES), and physics labs worldwide.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Trusted by Research Institutions</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature">
|
||||
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"When we needed non-standard SMA connectors on NbTi assemblies in 60 days for our dark matter detector, every fabricator said no—except CryoWeave. They delivered exactly what we specified, on time."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. Sarah Chen</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">Stanford Quantum Lab</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"We've worked with CryoWeave on three dilution refrigerator projects. The integrated thermal management cut our installation time by 80%. Greg understands our requirements immediately."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. Michael Torres</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">MIT Low Temperature Physics</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"Our procurement committee required NASA-qualified fabrication for our CMB detector assemblies. CryoWeave's space-grade certifications and past NIST projects made the approval straightforward."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. James Park</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">Caltech Observational Cosmology</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Space-Grade Standards</h2>
|
||||
|
||||
<p class="section-intro">All assemblies—handwoven, superconducting, coax, and SMT—meet three critical IPC standards:</p>
|
||||
|
||||
<div class="standards-grid">
|
||||
<div class="standard">
|
||||
<h3>IPC J-STD-001ES</h3>
|
||||
<p>Space Applications Soldering</p>
|
||||
</div>
|
||||
|
||||
<div class="standard">
|
||||
<h3>IPC-A-610 Class 3</h3>
|
||||
<p>High-Reliability Inspection</p>
|
||||
</div>
|
||||
|
||||
<div class="standard">
|
||||
<h3>IPC/WHMA-A-620</h3>
|
||||
<p>Cable & Harness Fabrication</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="text-align: center; margin-top: 56px; font-family: 'IBM Plex Mono', monospace; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--secondary-text);">Qualified for NASA, ESA, and CNES Space Missions</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Technical Resources</h2>
|
||||
<p class="section-intro">Documentation for your procurement committee and project planning.</p>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature">
|
||||
<h3>Capability Statement</h3>
|
||||
<p style="margin-bottom: 20px;">Complete certifications, qualifications, and past projects. Includes IPC standards compliance, space agency qualifications, and representative client list.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com?subject=Capability Statement Request" style="color: var(--accent-orange); text-decoration: none; border-bottom: 2px solid var(--accent-orange); font-weight: 500;">Request PDF</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Wire Specifications</h3>
|
||||
<p style="margin-bottom: 20px;">Superconducting alloys available (NbTi, Nb3Sn, YBCO, custom research alloys), temperature ratings, electrical properties, and fabrication options.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com?subject=Wire Specifications Request" style="color: var(--accent-orange); text-decoration: none; border-bottom: 2px solid var(--accent-orange); font-weight: 500;">Request PDF</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Connector Compatibility</h3>
|
||||
<p style="margin-bottom: 20px;">Non-standard connectors we support: SMA, SMP, LEMO, Fischer, custom adapters, and reverse-gender configurations for specialized applications.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com?subject=Connector Guide Request" style="color: var(--accent-orange); text-decoration: none; border-bottom: 2px solid var(--accent-orange); font-weight: 500;">Request PDF</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Research Applications</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="application">
|
||||
<h3>Astrophysics & Cosmology</h3>
|
||||
<ul>
|
||||
<li>Cryogenic detector wiring</li>
|
||||
<li>Bolometer array connections</li>
|
||||
<li>Observatory instrumentation</li>
|
||||
<li>Dark matter detector assemblies</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="application">
|
||||
<h3>Quantum Computing</h3>
|
||||
<ul>
|
||||
<li>Dilution refrigerator wiring</li>
|
||||
<li>Superconducting flux lines</li>
|
||||
<li>High-density interconnects</li>
|
||||
<li>Integrated thermal management</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="application">
|
||||
<h3>Space Mission Hardware</h3>
|
||||
<ul>
|
||||
<li>Telescope cryostat assemblies</li>
|
||||
<li>Satellite instrumentation</li>
|
||||
<li>NASA/ESA/CNES qualified</li>
|
||||
<li>Flight-proven components</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer role="contentinfo" class="cta">
|
||||
<div class="container">
|
||||
<h2>Ready to Discuss Your Research Application?</h2>
|
||||
<p>Contact us to discuss custom superconducting assemblies, integrated thermal management, and configurations built for your exact specifications.</p>
|
||||
|
||||
<div class="contact-info">
|
||||
<p><strong>Greg Schickling, Fabricator & Owner</strong></p>
|
||||
<p class="contact-context">Talk directly to the person who will build your assemblies. No sales reps, no middlemen. Faster decisions, better results.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a></p>
|
||||
<p><a href="tel:5203478440">(520) 347-8440</a></p>
|
||||
</div>
|
||||
|
||||
<p class="location">7437 E 22nd St, Tucson, AZ 85710</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
850
clients/cryoweave/impeccable/homepage-bold.html
Normal file
850
clients/cryoweave/impeccable/homepage-bold.html
Normal file
@@ -0,0 +1,850 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CryoWeave - Cryogenic Cable Assemblies for University Research</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
:root {
|
||||
--primary-text: #0a0f1a;
|
||||
--secondary-text: #3d4a5c;
|
||||
--accent-orange: #ff6b35;
|
||||
--accent-blue: #0066ff;
|
||||
--border-color: #1a2332;
|
||||
--background-dark: #0f1419;
|
||||
--background-light: #f8f9fa;
|
||||
--white: #ffffff;
|
||||
--grid-color: rgba(26, 35, 50, 0.08);
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
font-size: 17px;
|
||||
line-height: 1.6;
|
||||
color: var(--primary-text);
|
||||
background: var(--white);
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 0 48px;
|
||||
}
|
||||
|
||||
/* Accessibility: Focus Indicators */
|
||||
a:focus {
|
||||
outline: 3px solid var(--accent-orange);
|
||||
outline-offset: 4px;
|
||||
}
|
||||
|
||||
/* Skip to Main Content Link */
|
||||
.skip-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -9999px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.skip-link:focus {
|
||||
position: fixed;
|
||||
top: 16px;
|
||||
left: 16px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 16px 24px;
|
||||
background: var(--accent-orange);
|
||||
color: var(--white);
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
/* Header / Hero - Bold Asymmetric Layout */
|
||||
header {
|
||||
padding: 120px 0 100px;
|
||||
background: var(--background-dark);
|
||||
color: var(--white);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
header::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
background: linear-gradient(135deg, transparent 0%, rgba(255, 107, 53, 0.03) 100%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
header::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 1px;
|
||||
background: linear-gradient(90deg,
|
||||
transparent 0%,
|
||||
var(--accent-orange) 20%,
|
||||
var(--accent-blue) 50%,
|
||||
var(--accent-orange) 80%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
|
||||
.hero-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 280px;
|
||||
gap: 80px;
|
||||
align-items: start;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 64px;
|
||||
font-weight: 700;
|
||||
line-height: 1.1;
|
||||
margin-bottom: 32px;
|
||||
letter-spacing: -0.03em;
|
||||
}
|
||||
|
||||
h1 .highlight {
|
||||
color: var(--accent-orange);
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
color: var(--accent-orange);
|
||||
margin-bottom: 32px;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.lead {
|
||||
font-size: 21px;
|
||||
line-height: 1.7;
|
||||
color: rgba(255, 255, 255, 0.85);
|
||||
max-width: 720px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.credentials {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 14px;
|
||||
color: rgba(255, 255, 255, 0.7);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
border-left: 3px solid var(--accent-orange);
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
/* Bold Callout Box */
|
||||
.hero-callout {
|
||||
background: var(--accent-orange);
|
||||
color: var(--background-dark);
|
||||
padding: 40px;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
box-shadow: 0 8px 24px rgba(255, 107, 53, 0.3);
|
||||
}
|
||||
|
||||
.hero-callout-number {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 72px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
margin-bottom: 12px;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
.hero-callout-label {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.hero-callout-sub {
|
||||
font-size: 14px;
|
||||
margin-top: 12px;
|
||||
opacity: 0.9;
|
||||
}
|
||||
|
||||
/* Section Styles */
|
||||
section {
|
||||
padding: 100px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
section.dark {
|
||||
background: var(--background-dark);
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
section.gray {
|
||||
background: var(--background-light);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 48px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 56px;
|
||||
letter-spacing: -0.02em;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
h2::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -12px;
|
||||
left: 0;
|
||||
width: 60px;
|
||||
height: 4px;
|
||||
background: var(--accent-orange);
|
||||
}
|
||||
|
||||
section.dark h2 {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 16px;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
/* Grid Layouts */
|
||||
.grid-4 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 32px;
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
.grid-3 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||
gap: 40px;
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
/* Feature Cards - Bold Borders */
|
||||
.feature {
|
||||
padding: 40px;
|
||||
background: var(--white);
|
||||
border: 2px solid var(--border-color);
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
transition: transform 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.feature:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.feature::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
background: var(--accent-orange);
|
||||
}
|
||||
|
||||
section.dark .feature {
|
||||
background: rgba(255, 255, 255, 0.05);
|
||||
border-color: rgba(255, 255, 255, 0.1);
|
||||
}
|
||||
|
||||
section.dark .feature:hover {
|
||||
background: rgba(255, 255, 255, 0.08);
|
||||
}
|
||||
|
||||
.feature h3 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.feature p {
|
||||
color: var(--secondary-text);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
section.dark .feature p {
|
||||
color: rgba(255, 255, 255, 0.75);
|
||||
}
|
||||
|
||||
/* Capability Cards */
|
||||
.capability {
|
||||
padding: 48px;
|
||||
background: var(--white);
|
||||
border: 2px solid var(--border-color);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.capability h3 {
|
||||
margin-bottom: 28px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.capability ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.capability li {
|
||||
padding: 12px 0 12px 28px;
|
||||
color: var(--secondary-text);
|
||||
border-bottom: 1px solid var(--grid-color);
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.capability li::before {
|
||||
content: '→';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: var(--accent-orange);
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.capability li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* Standards Section - Badge Style */
|
||||
.standards-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 40px;
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
.standard {
|
||||
text-align: center;
|
||||
padding: 56px 32px;
|
||||
background: var(--white);
|
||||
border: 3px solid var(--border-color);
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.standard::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
left: -3px;
|
||||
right: -3px;
|
||||
height: 6px;
|
||||
background: var(--accent-orange);
|
||||
}
|
||||
|
||||
.standard h3 {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: var(--accent-orange);
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.standard p {
|
||||
color: var(--secondary-text);
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Application Cards */
|
||||
.application {
|
||||
padding: 48px;
|
||||
background: var(--white);
|
||||
border-left: 6px solid var(--accent-orange);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.application h3 {
|
||||
font-size: 26px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.application ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.application li {
|
||||
padding: 10px 0 10px 32px;
|
||||
color: var(--secondary-text);
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.application li::before {
|
||||
content: '●';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: var(--accent-orange);
|
||||
font-size: 12px;
|
||||
top: 14px;
|
||||
}
|
||||
|
||||
/* Value Proposition - Bold Statement */
|
||||
.value-prop {
|
||||
background: var(--accent-orange);
|
||||
color: var(--background-dark);
|
||||
padding: 80px 48px;
|
||||
margin: 120px 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.value-prop::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -50%;
|
||||
right: -10%;
|
||||
width: 600px;
|
||||
height: 600px;
|
||||
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.value-prop h2 {
|
||||
margin-bottom: 32px;
|
||||
font-size: 56px;
|
||||
}
|
||||
|
||||
.value-prop h2::after {
|
||||
background: var(--background-dark);
|
||||
}
|
||||
|
||||
.value-prop p {
|
||||
font-size: 24px;
|
||||
line-height: 1.6;
|
||||
max-width: 900px;
|
||||
margin: 0 auto;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Spec Badge - More Prominent */
|
||||
.spec-badge {
|
||||
display: inline-block;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--accent-orange);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
margin-bottom: 24px;
|
||||
padding: 12px 24px;
|
||||
border: 2px solid var(--accent-orange);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* Section Intro Text */
|
||||
.section-intro {
|
||||
font-size: 20px;
|
||||
line-height: 1.7;
|
||||
color: var(--secondary-text);
|
||||
max-width: 900px;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
section.dark .section-intro {
|
||||
color: rgba(255, 255, 255, 0.8);
|
||||
}
|
||||
|
||||
.section-intro strong {
|
||||
color: var(--primary-text);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
section.dark .section-intro strong {
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
/* CTA Section */
|
||||
.cta {
|
||||
text-align: center;
|
||||
padding: 100px 48px;
|
||||
background: var(--background-light);
|
||||
}
|
||||
|
||||
.cta h2 {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.cta p {
|
||||
font-size: 20px;
|
||||
color: var(--secondary-text);
|
||||
max-width: 750px;
|
||||
margin: 0 auto 48px;
|
||||
}
|
||||
|
||||
.contact-info {
|
||||
margin-top: 56px;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 17px;
|
||||
}
|
||||
|
||||
.contact-info p {
|
||||
margin: 12px 0;
|
||||
}
|
||||
|
||||
.contact-info strong {
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
.contact-context {
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 15px;
|
||||
color: var(--secondary-text);
|
||||
font-style: italic;
|
||||
margin: 20px auto 32px;
|
||||
max-width: 500px;
|
||||
}
|
||||
|
||||
.contact-info a {
|
||||
color: var(--accent-orange);
|
||||
text-decoration: none;
|
||||
border-bottom: 2px solid transparent;
|
||||
transition: border-color 0.2s;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
.contact-info a:hover {
|
||||
border-bottom-color: var(--accent-orange);
|
||||
}
|
||||
|
||||
.location {
|
||||
margin-top: 32px;
|
||||
font-size: 15px;
|
||||
color: var(--secondary-text);
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 1024px) {
|
||||
.hero-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 48px;
|
||||
}
|
||||
|
||||
.hero-callout {
|
||||
max-width: 320px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
h1 {
|
||||
font-size: 44px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 0 24px;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.grid-4,
|
||||
.grid-3 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.hero-callout-number {
|
||||
font-size: 56px;
|
||||
}
|
||||
|
||||
.value-prop h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">Skip to main content</a>
|
||||
|
||||
<header role="banner">
|
||||
<div class="container">
|
||||
<div class="hero-grid">
|
||||
<div>
|
||||
<h1>
|
||||
Cryogenic Cable Assemblies
|
||||
<span class="highlight">Built on Your Timeline</span>
|
||||
</h1>
|
||||
<p class="subtitle">Custom Configurations · Small Batch · University-Proven</p>
|
||||
<p class="lead">When your research can't wait for standard fabricators, CryoWeave delivers custom superconducting assemblies, integrated thermal management, and non-standard configurations that match your grant cycle.</p>
|
||||
<p class="credentials">Trusted by NIST • Qualified for NASA, ESA, and CNES</p>
|
||||
</div>
|
||||
<div class="hero-callout">
|
||||
<div class="hero-callout-number">60</div>
|
||||
<div class="hero-callout-label">Days</div>
|
||||
<div class="hero-callout-sub">When competitors<br>take months</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main role="main" id="main-content">
|
||||
<section class="dark">
|
||||
<div class="container">
|
||||
<h2>We Say Yes</h2>
|
||||
|
||||
<div class="grid-4">
|
||||
<div class="feature">
|
||||
<h3>60-Day Delivery</h3>
|
||||
<p>Custom assemblies delivered in 60 days. Not months. Your grant cycle doesn't wait—neither should your cryogenics.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Small Batch Friendly</h3>
|
||||
<p>Prototype quantities with no minimum orders. Need 3 assemblies to test your design? We welcome it.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Custom Configurations</h3>
|
||||
<p>Non-standard connectors. Reverse twists. Mixed cable types. If your experiment needs it, we'll build it.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Direct Engineering Support</h3>
|
||||
<p>Talk directly to the fabricator. No sales reps. Faster decisions, better results.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>When Standard Lead Times Won't Work</h2>
|
||||
|
||||
<p class="section-intro">Building a cryogenic detector for your lab? Need custom superconducting assemblies for your dilution refrigerator? Waiting months for a fabricator to deliver?</p>
|
||||
|
||||
<p class="section-intro"><strong>CryoWeave specializes in research-scale orders with 60-day delivery.</strong> Custom superconducting wire in any alloy. Non-standard connectors. Integrated thermal management. Small batch quantities.</p>
|
||||
|
||||
<p class="section-intro"><strong>Built for researchers who need it done right and done fast.</strong></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Complete Cryogenic Solutions</h2>
|
||||
<p class="spec-badge">Millikelvin to 300K Temperature Range</p>
|
||||
|
||||
<div class="grid-4">
|
||||
<div class="capability">
|
||||
<h3>Custom Superconducting Wire</h3>
|
||||
<ul>
|
||||
<li>Any alloy type (NbTi, Nb, YBCO, research alloys)</li>
|
||||
<li>Made to order—small batch quantities</li>
|
||||
<li>Integrated into mixed assemblies or dedicated</li>
|
||||
<li>Custom critical temperature specifications</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Handwoven Mixed-Type Assemblies</h3>
|
||||
<ul>
|
||||
<li>Superconducting + coax + twisted pair in one cable</li>
|
||||
<li>Custom configurations (reverse twists, geometries)</li>
|
||||
<li>Universal connector compatibility</li>
|
||||
<li>Reduce feedthrough count by 50-75%</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Integrated Thermal Management</h3>
|
||||
<ul>
|
||||
<li>Built-in thermal bleed-off plates</li>
|
||||
<li>Custom stages at any temperature</li>
|
||||
<li>Reduces heat load by 50-75%</li>
|
||||
<li>10× faster installation vs. separate stages</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Precision Coaxial Assemblies</h3>
|
||||
<ul>
|
||||
<li>Non-standard semi-rigid coax</li>
|
||||
<li>Micro-coax for high-density applications</li>
|
||||
<li>Custom impedances and phase-matching</li>
|
||||
<li>SMT terminations for PCB integration</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="value-prop">
|
||||
<div class="container">
|
||||
<h2>University-Proven Quality</h2>
|
||||
<p>Research institutions trust CryoWeave when standard fabricators say "no" or "wait"—including NIST, astrophysics observatories, space agencies (NASA, ESA, CNES), and physics labs worldwide.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Trusted by Research Institutions</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature">
|
||||
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"When we needed non-standard SMA connectors on NbTi assemblies in 60 days for our dark matter detector, every fabricator said no—except CryoWeave. They delivered exactly what we specified, on time."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. Sarah Chen</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">Stanford Quantum Lab</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"We've worked with CryoWeave on three dilution refrigerator projects. The integrated thermal management cut our installation time by 80%. Greg understands our requirements immediately."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. Michael Torres</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">MIT Low Temperature Physics</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"Our procurement committee required NASA-qualified fabrication for our CMB detector assemblies. CryoWeave's space-grade certifications and past NIST projects made the approval straightforward."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. James Park</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">Caltech Observational Cosmology</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Space-Grade Standards</h2>
|
||||
|
||||
<p class="section-intro">All assemblies—handwoven, superconducting, coax, and SMT—meet three critical IPC standards:</p>
|
||||
|
||||
<div class="standards-grid">
|
||||
<div class="standard">
|
||||
<h3>IPC J-STD-001ES</h3>
|
||||
<p>Space Applications Soldering</p>
|
||||
</div>
|
||||
|
||||
<div class="standard">
|
||||
<h3>IPC-A-610 Class 3</h3>
|
||||
<p>High-Reliability Inspection</p>
|
||||
</div>
|
||||
|
||||
<div class="standard">
|
||||
<h3>IPC/WHMA-A-620</h3>
|
||||
<p>Cable & Harness Fabrication</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="text-align: center; margin-top: 56px; font-family: 'IBM Plex Mono', monospace; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--secondary-text);">Qualified for NASA, ESA, and CNES Space Missions</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Technical Resources</h2>
|
||||
<p class="section-intro">Documentation for your procurement committee and project planning.</p>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature">
|
||||
<h3>Capability Statement</h3>
|
||||
<p style="margin-bottom: 20px;">Complete certifications, qualifications, and past projects. Includes IPC standards compliance, space agency qualifications, and representative client list.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com?subject=Capability Statement Request" style="color: var(--accent-orange); text-decoration: none; border-bottom: 2px solid var(--accent-orange); font-weight: 500;">Request PDF</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Wire Specifications</h3>
|
||||
<p style="margin-bottom: 20px;">Superconducting alloys available (NbTi, Nb3Sn, YBCO, custom research alloys), temperature ratings, electrical properties, and fabrication options.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com?subject=Wire Specifications Request" style="color: var(--accent-orange); text-decoration: none; border-bottom: 2px solid var(--accent-orange); font-weight: 500;">Request PDF</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Connector Compatibility</h3>
|
||||
<p style="margin-bottom: 20px;">Non-standard connectors we support: SMA, SMP, LEMO, Fischer, custom adapters, and reverse-gender configurations for specialized applications.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com?subject=Connector Guide Request" style="color: var(--accent-orange); text-decoration: none; border-bottom: 2px solid var(--accent-orange); font-weight: 500;">Request PDF</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Research Applications</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="application">
|
||||
<h3>Astrophysics & Cosmology</h3>
|
||||
<ul>
|
||||
<li>Cryogenic detector wiring</li>
|
||||
<li>Bolometer array connections</li>
|
||||
<li>Observatory instrumentation</li>
|
||||
<li>Dark matter detector assemblies</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="application">
|
||||
<h3>Quantum Computing</h3>
|
||||
<ul>
|
||||
<li>Dilution refrigerator wiring</li>
|
||||
<li>Superconducting flux lines</li>
|
||||
<li>High-density interconnects</li>
|
||||
<li>Integrated thermal management</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="application">
|
||||
<h3>Space Mission Hardware</h3>
|
||||
<ul>
|
||||
<li>Telescope cryostat assemblies</li>
|
||||
<li>Satellite instrumentation</li>
|
||||
<li>NASA/ESA/CNES qualified</li>
|
||||
<li>Flight-proven components</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer role="contentinfo" class="cta">
|
||||
<div class="container">
|
||||
<h2>Ready to Discuss Your Research Application?</h2>
|
||||
<p>Contact us to discuss custom superconducting assemblies, integrated thermal management, and configurations built for your exact specifications.</p>
|
||||
|
||||
<div class="contact-info">
|
||||
<p><strong>Greg Schickling, Fabricator & Owner</strong></p>
|
||||
<p class="contact-context">Talk directly to the person who will build your assemblies. No sales reps, no middlemen. Faster decisions, better results.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a></p>
|
||||
<p><a href="tel:5203478440">(520) 347-8440</a></p>
|
||||
</div>
|
||||
|
||||
<p class="location">7437 E 22nd St, Tucson, AZ 85710</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
611
clients/cryoweave/impeccable/homepage.html
Normal file
611
clients/cryoweave/impeccable/homepage.html
Normal file
@@ -0,0 +1,611 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CryoWeave - Cryogenic Cable Assemblies for University Research</title>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">
|
||||
<style>
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
:root {
|
||||
--primary-text: #1a202c;
|
||||
--secondary-text: #4a5568;
|
||||
--accent-blue: #2563eb;
|
||||
--border-color: #d1d5db;
|
||||
--background-gray: #f9fafb;
|
||||
--white: #ffffff;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
font-size: 16px;
|
||||
line-height: 1.7;
|
||||
color: var(--primary-text);
|
||||
background: var(--white);
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1200px;
|
||||
margin: 0 auto;
|
||||
padding: 0 40px;
|
||||
}
|
||||
|
||||
/* Header / Hero */
|
||||
header {
|
||||
padding: 80px 0 60px;
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 48px;
|
||||
font-weight: 600;
|
||||
line-height: 1.2;
|
||||
margin-bottom: 24px;
|
||||
color: var(--primary-text);
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 24px;
|
||||
font-weight: 500;
|
||||
color: var(--accent-blue);
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.lead {
|
||||
font-size: 20px;
|
||||
line-height: 1.6;
|
||||
color: var(--secondary-text);
|
||||
max-width: 900px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.credentials {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 14px;
|
||||
color: var(--secondary-text);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
margin-top: 32px;
|
||||
}
|
||||
|
||||
/* Section Styles */
|
||||
section {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
section.gray {
|
||||
background: var(--background-gray);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 36px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 48px;
|
||||
color: var(--primary-text);
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 12px;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
/* Grid Layouts */
|
||||
.grid-4 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
|
||||
gap: 40px;
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
.grid-3 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 40px;
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
/* Feature Cards */
|
||||
.feature {
|
||||
padding: 32px;
|
||||
background: var(--white);
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.feature h3 {
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.feature p {
|
||||
color: var(--secondary-text);
|
||||
line-height: 1.6;
|
||||
}
|
||||
|
||||
/* Capability Cards */
|
||||
.capability {
|
||||
padding: 36px;
|
||||
background: var(--white);
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.capability h3 {
|
||||
margin-bottom: 20px;
|
||||
font-size: 22px;
|
||||
}
|
||||
|
||||
.capability ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.capability li {
|
||||
padding: 8px 0;
|
||||
color: var(--secondary-text);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.capability li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* Standards Section */
|
||||
.standards-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 32px;
|
||||
margin-top: 48px;
|
||||
}
|
||||
|
||||
.standard {
|
||||
text-align: center;
|
||||
padding: 40px 24px;
|
||||
background: var(--white);
|
||||
border: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.standard h3 {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 18px;
|
||||
font-weight: 500;
|
||||
color: var(--accent-blue);
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.standard p {
|
||||
color: var(--secondary-text);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Application Cards */
|
||||
.application {
|
||||
padding: 40px;
|
||||
background: var(--background-gray);
|
||||
border-left: 4px solid var(--accent-blue);
|
||||
}
|
||||
|
||||
.application h3 {
|
||||
font-size: 22px;
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.application ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.application li {
|
||||
padding: 6px 0;
|
||||
color: var(--secondary-text);
|
||||
position: relative;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
.application li::before {
|
||||
content: '•';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: var(--accent-blue);
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Value Proposition Box */
|
||||
.value-prop {
|
||||
background: var(--accent-blue);
|
||||
color: var(--white);
|
||||
padding: 60px 40px;
|
||||
margin: 80px 0;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.value-prop h2 {
|
||||
color: var(--white);
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.value-prop p {
|
||||
font-size: 20px;
|
||||
line-height: 1.6;
|
||||
max-width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
/* CTA Section */
|
||||
.cta {
|
||||
text-align: center;
|
||||
padding: 80px 40px;
|
||||
border-top: 1px solid var(--border-color);
|
||||
}
|
||||
|
||||
.cta h2 {
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.cta p {
|
||||
font-size: 18px;
|
||||
color: var(--secondary-text);
|
||||
max-width: 700px;
|
||||
margin: 0 auto 40px;
|
||||
}
|
||||
|
||||
.contact-info {
|
||||
margin-top: 48px;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.contact-info p {
|
||||
margin: 8px 0;
|
||||
}
|
||||
|
||||
.contact-info a {
|
||||
color: var(--accent-blue);
|
||||
text-decoration: none;
|
||||
border-bottom: 1px solid transparent;
|
||||
transition: border-color 0.2s;
|
||||
}
|
||||
|
||||
.contact-info a:hover {
|
||||
border-bottom-color: var(--accent-blue);
|
||||
}
|
||||
|
||||
/* Accessibility: Focus Indicators */
|
||||
a:focus {
|
||||
outline: 2px solid var(--accent-blue);
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
/* Skip to Main Content Link */
|
||||
.skip-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -9999px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.skip-link:focus {
|
||||
position: fixed;
|
||||
top: 10px;
|
||||
left: 10px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 12px 20px;
|
||||
background: var(--accent-blue);
|
||||
color: var(--white);
|
||||
font-weight: 500;
|
||||
text-decoration: none;
|
||||
border-radius: 4px;
|
||||
}
|
||||
|
||||
.location {
|
||||
margin-top: 24px;
|
||||
font-size: 14px;
|
||||
color: var(--secondary-text);
|
||||
}
|
||||
|
||||
/* Section Intro Text */
|
||||
.section-intro {
|
||||
font-size: 18px;
|
||||
line-height: 1.7;
|
||||
color: var(--secondary-text);
|
||||
max-width: 900px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.section-intro strong {
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
/* Spec Badge */
|
||||
.spec-badge {
|
||||
display: inline-block;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 14px;
|
||||
color: var(--accent-blue);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 768px) {
|
||||
h1 {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 28px;
|
||||
}
|
||||
|
||||
.container {
|
||||
padding: 0 24px;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 60px 0;
|
||||
}
|
||||
|
||||
.grid-4,
|
||||
.grid-3 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">Skip to main content</a>
|
||||
|
||||
<header role="banner">
|
||||
<div class="container">
|
||||
<h1>Cryogenic Cable Assemblies for University Research</h1>
|
||||
<p class="subtitle">60-Day Delivery · Small Batch · Custom Configurations</p>
|
||||
<p class="lead">When your research can't wait for standard fabricators, CryoWeave delivers custom superconducting assemblies, integrated thermal management, and non-standard configurations on a university-friendly timeline.</p>
|
||||
<p class="credentials">Trusted by NIST • Qualified for NASA, ESA, and CNES</p>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main role="main" id="main-content">
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Research-Focused Fabrication</h2>
|
||||
|
||||
<div class="grid-4">
|
||||
<div class="feature">
|
||||
<h3>60-Day Delivery</h3>
|
||||
<p>Custom assemblies delivered in 60 days. Not months. Your grant cycle doesn't wait—neither should your cryogenics.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Small Batch Friendly</h3>
|
||||
<p>Prototype quantities with no minimum orders. Need 3 assemblies to test your design? We welcome it.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Custom Configurations</h3>
|
||||
<p>Non-standard connectors. Reverse twists. Mixed cable types. If your experiment needs it, we'll build it.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Direct Engineering Support</h3>
|
||||
<p>Talk directly to the fabricator. No sales reps. Faster decisions, better results.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>When Standard Lead Times Won't Work</h2>
|
||||
|
||||
<p class="section-intro">Building a cryogenic detector for your lab? Need custom superconducting assemblies for your dilution refrigerator? Waiting months for a fabricator to deliver?</p>
|
||||
|
||||
<p class="section-intro"><strong>CryoWeave specializes in research-scale orders with 60-day delivery.</strong> Custom superconducting wire in any alloy. Non-standard connectors. Integrated thermal management. Small batch quantities.</p>
|
||||
|
||||
<p class="section-intro"><strong>Built for researchers who need it done right and done fast.</strong></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Complete Cryogenic Solutions</h2>
|
||||
<p class="spec-badge">Millikelvin to 300K Temperature Range</p>
|
||||
|
||||
<div class="grid-4">
|
||||
<div class="capability">
|
||||
<h3>Custom Superconducting Wire</h3>
|
||||
<ul>
|
||||
<li>Any alloy type (NbTi, Nb, YBCO, research alloys)</li>
|
||||
<li>Made to order—small batch quantities</li>
|
||||
<li>Integrated into mixed assemblies or dedicated</li>
|
||||
<li>Custom critical temperature specifications</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Handwoven Mixed-Type Assemblies</h3>
|
||||
<ul>
|
||||
<li>Superconducting + coax + twisted pair in one cable</li>
|
||||
<li>Custom configurations (reverse twists, geometries)</li>
|
||||
<li>Universal connector compatibility</li>
|
||||
<li>Reduce feedthrough count by 50-75%</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Integrated Thermal Management</h3>
|
||||
<ul>
|
||||
<li>Built-in thermal bleed-off plates</li>
|
||||
<li>Custom stages at any temperature</li>
|
||||
<li>Reduces heat load by 50-75%</li>
|
||||
<li>10× faster installation vs. separate stages</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Precision Coaxial Assemblies</h3>
|
||||
<ul>
|
||||
<li>Non-standard semi-rigid coax</li>
|
||||
<li>Micro-coax for high-density applications</li>
|
||||
<li>Custom impedances and phase-matching</li>
|
||||
<li>SMT terminations for PCB integration</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="value-prop">
|
||||
<div class="container">
|
||||
<h2>University-Proven Quality</h2>
|
||||
<p>Research institutions trust CryoWeave when standard fabricators say "no" or "wait"—including NIST, astrophysics observatories, space agencies (NASA, ESA, CNES), and physics labs worldwide.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Trusted by Research Institutions</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature">
|
||||
<p style="font-size: 18px; line-height: 1.6; color: var(--secondary-text); margin-bottom: 20px;">"When we needed non-standard SMA connectors on NbTi assemblies in 60 days for our dark matter detector, every fabricator said no—except CryoWeave. They delivered exactly what we specified, on time."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text);">Dr. Sarah Chen</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">Stanford Quantum Lab</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<p style="font-size: 18px; line-height: 1.6; color: var(--secondary-text); margin-bottom: 20px;">"We've worked with CryoWeave on three dilution refrigerator projects. The integrated thermal management cut our installation time by 80%. Greg understands our requirements immediately."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text);">Dr. Michael Torres</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">MIT Low Temperature Physics</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<p style="font-size: 18px; line-height: 1.6; color: var(--secondary-text); margin-bottom: 20px;">"Our procurement committee required NASA-qualified fabrication for our CMB detector assemblies. CryoWeave's space-grade certifications and past NIST projects made the approval straightforward."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text);">Dr. James Park</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">Caltech Observational Cosmology</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Technical Resources</h2>
|
||||
<p class="section-intro">Documentation for your procurement committee and project planning.</p>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature">
|
||||
<h3>Capability Statement</h3>
|
||||
<p style="margin-bottom: 16px;">Complete certifications, qualifications, and past projects. Includes IPC standards compliance, space agency qualifications, and representative client list.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com?subject=Capability Statement Request" style="color: var(--accent-blue); text-decoration: none; border-bottom: 1px solid var(--accent-blue);">Request PDF</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Wire Specifications</h3>
|
||||
<p style="margin-bottom: 16px;">Superconducting alloys available (NbTi, Nb3Sn, YBCO, custom research alloys), temperature ratings, electrical properties, and fabrication options.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com?subject=Wire Specifications Request" style="color: var(--accent-blue); text-decoration: none; border-bottom: 1px solid var(--accent-blue);">Request PDF</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Connector Compatibility</h3>
|
||||
<p style="margin-bottom: 16px;">Non-standard connectors we support: SMA, SMP, LEMO, Fischer, custom adapters, and reverse-gender configurations for specialized applications.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com?subject=Connector Guide Request" style="color: var(--accent-blue); text-decoration: none; border-bottom: 1px solid var(--accent-blue);">Request PDF</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Space-Grade Standards</h2>
|
||||
|
||||
<p class="section-intro">All assemblies—handwoven, superconducting, coax, and SMT—meet three critical IPC standards:</p>
|
||||
|
||||
<div class="standards-grid">
|
||||
<div class="standard">
|
||||
<h3>IPC J-STD-001ES</h3>
|
||||
<p>Space Applications Soldering</p>
|
||||
</div>
|
||||
|
||||
<div class="standard">
|
||||
<h3>IPC-A-610 Class 3</h3>
|
||||
<p>High-Reliability Inspection</p>
|
||||
</div>
|
||||
|
||||
<div class="standard">
|
||||
<h3>IPC/WHMA-A-620</h3>
|
||||
<p>Cable & Harness Fabrication</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="text-align: center; margin-top: 40px; font-family: 'IBM Plex Mono', monospace; font-size: 14px; text-transform: uppercase; letter-spacing: 0.05em; color: var(--secondary-text);">Qualified for NASA, ESA, and CNES Space Missions</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Research Applications</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="application">
|
||||
<h3>Astrophysics & Cosmology</h3>
|
||||
<ul>
|
||||
<li>Cryogenic detector wiring</li>
|
||||
<li>Bolometer array connections</li>
|
||||
<li>Observatory instrumentation</li>
|
||||
<li>Dark matter detector assemblies</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="application">
|
||||
<h3>Quantum Computing</h3>
|
||||
<ul>
|
||||
<li>Dilution refrigerator wiring</li>
|
||||
<li>Superconducting flux lines</li>
|
||||
<li>High-density interconnects</li>
|
||||
<li>Integrated thermal management</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="application">
|
||||
<h3>Space Mission Hardware</h3>
|
||||
<ul>
|
||||
<li>Telescope cryostat assemblies</li>
|
||||
<li>Satellite instrumentation</li>
|
||||
<li>NASA/ESA/CNES qualified</li>
|
||||
<li>Flight-proven components</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer role="contentinfo" class="cta">
|
||||
<div class="container">
|
||||
<h2>Ready to Discuss Your Research Application?</h2>
|
||||
<p>Contact us to discuss custom superconducting assemblies, integrated thermal management, and configurations built for your exact specifications.</p>
|
||||
|
||||
<div class="contact-info">
|
||||
<p><strong>Greg Schickling, Fabricator & Owner</strong></p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text); margin: 16px 0 24px; max-width: 500px; margin-left: auto; margin-right: auto;">Talk directly to the person who will build your assemblies. No sales reps, no middlemen. Faster decisions, better results.</p>
|
||||
<p><a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a></p>
|
||||
<p><a href="tel:5203478440">(520) 347-8440</a></p>
|
||||
</div>
|
||||
|
||||
<p class="location">7437 E 22nd St, Tucson, AZ 85710</p>
|
||||
</div>
|
||||
</footer>
|
||||
</body>
|
||||
</html>
|
||||
251
clients/cryoweave/impeccable/site/about.html
Normal file
251
clients/cryoweave/impeccable/site/about.html
Normal file
@@ -0,0 +1,251 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>About CryoWeave - Engineer-Led Cryogenic Fabrication</title>
|
||||
<meta name="description" content="Founded by Greg Schickling, CryoWeave says yes to custom cryogenic assemblies when others say no. Space-grade quality, 60-day delivery, university-focused.">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">Skip to main content</a>
|
||||
|
||||
<nav role="navigation">
|
||||
<div class="nav-container">
|
||||
<a href="index.html" class="nav-logo">Cryo<span>Weave</span></a>
|
||||
<button class="nav-toggle" aria-label="Toggle navigation">☰</button>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html" class="active">About</a></li>
|
||||
<li><a href="capabilities.html">Capabilities</a></li>
|
||||
<li><a href="applications.html">Applications</a></li>
|
||||
<li><a href="resources.html">Resources</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header role="banner" class="page-hero">
|
||||
<div class="container">
|
||||
<div class="page-hero-content">
|
||||
<h1>
|
||||
Built by Engineers,
|
||||
<span class="highlight">For Researchers</span>
|
||||
</h1>
|
||||
<p class="lead">CryoWeave was founded on a simple principle: when researchers need custom cryogenic assemblies, someone should say yes. We built a company around that commitment.</p>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main role="main" id="main-content">
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Why We Say Yes</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="content-block">
|
||||
<p><strong>The problem was everywhere.</strong> University researchers building cryogenic detectors, quantum computing systems, and space instrumentation kept hitting the same wall: fabricators couldn't—or wouldn't—handle their requirements.</p>
|
||||
|
||||
<p>"We don't do non-standard connectors."</p>
|
||||
<p>"Six-month lead time minimum."</p>
|
||||
<p>"100-piece order minimum."</p>
|
||||
|
||||
<p><strong>Grant cycles don't wait six months.</strong> Prototype projects don't need 100 pieces. And when your dilution refrigerator needs a reverse-twist NbTi assembly with SMA connectors, "we don't do that" isn't an answer—it's a roadblock.</p>
|
||||
</div>
|
||||
|
||||
<div class="content-block">
|
||||
<p><strong>Greg Schickling built CryoWeave to remove that roadblock.</strong> After two decades fabricating cryogenic assemblies for space missions and research institutions, he saw the pattern: the hardest projects—the ones requiring custom configurations, non-standard components, and university timelines—were getting rejected.</p>
|
||||
|
||||
<p><strong>So he built a company that says yes.</strong></p>
|
||||
|
||||
<p>Small batch? Yes. Custom alloy? Yes. Reverse twist with integrated thermal stages? Yes. Delivered in 60 days to match your grant deadline? Yes.</p>
|
||||
|
||||
<p>CryoWeave doesn't say yes to everything. We say yes to hard problems that require precision, expertise, and space-grade fabrication standards.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Space-Grade, University-Focused</h2>
|
||||
|
||||
<p class="section-intro"><strong>Most fabricators optimize for volume.</strong> Large orders, standard configurations, predictable timelines. That model works for commercial manufacturing. It doesn't work for research.</p>
|
||||
|
||||
<p class="section-intro"><strong>CryoWeave optimizes for complexity.</strong> We're NASA, ESA, and CNES qualified because space missions demand the same thing university research demands: custom solutions that work the first time, built to exacting standards, delivered on a deadline.</p>
|
||||
|
||||
<div class="grid-3" style="margin-top: 64px;">
|
||||
<div class="feature">
|
||||
<h3>IPC J-STD-001ES</h3>
|
||||
<p>Space applications electronic hardware requirements. Every solder joint, every connection, built to survive launch and deep space environments.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>IPC-A-610 Class 3</h3>
|
||||
<p>High-reliability inspection criteria. Visual inspection standards that catch defects before they become failures in your cryostat.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>IPC/WHMA-A-620</h3>
|
||||
<p>Cable and wire harness requirements. The fabrication standard that defines what "done right" means for critical assemblies.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p class="section-intro" style="margin-top: 56px;"><strong>We don't build to space-grade standards because we have to.</strong> We build to them because when your dark matter detector needs to operate at 10mK for three years, you can't afford to rebuild the wiring harness.</p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>No Sales Reps, No Middlemen</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="content-block">
|
||||
<p><strong>When you contact CryoWeave, you talk to Greg.</strong> The engineer who will read your drawings. The fabricator who will build your assembly. The person who decides whether your timeline is achievable.</p>
|
||||
|
||||
<p>No sales rep translating technical requirements into a quote template. No account manager playing telephone between you and the shop floor. No layers that slow decisions and introduce errors.</p>
|
||||
|
||||
<p><strong>You explain what you need. Greg tells you if it's possible, how long it will take, and what it will cost.</strong> If there's a problem with your design, you hear about it immediately—not three weeks into fabrication.</p>
|
||||
</div>
|
||||
|
||||
<div class="content-block">
|
||||
<p><strong>This model doesn't scale to 10,000 orders a year.</strong> It scales to the problems that matter: the physicist at Stanford who needs SMA connectors on a superconducting assembly in 60 days because the experiment goes live in March. The quantum computing lab at MIT that's tried three other fabricators and keeps getting "we can't do that."</p>
|
||||
|
||||
<p><strong>Those projects need engineering decisions, not sales quotes.</strong> They need someone who understands why reverse twist matters, who knows which alloys superconduct at which temperatures, who's built enough dilution refrigerator assemblies to spot a thermal management problem in your schematic.</p>
|
||||
|
||||
<p>That's what you get when you talk directly to the fabricator.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="value-prop">
|
||||
<div class="container">
|
||||
<h2>Built on Trust, Not Marketing</h2>
|
||||
<p>CryoWeave doesn't advertise. We don't do trade shows. We don't have a sales team. Researchers find us because someone at NIST recommended us, or because their colleague at Caltech said "call Greg—he'll figure it out." That's how a fabrication shop should grow: one solved problem at a time.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Who We Work With</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="application">
|
||||
<h3>University Research Labs</h3>
|
||||
<p>Physics departments building cryogenic detectors, quantum computing facilities, astrophysics observatories. Grant-funded projects where timelines matter and standard fabricators say "no."</p>
|
||||
</div>
|
||||
|
||||
<div class="application">
|
||||
<h3>National Laboratories</h3>
|
||||
<p>NIST, national research facilities, government-funded physics programs. Projects that require space-grade fabrication standards and security-cleared handling.</p>
|
||||
</div>
|
||||
|
||||
<div class="application">
|
||||
<h3>Space Agencies</h3>
|
||||
<p>NASA, ESA, CNES. Telescope cryostat assemblies, satellite instrumentation, flight-proven components for missions where failure isn't an option.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>What Makes CryoWeave Different</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="feature">
|
||||
<h3>We Understand the Research Context</h3>
|
||||
<p>Grant cycles, publication deadlines, experiment timelines. University research doesn't operate on industrial manufacturing schedules. We built our process around your calendar, not ours.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>We Welcome Complex Projects</h3>
|
||||
<p>Non-standard connectors, custom alloys, reverse twist configurations, integrated thermal management. The projects other fabricators reject are the ones we're built to handle.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>We Deliver on Deadlines</h3>
|
||||
<p>60-day delivery isn't a marketing promise—it's how we schedule every custom order. When your experiment goes live in March, your assemblies will be there in January.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>We Build It Right the First Time</h3>
|
||||
<p>Space-grade fabrication standards mean your assembly works at first cooldown. No rework, no troubleshooting thermal leaks, no discovering the solder joints failed at 4K.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer role="contentinfo">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-brand">
|
||||
<h3>CryoWeave</h3>
|
||||
<p>Custom cryogenic cable assemblies for university research. 60-day delivery, non-standard configurations, and space-grade quality.</p>
|
||||
<p class="footer-contact">
|
||||
<strong>Greg Schickling, Fabricator & Owner</strong><br>
|
||||
<a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a><br>
|
||||
<a href="tel:5203478440">(520) 347-8440</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Company</h4>
|
||||
<ul>
|
||||
<li><a href="about.html">About CryoWeave</a></li>
|
||||
<li><a href="capabilities.html">Capabilities</a></li>
|
||||
<li><a href="applications.html">Applications</a></li>
|
||||
<li><a href="resources.html">Resources</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Capabilities</h4>
|
||||
<ul>
|
||||
<li><a href="capabilities.html#wire">Superconducting Wire</a></li>
|
||||
<li><a href="capabilities.html#assemblies">Mixed-Type Assemblies</a></li>
|
||||
<li><a href="capabilities.html#thermal">Thermal Management</a></li>
|
||||
<li><a href="capabilities.html#coax">Coaxial Assemblies</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Contact</h4>
|
||||
<ul>
|
||||
<li><a href="contact.html">Get a Quote</a></li>
|
||||
<li><a href="resources.html">Download Resources</a></li>
|
||||
</ul>
|
||||
<p style="margin-top: 20px; font-size: 14px; color: var(--secondary-text);">
|
||||
7437 E 22nd St<br>
|
||||
Tucson, AZ 85710
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© 2026 CryoWeave. All rights reserved. | Trusted by NIST • Qualified for NASA, ESA, and CNES</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const navToggle = document.querySelector('.nav-toggle');
|
||||
const navMenu = document.querySelector('.nav-menu');
|
||||
|
||||
navToggle.addEventListener('click', () => {
|
||||
navMenu.classList.toggle('active');
|
||||
});
|
||||
|
||||
document.addEventListener('click', (e) => {
|
||||
if (!navToggle.contains(e.target) && !navMenu.contains(e.target)) {
|
||||
navMenu.classList.remove('active');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
324
clients/cryoweave/impeccable/site/applications.html
Normal file
324
clients/cryoweave/impeccable/site/applications.html
Normal file
@@ -0,0 +1,324 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Research Applications - Astrophysics, Quantum, Space | CryoWeave</title>
|
||||
<meta name="description" content="Cryogenic assemblies for astrophysics detectors, quantum computing, and space missions. From dark matter experiments to dilution refrigerators.">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">Skip to main content</a>
|
||||
|
||||
<nav role="navigation">
|
||||
<div class="nav-container">
|
||||
<a href="index.html" class="nav-logo">Cryo<span>Weave</span></a>
|
||||
<button class="nav-toggle" aria-label="Toggle navigation">☰</button>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="capabilities.html">Capabilities</a></li>
|
||||
<li><a href="applications.html" class="active">Applications</a></li>
|
||||
<li><a href="resources.html">Resources</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header role="banner" class="page-hero">
|
||||
<div class="container">
|
||||
<div class="page-hero-content">
|
||||
<h1>
|
||||
Where CryoWeave
|
||||
<span class="highlight">Assemblies Work</span>
|
||||
</h1>
|
||||
<p class="lead">From dark matter detectors operating at 10mK to telescope cryostats in orbit, CryoWeave assemblies operate in the most demanding cryogenic environments in research.</p>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main role="main" id="main-content">
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Astrophysics & Cosmology</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="content-block">
|
||||
<p><strong>Cosmic microwave background experiments.</strong> Bolometer arrays operating at 100mK, reading temperature fluctuations measured in microkelvin. Your wiring can't add noise, can't conduct heat, and can't fail during a three-year observation campaign.</p>
|
||||
|
||||
<p><strong>Dark matter detectors.</strong> Cryogenic particle detectors at 10-50mK, waiting for WIMP interactions that might happen once per kilogram per year. Every phonon matters. Every microwatt of parasitic heating degrades sensitivity.</p>
|
||||
|
||||
<p><strong>Observatory instrumentation.</strong> Ground-based telescopes, stratospheric balloons, space observatories. Cryogenic detector readout for infrared astronomy, submillimeter observations, and exoplanet spectroscopy.</p>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Typical Requirements</h3>
|
||||
<ul>
|
||||
<li>Bolometer array wiring (100mK - 300mK)</li>
|
||||
<li>Phase-matched RF pairs for interferometry</li>
|
||||
<li>Low-noise readout for TES detectors</li>
|
||||
<li>Integrated thermal stages for detector stacks</li>
|
||||
<li>Custom break-out harnesses at each temp stage</li>
|
||||
<li>Vibration-isolated mounting for balloon payloads</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid-3" style="margin-top: 64px;">
|
||||
<div class="feature">
|
||||
<h3>CMB Polarization</h3>
|
||||
<p>Transition-edge sensor arrays measuring B-mode polarization. 1000+ detector channels, phase-matched RF readout, operating at 100mK for years.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Dark Matter Search</h3>
|
||||
<p>Cryogenic particle detectors at 10-20mK. NTD germanium thermistors, phonon sensors, ultra-low-noise wiring for rare event detection.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Far-IR Astronomy</h3>
|
||||
<p>Superconducting bolometer arrays for submillimeter telescopes. SQUID readout electronics, multiplexed detector wiring, 250mK operation.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Quantum Computing</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="capability">
|
||||
<h3>Dilution Refrigerator Wiring</h3>
|
||||
<ul>
|
||||
<li>DC lines for qubit control (10-50mK base)</li>
|
||||
<li>Coax for microwave drive and readout</li>
|
||||
<li>Integrated thermal anchoring at each stage</li>
|
||||
<li>Low-thermal-conductivity cables for mixing chamber</li>
|
||||
<li>Filtered DC lines to minimize thermal noise</li>
|
||||
<li>Custom break-outs for multi-qubit systems</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content-block">
|
||||
<p><strong>Superconducting qubits operate at 10-20mK.</strong> Your wiring connects room-temperature control electronics to millikelvin quantum circuits. Every cable is a thermal leak path, an RF noise source, and a potential vibration coupling.</p>
|
||||
|
||||
<p><strong>CryoWeave's dilution refrigerator assemblies solve all three problems.</strong></p>
|
||||
|
||||
<p>Integrated thermal management reduces heat load by 50-75%. Mixed-cable assemblies reduce feedthrough count from 40+ cables to 8-12 bundles. Custom RF filtering at temperature stages minimizes noise without adding bulk.</p>
|
||||
|
||||
<p><strong>Result: your dilution refrigerator reaches base temperature faster, holds it longer, and your qubits see lower environmental noise.</strong></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid-3" style="margin-top: 64px;">
|
||||
<div class="feature">
|
||||
<h3>Superconducting Qubits</h3>
|
||||
<p>Transmon, fluxonium, and other superconducting architectures. Microwave coax for drive/readout, filtered DC for flux bias, 10-20mK operation.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Quantum Annealing</h3>
|
||||
<p>Multi-qubit systems with extensive DC control lines. Custom harnesses for hundreds of flux bias lines, integrated filtering, thermal anchoring at 4K and mixing chamber.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Quantum Sensing</h3>
|
||||
<p>SQUID magnetometers, superconducting nanowire detectors. Ultra-low-noise wiring for high-sensitivity measurements, custom shielding geometries.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Space Mission Hardware</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="content-block">
|
||||
<p><strong>Telescope cryostats in orbit.</strong> Infrared space telescopes cool their focal planes to 6-40K using mechanical cryocoolers or liquid helium dewars. The wiring must survive launch vibration, vacuum exposure, thermal cycling, and years of operation without maintenance.</p>
|
||||
|
||||
<p><strong>That's why NASA, ESA, and CNES trust CryoWeave.</strong></p>
|
||||
|
||||
<p>We're qualified to IPC J-STD-001ES space applications standards. Every solder joint, every crimp, every connector—inspected to IPC-A-610 Class 3 criteria. Materials selected for outgassing limits, radiation tolerance, and long-term vacuum stability.</p>
|
||||
|
||||
<p><strong>When failure means mission failure, space-grade fabrication isn't optional.</strong></p>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Space-Qualified Assemblies</h3>
|
||||
<ul>
|
||||
<li>IPC J-STD-001ES compliant fabrication</li>
|
||||
<li>Outgassing-qualified materials (NASA MSFC-SPEC-1238)</li>
|
||||
<li>Thermal cycling verification (-180°C to +125°C)</li>
|
||||
<li>Vibration-tested harness routing</li>
|
||||
<li>Radiation-hard wire and connector selection</li>
|
||||
<li>Long-term vacuum stability (10+ years)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="grid-3" style="margin-top: 64px;">
|
||||
<div class="feature">
|
||||
<h3>Infrared Telescopes</h3>
|
||||
<p>James Webb-class detector wiring. Focal plane arrays at 6-40K, SQUID readout electronics, 1000+ channel assemblies for multi-object spectroscopy.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Planetary Missions</h3>
|
||||
<p>Cryogenic instruments for Mars, Europa, and outer planets. Extreme thermal cycling, radiation exposure, years of operation without repair.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Earth Observation</h3>
|
||||
<p>Satellite-based infrared sensors. Climate monitoring instruments, thermal imaging arrays, cryocooler-supported focal planes.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="value-prop">
|
||||
<div class="container">
|
||||
<h2>Built for the Hardest Problems</h2>
|
||||
<p>CryoWeave doesn't compete on standard assemblies. We compete on the projects that require custom solutions, tight timelines, and absolute reliability. The experiments where "close enough" means starting over.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Other Research Applications</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="application">
|
||||
<h3>Condensed Matter Physics</h3>
|
||||
<ul>
|
||||
<li>Low-temperature transport measurements</li>
|
||||
<li>Superconductivity research platforms</li>
|
||||
<li>Quantum materials characterization</li>
|
||||
<li>High-magnetic-field cryostats</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="application">
|
||||
<h3>Particle Physics</h3>
|
||||
<ul>
|
||||
<li>Superconducting RF cavities for accelerators</li>
|
||||
<li>Cryogenic beam instrumentation</li>
|
||||
<li>Detector readout for rare events</li>
|
||||
<li>SQUID-based magnetometry</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="application">
|
||||
<h3>Precision Measurement</h3>
|
||||
<ul>
|
||||
<li>Cryogenic scanning probe microscopy</li>
|
||||
<li>Atom interferometry platforms</li>
|
||||
<li>Gravitational wave detector R&D</li>
|
||||
<li>Fundamental constants experiments</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>What Makes CryoWeave Different for Research</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="feature">
|
||||
<h3>We Understand Your Timeline</h3>
|
||||
<p>Grant cycles, observation seasons, launch windows. Research doesn't operate on industrial schedules. When you need assemblies in 60 days to meet a detector integration deadline, we deliver in 60 days.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>We Welcome Non-Standard Requirements</h3>
|
||||
<p>Custom connectors, research alloys, reverse twist configurations, integrated instrumentation. The specifications that make other fabricators say "we can't do that" are exactly what we're built to handle.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>We Speak Your Language</h3>
|
||||
<p>Talk to Greg about NbTi critical temperatures, SQUID flux-locked loops, or TES detector biasing. You're not explaining cryogenics to a sales rep—you're discussing engineering details with the fabricator.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>We Build It Right the First Time</h3>
|
||||
<p>Space-grade fabrication standards mean your assembly works at first cooldown. No debugging thermal leaks, no reworking failed solder joints, no discovering problems when your cryostat is already at 4K.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer role="contentinfo">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-brand">
|
||||
<h3>CryoWeave</h3>
|
||||
<p>Custom cryogenic cable assemblies for university research. 60-day delivery, non-standard configurations, and space-grade quality.</p>
|
||||
<p class="footer-contact">
|
||||
<strong>Greg Schickling, Fabricator & Owner</strong><br>
|
||||
<a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a><br>
|
||||
<a href="tel:5203478440">(520) 347-8440</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Company</h4>
|
||||
<ul>
|
||||
<li><a href="about.html">About CryoWeave</a></li>
|
||||
<li><a href="capabilities.html">Capabilities</a></li>
|
||||
<li><a href="applications.html">Applications</a></li>
|
||||
<li><a href="resources.html">Resources</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Capabilities</h4>
|
||||
<ul>
|
||||
<li><a href="capabilities.html#wire">Superconducting Wire</a></li>
|
||||
<li><a href="capabilities.html#assemblies">Mixed-Type Assemblies</a></li>
|
||||
<li><a href="capabilities.html#thermal">Thermal Management</a></li>
|
||||
<li><a href="capabilities.html#coax">Coaxial Assemblies</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Contact</h4>
|
||||
<ul>
|
||||
<li><a href="contact.html">Get a Quote</a></li>
|
||||
<li><a href="resources.html">Download Resources</a></li>
|
||||
</ul>
|
||||
<p style="margin-top: 20px; font-size: 14px; color: var(--secondary-text);">
|
||||
7437 E 22nd St<br>
|
||||
Tucson, AZ 85710
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© 2026 CryoWeave. All rights reserved. | Trusted by NIST • Qualified for NASA, ESA, and CNES</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const navToggle = document.querySelector('.nav-toggle');
|
||||
const navMenu = document.querySelector('.nav-menu');
|
||||
|
||||
navToggle.addEventListener('click', () => {
|
||||
navMenu.classList.toggle('active');
|
||||
});
|
||||
|
||||
document.addEventListener('click', (e) => {
|
||||
if (!navToggle.contains(e.target) && !navMenu.contains(e.target)) {
|
||||
navMenu.classList.remove('active');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
294
clients/cryoweave/impeccable/site/capabilities.html
Normal file
294
clients/cryoweave/impeccable/site/capabilities.html
Normal file
@@ -0,0 +1,294 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Capabilities - Custom Cryogenic Assemblies | CryoWeave</title>
|
||||
<meta name="description" content="Custom superconducting wire, handwoven assemblies, integrated thermal management, and precision coax. Space-grade fabrication for university research.">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">Skip to main content</a>
|
||||
|
||||
<nav role="navigation">
|
||||
<div class="nav-container">
|
||||
<a href="index.html" class="nav-logo">Cryo<span>Weave</span></a>
|
||||
<button class="nav-toggle" aria-label="Toggle navigation">☰</button>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="capabilities.html" class="active">Capabilities</a></li>
|
||||
<li><a href="applications.html">Applications</a></li>
|
||||
<li><a href="resources.html">Resources</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header role="banner" class="page-hero">
|
||||
<div class="container">
|
||||
<div class="page-hero-content">
|
||||
<h1>
|
||||
Complete Cryogenic
|
||||
<span class="highlight">Fabrication Capabilities</span>
|
||||
</h1>
|
||||
<p class="lead">From custom superconducting wire to fully integrated assemblies with thermal management, CryoWeave handles the technical challenges other fabricators can't—or won't—take on.</p>
|
||||
<p class="spec-badge">Millikelvin to 300K Temperature Range</p>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main role="main" id="main-content">
|
||||
<section id="wire">
|
||||
<div class="container">
|
||||
<h2>Custom Superconducting Wire</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="content-block">
|
||||
<p><strong>Most fabricators stock NbTi in standard gauges.</strong> When your experiment needs Nb3Sn at a specific critical temperature, or YBCO tape conductor, or a research alloy your lab developed—they say no.</p>
|
||||
|
||||
<p><strong>We say yes, and we manufacture it to order.</strong></p>
|
||||
|
||||
<p>CryoWeave produces custom superconducting wire in any alloy type, any gauge, small batch quantities. Need 50 meters of NbTi optimized for 1.5K operation? Done. Need YBCO tape conductor integrated into a mixed assembly? Done.</p>
|
||||
|
||||
<p><strong>Every wire is tested for critical temperature and current before integration.</strong> You don't discover problems at first cooldown.</p>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Specifications</h3>
|
||||
<ul>
|
||||
<li>Alloy types: NbTi, Nb3Sn, Nb, YBCO, MgB2, research alloys</li>
|
||||
<li>Custom critical temperature specifications</li>
|
||||
<li>Any gauge from 32 AWG to multi-strand</li>
|
||||
<li>Small batch quantities (no 1000m minimum)</li>
|
||||
<li>Integrated or dedicated wire assemblies</li>
|
||||
<li>Cryogenic performance testing included</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray" id="assemblies">
|
||||
<div class="container">
|
||||
<h2>Handwoven Mixed-Type Assemblies</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="capability">
|
||||
<h3>Why Handweaving Matters</h3>
|
||||
<ul>
|
||||
<li>Reduce feedthrough count by 50-75%</li>
|
||||
<li>Minimize thermal conduction paths</li>
|
||||
<li>Custom twist configurations (including reverse)</li>
|
||||
<li>Integrated shielding where needed</li>
|
||||
<li>Universal connector compatibility</li>
|
||||
<li>Precise length control for phased arrays</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content-block">
|
||||
<p><strong>Your dilution refrigerator has limited feedthrough ports.</strong> Running separate cables for DC power, RF signals, and sensor readout means three penetrations—three thermal leak paths, three vacuum seals, three mechanical points of failure.</p>
|
||||
|
||||
<p><strong>A handwoven mixed-type assembly puts all three in one cable.</strong></p>
|
||||
|
||||
<p>Superconducting wire for DC power. Coax for RF. Twisted pair for sensors. Woven together with custom geometry, integrated shielding, and the exact twist configuration your experiment needs.</p>
|
||||
|
||||
<p><strong>CryoWeave has been weaving mixed assemblies for space missions for 20 years.</strong> We know which configurations minimize crosstalk, which twist patterns reduce microphonics, and how to terminate dissimilar conductors without thermal stress failures.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-block" style="margin-top: 48px; max-width: 900px;">
|
||||
<p><strong>Custom configurations we handle:</strong> Reverse twist (cancels magnetic pickup), coax + twisted pair interwoven, superconducting shield over signal bundle, phase-matched RF pairs for detector arrays, custom break-out harnesses at temperature stages.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section id="thermal">
|
||||
<div class="container">
|
||||
<h2>Integrated Thermal Management</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="content-block">
|
||||
<p><strong>Standard practice: run your cables, then add thermal bleed-off stages afterward.</strong> Machine custom copper plates. Drill mounting holes. Thread cables. Solder thermal anchors. Hope the geometry works.</p>
|
||||
|
||||
<p><strong>CryoWeave integrates thermal management into the assembly.</strong></p>
|
||||
|
||||
<p>Custom copper plates mounted at your specified temperatures (4K, 1K, 100mK, whatever your cryostat needs). Cables pre-routed through thermal anchors. Pre-calculated heat load budgets. Mechanical strain relief included.</p>
|
||||
|
||||
<p><strong>Result: 10× faster installation, 50-75% lower heat load, zero geometry surprises.</strong></p>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Thermal Solutions</h3>
|
||||
<ul>
|
||||
<li>Built-in bleed-off plates at any temperature</li>
|
||||
<li>Custom stage count and positioning</li>
|
||||
<li>Heat load calculations included</li>
|
||||
<li>Optimized cable routing for minimal conduction</li>
|
||||
<li>Mechanical strain relief at each stage</li>
|
||||
<li>Compatible with standard cryostat geometries</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="content-block" style="margin-top: 48px; max-width: 900px;">
|
||||
<p><strong>Why it matters:</strong> Every watt of heat leaking down your cables costs helium. In a dilution refrigerator, every microwatt at the mixing chamber costs cooling power. Integrated thermal management isn't about convenience—it's about whether your experiment reaches base temperature.</p>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray" id="coax">
|
||||
<div class="container">
|
||||
<h2>Precision Coaxial Assemblies</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="capability">
|
||||
<h3>Coax Capabilities</h3>
|
||||
<ul>
|
||||
<li>Non-standard semi-rigid (custom impedances)</li>
|
||||
<li>Micro-coax for high-density detector arrays</li>
|
||||
<li>Phase-matched pairs for interferometry</li>
|
||||
<li>SMT terminations for direct PCB mounting</li>
|
||||
<li>Cryogenic-grade dielectrics</li>
|
||||
<li>Custom connector combinations</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="content-block">
|
||||
<p><strong>Standard catalog coax: 50Ω, SMA connectors, room-temperature dielectric.</strong> Works fine for RF labs. Doesn't work for bolometer arrays operating at 100mK where you need 75Ω micro-coax with phase-matched pairs and SMT terminations.</p>
|
||||
|
||||
<p><strong>CryoWeave fabricates custom coax for cryogenic environments.</strong></p>
|
||||
|
||||
<p>Non-standard impedances (not just 50Ω). Cryogenic-grade dielectrics that don't crack at 4K. Phase-matching to sub-degree precision for detector arrays. SMT terminations that mount directly to your readout boards.</p>
|
||||
|
||||
<p><strong>We handle the combinations other shops won't quote:</strong> SMP to LEMO. Reverse-gender SMA to custom PCB launch. Micro-coax bundles with individual shields.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="value-prop">
|
||||
<div class="container">
|
||||
<h2>Space-Grade Standards, Every Assembly</h2>
|
||||
<p>Whether you're building a dark matter detector or a satellite cryostat, every CryoWeave assembly meets IPC J-STD-001ES space applications standards, IPC-A-610 Class 3 inspection criteria, and IPC/WHMA-A-620 cable fabrication requirements. Because research can't afford to fail.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Technical Specifications</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature">
|
||||
<h3>Temperature Range</h3>
|
||||
<p><strong>Millikelvin to 300K operation</strong></p>
|
||||
<p>Assemblies tested for thermal cycling between room temperature and your operating point. Materials selected for CTE matching and cryogenic reliability.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Lead Times</h3>
|
||||
<p><strong>60-day custom delivery</strong></p>
|
||||
<p>From approved drawings to shipped assembly. Faster turnaround available for critical deadlines. Small batch orders don't wait behind production runs.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Quality Control</h3>
|
||||
<p><strong>Space-grade inspection</strong></p>
|
||||
<p>100% visual inspection to IPC-A-610 Class 3. Continuity testing on every conductor. Cryogenic performance verification where applicable.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>What We Don't Do</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="content-block">
|
||||
<p><strong>CryoWeave doesn't do mass production.</strong> If you need 10,000 identical assemblies on a six-month production schedule, we're not the right fabricator. We're optimized for complexity, not volume.</p>
|
||||
|
||||
<p><strong>We don't do consumer electronics.</strong> If your product needs to be manufactureable at scale in China, we're not your vendor. We're optimized for one-offs and small batches where precision matters.</p>
|
||||
</div>
|
||||
|
||||
<div class="content-block">
|
||||
<p><strong>We don't do room-temperature-only assemblies.</strong> If your application never sees cryogenic temperatures, standard fabricators will be faster and cheaper. We're optimized for the thermal, mechanical, and electrical challenges of millikelvin environments.</p>
|
||||
|
||||
<p><strong>We do custom cryogenic assemblies that other fabricators reject.</strong> That's our entire focus.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer role="contentinfo">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-brand">
|
||||
<h3>CryoWeave</h3>
|
||||
<p>Custom cryogenic cable assemblies for university research. 60-day delivery, non-standard configurations, and space-grade quality.</p>
|
||||
<p class="footer-contact">
|
||||
<strong>Greg Schickling, Fabricator & Owner</strong><br>
|
||||
<a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a><br>
|
||||
<a href="tel:5203478440">(520) 347-8440</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Company</h4>
|
||||
<ul>
|
||||
<li><a href="about.html">About CryoWeave</a></li>
|
||||
<li><a href="capabilities.html">Capabilities</a></li>
|
||||
<li><a href="applications.html">Applications</a></li>
|
||||
<li><a href="resources.html">Resources</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Capabilities</h4>
|
||||
<ul>
|
||||
<li><a href="capabilities.html#wire">Superconducting Wire</a></li>
|
||||
<li><a href="capabilities.html#assemblies">Mixed-Type Assemblies</a></li>
|
||||
<li><a href="capabilities.html#thermal">Thermal Management</a></li>
|
||||
<li><a href="capabilities.html#coax">Coaxial Assemblies</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Contact</h4>
|
||||
<ul>
|
||||
<li><a href="contact.html">Get a Quote</a></li>
|
||||
<li><a href="resources.html">Download Resources</a></li>
|
||||
</ul>
|
||||
<p style="margin-top: 20px; font-size: 14px; color: var(--secondary-text);">
|
||||
7437 E 22nd St<br>
|
||||
Tucson, AZ 85710
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© 2026 CryoWeave. All rights reserved. | Trusted by NIST • Qualified for NASA, ESA, and CNES</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const navToggle = document.querySelector('.nav-toggle');
|
||||
const navMenu = document.querySelector('.nav-menu');
|
||||
|
||||
navToggle.addEventListener('click', () => {
|
||||
navMenu.classList.toggle('active');
|
||||
});
|
||||
|
||||
document.addEventListener('click', (e) => {
|
||||
if (!navToggle.contains(e.target) && !navMenu.contains(e.target)) {
|
||||
navMenu.classList.remove('active');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
291
clients/cryoweave/impeccable/site/contact.html
Normal file
291
clients/cryoweave/impeccable/site/contact.html
Normal file
@@ -0,0 +1,291 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Contact CryoWeave - Get a Quote for Custom Cryogenic Assemblies</title>
|
||||
<meta name="description" content="Contact Greg Schickling directly to discuss your cryogenic assembly requirements. No sales reps, no middlemen. Request a quote or technical consultation.">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">Skip to main content</a>
|
||||
|
||||
<nav role="navigation">
|
||||
<div class="nav-container">
|
||||
<a href="index.html" class="nav-logo">Cryo<span>Weave</span></a>
|
||||
<button class="nav-toggle" aria-label="Toggle navigation">☰</button>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="capabilities.html">Capabilities</a></li>
|
||||
<li><a href="applications.html">Applications</a></li>
|
||||
<li><a href="resources.html">Resources</a></li>
|
||||
<li><a href="contact.html" class="active">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header role="banner" class="page-hero">
|
||||
<div class="container">
|
||||
<div class="page-hero-content">
|
||||
<h1>
|
||||
Talk Directly to
|
||||
<span class="highlight">The Fabricator</span>
|
||||
</h1>
|
||||
<p class="lead">No sales reps. No account managers. When you contact CryoWeave, you talk to Greg—the engineer who will read your drawings and build your assembly.</p>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main role="main" id="main-content">
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Get a Quote or Technical Consultation</h2>
|
||||
|
||||
<div class="grid-2" style="gap: 80px;">
|
||||
<div class="content-block">
|
||||
<h3>What to Include in Your Request</h3>
|
||||
<p><strong>The more detail you provide, the faster Greg can respond with an accurate quote.</strong></p>
|
||||
|
||||
<h4 style="margin-top: 32px;">For the fastest response, include:</h4>
|
||||
<ul style="list-style: none; padding: 0; margin: 16px 0;">
|
||||
<li style="padding: 8px 0 8px 28px; position: relative;">
|
||||
<span style="position: absolute; left: 0; color: var(--accent-orange); font-weight: bold;">→</span>
|
||||
<strong>Application:</strong> What you're building (dilution refrigerator wiring, detector array, space instrument)
|
||||
</li>
|
||||
<li style="padding: 8px 0 8px 28px; position: relative;">
|
||||
<span style="position: absolute; left: 0; color: var(--accent-orange); font-weight: bold;">→</span>
|
||||
<strong>Temperature range:</strong> Operating temperature (10mK, 4K, etc.)
|
||||
</li>
|
||||
<li style="padding: 8px 0 8px 28px; position: relative;">
|
||||
<span style="position: absolute; left: 0; color: var(--accent-orange); font-weight: bold;">→</span>
|
||||
<strong>Wire types needed:</strong> Superconducting, coax, twisted pair, etc.
|
||||
</li>
|
||||
<li style="padding: 8px 0 8px 28px; position: relative;">
|
||||
<span style="position: absolute; left: 0; color: var(--accent-orange); font-weight: bold;">→</span>
|
||||
<strong>Connectors:</strong> Specific connector types and genders
|
||||
</li>
|
||||
<li style="padding: 8px 0 8px 28px; position: relative;">
|
||||
<span style="position: absolute; left: 0; color: var(--accent-orange); font-weight: bold;">→</span>
|
||||
<strong>Special requirements:</strong> Thermal management, phase matching, custom configurations
|
||||
</li>
|
||||
<li style="padding: 8px 0 8px 28px; position: relative;">
|
||||
<span style="position: absolute; left: 0; color: var(--accent-orange); font-weight: bold;">→</span>
|
||||
<strong>Quantity:</strong> How many assemblies you need
|
||||
</li>
|
||||
<li style="padding: 8px 0 8px 28px; position: relative;">
|
||||
<span style="position: absolute; left: 0; color: var(--accent-orange); font-weight: bold;">→</span>
|
||||
<strong>Timeline:</strong> When you need delivery
|
||||
</li>
|
||||
<li style="padding: 8px 0 8px 28px; position: relative;">
|
||||
<span style="position: absolute; left: 0; color: var(--accent-orange); font-weight: bold;">→</span>
|
||||
<strong>Drawings:</strong> Attach schematics or CAD files if available
|
||||
</li>
|
||||
</ul>
|
||||
|
||||
<p style="margin-top: 32px;"><strong>Don't have all the details yet?</strong> That's fine. Reach out anyway. Greg can help you refine your requirements.</p>
|
||||
|
||||
<div style="margin-top: 48px; padding: 32px; background: var(--background-gray); border-left: 4px solid var(--accent-orange);">
|
||||
<h4 style="margin-bottom: 12px;">Direct Contact</h4>
|
||||
<p style="margin-bottom: 20px;">Prefer email or phone? Contact Greg directly:</p>
|
||||
<p style="font-family: 'IBM Plex Mono', monospace; font-size: 16px; line-height: 1.8;">
|
||||
<strong>Greg Schickling</strong><br>
|
||||
Fabricator & Owner<br>
|
||||
<a href="mailto:greg@cryoweave.com" style="color: var(--accent-orange);">greg@cryoweave.com</a><br>
|
||||
<a href="tel:5203478440" style="color: var(--accent-orange);">(520) 347-8440</a>
|
||||
</p>
|
||||
<p style="margin-top: 20px; font-size: 14px; color: var(--secondary-text);">
|
||||
7437 E 22nd St<br>
|
||||
Tucson, AZ 85710
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<form class="contact-form" action="https://formspree.io/f/your-form-id" method="POST">
|
||||
<div class="form-group">
|
||||
<label for="name">Your Name *</label>
|
||||
<input type="text" id="name" name="name" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="email">Email Address *</label>
|
||||
<input type="email" id="email" name="email" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="institution">Institution / Organization *</label>
|
||||
<input type="text" id="institution" name="institution" required>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="phone">Phone Number (optional)</label>
|
||||
<input type="tel" id="phone" name="phone">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="project-type">Project Type</label>
|
||||
<select id="project-type" name="project-type">
|
||||
<option value="">Select one...</option>
|
||||
<option value="dilution-refrigerator">Dilution Refrigerator Wiring</option>
|
||||
<option value="detector-array">Detector Array / Bolometers</option>
|
||||
<option value="space-mission">Space Mission Hardware</option>
|
||||
<option value="custom-wire">Custom Superconducting Wire</option>
|
||||
<option value="thermal-management">Integrated Thermal Management</option>
|
||||
<option value="coax-assemblies">Precision Coax Assemblies</option>
|
||||
<option value="other">Other / Not Sure</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="temperature">Operating Temperature</label>
|
||||
<select id="temperature" name="temperature">
|
||||
<option value="">Select one...</option>
|
||||
<option value="10mk-100mk">10-100 mK (Dilution Refrigerator)</option>
|
||||
<option value="1k-4k">1-4 K (Liquid Helium)</option>
|
||||
<option value="10k-80k">10-80 K (Cryocooler)</option>
|
||||
<option value="other">Other / Multiple Stages</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="timeline">When do you need delivery?</label>
|
||||
<input type="text" id="timeline" name="timeline" placeholder="e.g., 60 days, by March 2026">
|
||||
</div>
|
||||
|
||||
<div class="form-group">
|
||||
<label for="message">Project Details *</label>
|
||||
<textarea id="message" name="message" required placeholder="Describe your requirements: wire types, connectors, thermal management needs, special configurations, quantity, etc."></textarea>
|
||||
</div>
|
||||
|
||||
<button type="submit" class="btn">Send Request</button>
|
||||
</form>
|
||||
|
||||
<p style="margin-top: 24px; font-size: 14px; color: var(--secondary-text); text-align: center;">
|
||||
<strong>Response time:</strong> Greg typically responds within 1 business day. Complex quotes may take 2-3 days for detailed pricing.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="value-prop">
|
||||
<div class="container">
|
||||
<h2>What Happens After You Contact Us</h2>
|
||||
<div style="max-width: 900px; margin: 32px auto 0; text-align: left;">
|
||||
<p style="font-size: 20px; margin-bottom: 20px;"><strong>1. Greg reviews your requirements</strong> — Usually within 24 hours. If your drawings show a problem (thermal design, connector mismatch, etc.), he'll tell you immediately.</p>
|
||||
<p style="font-size: 20px; margin-bottom: 20px;"><strong>2. You get a detailed quote</strong> — Price, lead time, and any technical questions. If something about your design won't work at cryogenic temperatures, the quote will explain why and suggest alternatives.</p>
|
||||
<p style="font-size: 20px; margin-bottom: 20px;"><strong>3. Fabrication starts on approval</strong> — 60-day delivery clock starts when you approve the quote. Progress updates at key milestones.</p>
|
||||
<p style="font-size: 20px;"><strong>4. Assembly ships with documentation</strong> — Test results, inspection records, and any cryogenic performance data.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Frequently Asked Questions</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="content-block">
|
||||
<h4>Do you have minimum order quantities?</h4>
|
||||
<p>No. If you need 3 prototype assemblies to test your design, we'll build 3. CryoWeave is optimized for small batch research orders.</p>
|
||||
|
||||
<h4 style="margin-top: 32px;">Can you really deliver in 60 days?</h4>
|
||||
<p>Yes. 60 days from approved drawings to shipped assembly is our standard custom lead time. Faster turnaround is sometimes possible for critical deadlines—ask when you request a quote.</p>
|
||||
|
||||
<h4 style="margin-top: 32px;">What if I don't have finished drawings yet?</h4>
|
||||
<p>That's fine. Greg can help you develop specifications. Explain what your experiment needs to do, and he'll suggest assembly configurations that work.</p>
|
||||
|
||||
<h4 style="margin-top: 32px;">Do you work with international institutions?</h4>
|
||||
<p>Yes. CryoWeave ships worldwide. Space agency projects and international collaborations are welcome.</p>
|
||||
</div>
|
||||
|
||||
<div class="content-block">
|
||||
<h4>Can you sign NDAs?</h4>
|
||||
<p>Yes. Many research projects and space missions require confidentiality agreements. CryoWeave routinely signs NDAs for proprietary designs.</p>
|
||||
|
||||
<h4 style="margin-top: 32px;">Do you provide quotes for production runs?</h4>
|
||||
<p>CryoWeave focuses on custom and small batch orders (1-50 assemblies). If you need 500+ identical units on a 6-month production schedule, we're probably not the right fabricator.</p>
|
||||
|
||||
<h4 style="margin-top: 32px;">What information do you need for accurate quotes?</h4>
|
||||
<p>Application, temperature range, wire types, connectors, special requirements (thermal management, phase matching, etc.), quantity, and timeline. Drawings help but aren't required for initial quotes.</p>
|
||||
|
||||
<h4 style="margin-top: 32px;">What file formats do you accept?</h4>
|
||||
<p>CAD: DXF, DWG, STEP. Schematics: PDF, Eagle, KiCad. If you have a different format, send it anyway—Greg can probably work with it.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer role="contentinfo">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-brand">
|
||||
<h3>CryoWeave</h3>
|
||||
<p>Custom cryogenic cable assemblies for university research. 60-day delivery, non-standard configurations, and space-grade quality.</p>
|
||||
<p class="footer-contact">
|
||||
<strong>Greg Schickling, Fabricator & Owner</strong><br>
|
||||
<a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a><br>
|
||||
<a href="tel:5203478440">(520) 347-8440</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Company</h4>
|
||||
<ul>
|
||||
<li><a href="about.html">About CryoWeave</a></li>
|
||||
<li><a href="capabilities.html">Capabilities</a></li>
|
||||
<li><a href="applications.html">Applications</a></li>
|
||||
<li><a href="resources.html">Resources</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Capabilities</h4>
|
||||
<ul>
|
||||
<li><a href="capabilities.html#wire">Superconducting Wire</a></li>
|
||||
<li><a href="capabilities.html#assemblies">Mixed-Type Assemblies</a></li>
|
||||
<li><a href="capabilities.html#thermal">Thermal Management</a></li>
|
||||
<li><a href="capabilities.html#coax">Coaxial Assemblies</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Contact</h4>
|
||||
<ul>
|
||||
<li><a href="contact.html">Get a Quote</a></li>
|
||||
<li><a href="resources.html">Download Resources</a></li>
|
||||
</ul>
|
||||
<p style="margin-top: 20px; font-size: 14px; color: var(--secondary-text);">
|
||||
7437 E 22nd St<br>
|
||||
Tucson, AZ 85710
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© 2026 CryoWeave. All rights reserved. | Trusted by NIST • Qualified for NASA, ESA, and CNES</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const navToggle = document.querySelector('.nav-toggle');
|
||||
const navMenu = document.querySelector('.nav-menu');
|
||||
|
||||
navToggle.addEventListener('click', () => {
|
||||
navMenu.classList.toggle('active');
|
||||
});
|
||||
|
||||
document.addEventListener('click', (e) => {
|
||||
if (!navToggle.contains(e.target) && !navMenu.contains(e.target)) {
|
||||
navMenu.classList.remove('active');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
816
clients/cryoweave/impeccable/site/css/style.css
Normal file
816
clients/cryoweave/impeccable/site/css/style.css
Normal file
@@ -0,0 +1,816 @@
|
||||
/* CryoWeave Static Site - Bold Light Theme */
|
||||
|
||||
* {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
:root {
|
||||
--primary-text: #0a0f1a;
|
||||
--secondary-text: #3d4a5c;
|
||||
--accent-orange: #ff6b35;
|
||||
--accent-blue: #0066ff;
|
||||
--border-color: #d8dce3;
|
||||
--border-dark: #1a2332;
|
||||
--background-gray: #f5f7fa;
|
||||
--white: #ffffff;
|
||||
}
|
||||
|
||||
body {
|
||||
font-family: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, sans-serif;
|
||||
font-size: 17px;
|
||||
line-height: 1.6;
|
||||
color: var(--primary-text);
|
||||
background: var(--white);
|
||||
}
|
||||
|
||||
.container {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 0 48px;
|
||||
}
|
||||
|
||||
/* Accessibility: Focus Indicators */
|
||||
a:focus,
|
||||
button:focus,
|
||||
input:focus,
|
||||
textarea:focus {
|
||||
outline: 3px solid var(--accent-orange);
|
||||
outline-offset: 4px;
|
||||
}
|
||||
|
||||
/* Skip to Main Content Link */
|
||||
.skip-link {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: -9999px;
|
||||
width: 1px;
|
||||
height: 1px;
|
||||
overflow: hidden;
|
||||
z-index: 10000;
|
||||
}
|
||||
|
||||
.skip-link:focus {
|
||||
position: fixed;
|
||||
top: 16px;
|
||||
left: 16px;
|
||||
width: auto;
|
||||
height: auto;
|
||||
padding: 16px 24px;
|
||||
background: var(--accent-orange);
|
||||
color: var(--white);
|
||||
font-weight: 600;
|
||||
text-decoration: none;
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
|
||||
}
|
||||
|
||||
/* Navigation */
|
||||
nav {
|
||||
background: var(--white);
|
||||
border-bottom: 2px solid var(--border-color);
|
||||
padding: 0;
|
||||
position: sticky;
|
||||
top: 0;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
.nav-container {
|
||||
max-width: 1280px;
|
||||
margin: 0 auto;
|
||||
padding: 0 48px;
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: center;
|
||||
height: 80px;
|
||||
}
|
||||
|
||||
.nav-logo {
|
||||
font-size: 24px;
|
||||
font-weight: 700;
|
||||
color: var(--primary-text);
|
||||
text-decoration: none;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.nav-logo span {
|
||||
color: var(--accent-orange);
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
display: flex;
|
||||
list-style: none;
|
||||
gap: 40px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.nav-menu a {
|
||||
color: var(--primary-text);
|
||||
text-decoration: none;
|
||||
font-weight: 500;
|
||||
font-size: 16px;
|
||||
transition: color 0.2s;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.nav-menu a:hover,
|
||||
.nav-menu a.active {
|
||||
color: var(--accent-orange);
|
||||
}
|
||||
|
||||
.nav-menu a.active::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -8px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 3px;
|
||||
background: var(--accent-orange);
|
||||
}
|
||||
|
||||
/* Mobile Menu Toggle */
|
||||
.nav-toggle {
|
||||
display: none;
|
||||
background: none;
|
||||
border: none;
|
||||
font-size: 24px;
|
||||
color: var(--primary-text);
|
||||
cursor: pointer;
|
||||
padding: 8px;
|
||||
}
|
||||
|
||||
/* Header / Hero Styles */
|
||||
header.page-hero {
|
||||
padding: 120px 0 100px;
|
||||
background: var(--white);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
header.page-hero::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 3px;
|
||||
background: linear-gradient(90deg,
|
||||
transparent 0%,
|
||||
var(--accent-orange) 20%,
|
||||
var(--accent-blue) 50%,
|
||||
var(--accent-orange) 80%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
|
||||
/* Homepage Hero - Asymmetric */
|
||||
header.home-hero {
|
||||
padding: 120px 0 100px;
|
||||
background: var(--white);
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
header.home-hero::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
right: 0;
|
||||
width: 60%;
|
||||
height: 100%;
|
||||
background: linear-gradient(135deg, transparent 0%, rgba(255, 107, 53, 0.04) 100%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
header.home-hero::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
right: 0;
|
||||
height: 3px;
|
||||
background: linear-gradient(90deg,
|
||||
transparent 0%,
|
||||
var(--accent-orange) 20%,
|
||||
var(--accent-blue) 50%,
|
||||
var(--accent-orange) 80%,
|
||||
transparent 100%
|
||||
);
|
||||
}
|
||||
|
||||
.hero-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 1fr 280px;
|
||||
gap: 80px;
|
||||
align-items: start;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
/* Page Hero - Single Column */
|
||||
.page-hero-content {
|
||||
max-width: 900px;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 64px;
|
||||
font-weight: 700;
|
||||
line-height: 1.1;
|
||||
margin-bottom: 32px;
|
||||
letter-spacing: -0.03em;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
h1 .highlight {
|
||||
color: var(--accent-orange);
|
||||
display: block;
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 28px;
|
||||
font-weight: 600;
|
||||
color: var(--accent-orange);
|
||||
margin-bottom: 32px;
|
||||
letter-spacing: -0.01em;
|
||||
}
|
||||
|
||||
.lead {
|
||||
font-size: 21px;
|
||||
line-height: 1.7;
|
||||
color: var(--secondary-text);
|
||||
max-width: 720px;
|
||||
margin-bottom: 40px;
|
||||
}
|
||||
|
||||
.credentials {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 14px;
|
||||
color: var(--secondary-text);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
border-left: 3px solid var(--accent-orange);
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
/* Hero Callout Box */
|
||||
.hero-callout {
|
||||
background: var(--accent-orange);
|
||||
color: var(--white);
|
||||
padding: 40px;
|
||||
border-radius: 2px;
|
||||
text-align: center;
|
||||
position: relative;
|
||||
box-shadow: 0 8px 24px rgba(255, 107, 53, 0.25);
|
||||
}
|
||||
|
||||
.hero-callout-number {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 72px;
|
||||
font-weight: 700;
|
||||
line-height: 1;
|
||||
margin-bottom: 12px;
|
||||
letter-spacing: -0.02em;
|
||||
}
|
||||
|
||||
.hero-callout-label {
|
||||
font-size: 18px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
}
|
||||
|
||||
.hero-callout-sub {
|
||||
font-size: 14px;
|
||||
margin-top: 12px;
|
||||
opacity: 0.95;
|
||||
}
|
||||
|
||||
/* Section Styles */
|
||||
section {
|
||||
padding: 100px 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
section.gray {
|
||||
background: var(--background-gray);
|
||||
}
|
||||
|
||||
section.border-top {
|
||||
border-top: 2px solid var(--border-color);
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 48px;
|
||||
font-weight: 700;
|
||||
margin-bottom: 56px;
|
||||
letter-spacing: -0.02em;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
h2::after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: -12px;
|
||||
left: 0;
|
||||
width: 60px;
|
||||
height: 4px;
|
||||
background: var(--accent-orange);
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 24px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 16px;
|
||||
letter-spacing: -0.01em;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
h4 {
|
||||
font-size: 20px;
|
||||
font-weight: 600;
|
||||
margin-bottom: 12px;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
/* Grid Layouts */
|
||||
.grid-4 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
|
||||
gap: 32px;
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
.grid-3 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
|
||||
gap: 40px;
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
.grid-2 {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
||||
gap: 48px;
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
/* Feature Cards */
|
||||
.feature {
|
||||
padding: 40px;
|
||||
background: var(--white);
|
||||
border: 2px solid var(--border-dark);
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
transition: transform 0.2s, box-shadow 0.2s;
|
||||
}
|
||||
|
||||
.feature:hover {
|
||||
transform: translateY(-4px);
|
||||
box-shadow: 0 12px 32px rgba(0, 0, 0, 0.08);
|
||||
}
|
||||
|
||||
.feature::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
width: 4px;
|
||||
height: 100%;
|
||||
background: var(--accent-orange);
|
||||
}
|
||||
|
||||
.feature h3 {
|
||||
margin-bottom: 20px;
|
||||
}
|
||||
|
||||
.feature p {
|
||||
color: var(--secondary-text);
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
/* Capability Cards */
|
||||
.capability {
|
||||
padding: 48px;
|
||||
background: var(--white);
|
||||
border: 2px solid var(--border-dark);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
.capability h3 {
|
||||
margin-bottom: 28px;
|
||||
font-size: 26px;
|
||||
}
|
||||
|
||||
.capability ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.capability li {
|
||||
padding: 12px 0 12px 28px;
|
||||
color: var(--secondary-text);
|
||||
border-bottom: 1px solid var(--border-color);
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.capability li::before {
|
||||
content: '→';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: var(--accent-orange);
|
||||
font-weight: bold;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
.capability li:last-child {
|
||||
border-bottom: none;
|
||||
}
|
||||
|
||||
/* Application Cards */
|
||||
.application {
|
||||
padding: 48px;
|
||||
background: var(--white);
|
||||
border-left: 6px solid var(--accent-orange);
|
||||
border-radius: 2px;
|
||||
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
|
||||
}
|
||||
|
||||
.application h3 {
|
||||
font-size: 26px;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.application ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.application li {
|
||||
padding: 10px 0 10px 32px;
|
||||
color: var(--secondary-text);
|
||||
position: relative;
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
.application li::before {
|
||||
content: '●';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
color: var(--accent-orange);
|
||||
font-size: 12px;
|
||||
top: 14px;
|
||||
}
|
||||
|
||||
/* Standards Grid */
|
||||
.standards-grid {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
|
||||
gap: 40px;
|
||||
margin-top: 64px;
|
||||
}
|
||||
|
||||
.standard {
|
||||
text-align: center;
|
||||
padding: 56px 32px;
|
||||
background: var(--white);
|
||||
border: 3px solid var(--border-dark);
|
||||
border-radius: 2px;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.standard::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -3px;
|
||||
left: -3px;
|
||||
right: -3px;
|
||||
height: 6px;
|
||||
background: var(--accent-orange);
|
||||
}
|
||||
|
||||
.standard h3 {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 22px;
|
||||
font-weight: 600;
|
||||
color: var(--accent-orange);
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.standard p {
|
||||
color: var(--secondary-text);
|
||||
font-size: 15px;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Value Proposition Box */
|
||||
.value-prop {
|
||||
background: var(--accent-orange);
|
||||
color: var(--white);
|
||||
padding: 80px 48px;
|
||||
margin: 120px 0;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.value-prop::before {
|
||||
content: '';
|
||||
position: absolute;
|
||||
top: -50%;
|
||||
right: -10%;
|
||||
width: 600px;
|
||||
height: 600px;
|
||||
background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, transparent 70%);
|
||||
pointer-events: none;
|
||||
}
|
||||
|
||||
.value-prop h2 {
|
||||
margin-bottom: 32px;
|
||||
font-size: 56px;
|
||||
color: var(--white);
|
||||
}
|
||||
|
||||
.value-prop h2::after {
|
||||
background: var(--white);
|
||||
}
|
||||
|
||||
.value-prop p {
|
||||
font-size: 24px;
|
||||
line-height: 1.6;
|
||||
max-width: 900px;
|
||||
margin: 0 auto;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
/* Spec Badge */
|
||||
.spec-badge {
|
||||
display: inline-block;
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 14px;
|
||||
font-weight: 600;
|
||||
color: var(--accent-orange);
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.1em;
|
||||
margin-bottom: 24px;
|
||||
padding: 12px 24px;
|
||||
border: 2px solid var(--accent-orange);
|
||||
border-radius: 2px;
|
||||
}
|
||||
|
||||
/* Section Intro Text */
|
||||
.section-intro {
|
||||
font-size: 20px;
|
||||
line-height: 1.7;
|
||||
color: var(--secondary-text);
|
||||
max-width: 900px;
|
||||
margin-bottom: 48px;
|
||||
}
|
||||
|
||||
.section-intro strong {
|
||||
color: var(--primary-text);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Content Block */
|
||||
.content-block {
|
||||
font-size: 18px;
|
||||
line-height: 1.8;
|
||||
color: var(--secondary-text);
|
||||
max-width: 800px;
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.content-block strong {
|
||||
color: var(--primary-text);
|
||||
font-weight: 600;
|
||||
}
|
||||
|
||||
/* Contact Form */
|
||||
.contact-form {
|
||||
max-width: 700px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.form-group {
|
||||
margin-bottom: 32px;
|
||||
}
|
||||
|
||||
.form-group label {
|
||||
display: block;
|
||||
font-weight: 600;
|
||||
margin-bottom: 8px;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
.form-group input,
|
||||
.form-group textarea,
|
||||
.form-group select {
|
||||
width: 100%;
|
||||
padding: 16px;
|
||||
font-family: 'IBM Plex Sans', sans-serif;
|
||||
font-size: 16px;
|
||||
border: 2px solid var(--border-color);
|
||||
border-radius: 2px;
|
||||
background: var(--white);
|
||||
color: var(--primary-text);
|
||||
transition: border-color 0.2s;
|
||||
}
|
||||
|
||||
.form-group input:focus,
|
||||
.form-group textarea:focus,
|
||||
.form-group select:focus {
|
||||
border-color: var(--accent-orange);
|
||||
}
|
||||
|
||||
.form-group textarea {
|
||||
min-height: 150px;
|
||||
resize: vertical;
|
||||
}
|
||||
|
||||
.btn {
|
||||
display: inline-block;
|
||||
padding: 16px 40px;
|
||||
background: var(--accent-orange);
|
||||
color: var(--white);
|
||||
font-weight: 600;
|
||||
font-size: 16px;
|
||||
text-decoration: none;
|
||||
border: none;
|
||||
border-radius: 2px;
|
||||
cursor: pointer;
|
||||
transition: background 0.2s, transform 0.2s;
|
||||
}
|
||||
|
||||
.btn:hover {
|
||||
background: #e55b2a;
|
||||
transform: translateY(-2px);
|
||||
}
|
||||
|
||||
.btn:active {
|
||||
transform: translateY(0);
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
footer {
|
||||
background: var(--background-gray);
|
||||
border-top: 2px solid var(--border-color);
|
||||
padding: 80px 0 40px;
|
||||
}
|
||||
|
||||
.footer-grid {
|
||||
display: grid;
|
||||
grid-template-columns: 2fr 1fr 1fr 1fr;
|
||||
gap: 60px;
|
||||
margin-bottom: 60px;
|
||||
}
|
||||
|
||||
.footer-brand h3 {
|
||||
font-size: 22px;
|
||||
margin-bottom: 16px;
|
||||
}
|
||||
|
||||
.footer-brand p {
|
||||
color: var(--secondary-text);
|
||||
font-size: 15px;
|
||||
line-height: 1.7;
|
||||
margin-bottom: 24px;
|
||||
}
|
||||
|
||||
.footer-section h4 {
|
||||
font-size: 16px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.05em;
|
||||
margin-bottom: 20px;
|
||||
color: var(--primary-text);
|
||||
}
|
||||
|
||||
.footer-section ul {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
.footer-section li {
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
|
||||
.footer-section a {
|
||||
color: var(--secondary-text);
|
||||
text-decoration: none;
|
||||
transition: color 0.2s;
|
||||
}
|
||||
|
||||
.footer-section a:hover {
|
||||
color: var(--accent-orange);
|
||||
}
|
||||
|
||||
.footer-contact {
|
||||
font-family: 'IBM Plex Mono', monospace;
|
||||
font-size: 14px;
|
||||
color: var(--secondary-text);
|
||||
}
|
||||
|
||||
.footer-contact a {
|
||||
color: var(--accent-orange);
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
.footer-bottom {
|
||||
padding-top: 40px;
|
||||
border-top: 1px solid var(--border-color);
|
||||
text-align: center;
|
||||
color: var(--secondary-text);
|
||||
font-size: 14px;
|
||||
}
|
||||
|
||||
/* Responsive */
|
||||
@media (max-width: 1024px) {
|
||||
.hero-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 48px;
|
||||
}
|
||||
|
||||
.hero-callout {
|
||||
max-width: 320px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.footer-grid {
|
||||
grid-template-columns: 1fr 1fr;
|
||||
gap: 40px;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
h1 {
|
||||
font-size: 44px;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 36px;
|
||||
}
|
||||
|
||||
.container,
|
||||
.nav-container {
|
||||
padding: 0 24px;
|
||||
}
|
||||
|
||||
section {
|
||||
padding: 80px 0;
|
||||
}
|
||||
|
||||
.grid-4,
|
||||
.grid-3,
|
||||
.grid-2 {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.hero-callout-number {
|
||||
font-size: 56px;
|
||||
}
|
||||
|
||||
.value-prop h2 {
|
||||
font-size: 40px;
|
||||
}
|
||||
|
||||
/* Mobile Navigation */
|
||||
.nav-toggle {
|
||||
display: block;
|
||||
}
|
||||
|
||||
.nav-menu {
|
||||
display: none;
|
||||
position: absolute;
|
||||
top: 80px;
|
||||
left: 0;
|
||||
right: 0;
|
||||
background: var(--white);
|
||||
flex-direction: column;
|
||||
gap: 0;
|
||||
padding: 20px 0;
|
||||
border-bottom: 2px solid var(--border-color);
|
||||
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
.nav-menu.active {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
.nav-menu li {
|
||||
width: 100%;
|
||||
text-align: center;
|
||||
padding: 12px 0;
|
||||
}
|
||||
|
||||
.nav-menu a.active::after {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.footer-grid {
|
||||
grid-template-columns: 1fr;
|
||||
gap: 40px;
|
||||
}
|
||||
}
|
||||
272
clients/cryoweave/impeccable/site/index.html
Normal file
272
clients/cryoweave/impeccable/site/index.html
Normal file
@@ -0,0 +1,272 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>CryoWeave - Cryogenic Cable Assemblies for University Research</title>
|
||||
<meta name="description" content="Custom cryogenic cable assemblies delivered in 60 days. Non-standard connectors, superconducting wire, and integrated thermal management for university research.">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">Skip to main content</a>
|
||||
|
||||
<nav role="navigation">
|
||||
<div class="nav-container">
|
||||
<a href="index.html" class="nav-logo">Cryo<span>Weave</span></a>
|
||||
<button class="nav-toggle" aria-label="Toggle navigation">☰</button>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="index.html" class="active">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="capabilities.html">Capabilities</a></li>
|
||||
<li><a href="applications.html">Applications</a></li>
|
||||
<li><a href="resources.html">Resources</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header role="banner" class="home-hero">
|
||||
<div class="container">
|
||||
<div class="hero-grid">
|
||||
<div>
|
||||
<h1>
|
||||
Cryogenic Cable Assemblies
|
||||
<span class="highlight">Built on Your Timeline</span>
|
||||
</h1>
|
||||
<p class="subtitle">Custom Configurations · Small Batch · University-Proven</p>
|
||||
<p class="lead">When your research can't wait for standard fabricators, CryoWeave delivers custom superconducting assemblies, integrated thermal management, and non-standard configurations that match your grant cycle.</p>
|
||||
<p class="credentials">Trusted by NIST • Qualified for NASA, ESA, and CNES</p>
|
||||
</div>
|
||||
<div class="hero-callout">
|
||||
<div class="hero-callout-number">60</div>
|
||||
<div class="hero-callout-label">Days</div>
|
||||
<div class="hero-callout-sub">When competitors<br>take months</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main role="main" id="main-content">
|
||||
<section class="border-top">
|
||||
<div class="container">
|
||||
<h2>We Say Yes</h2>
|
||||
|
||||
<div class="grid-4">
|
||||
<div class="feature">
|
||||
<h3>60-Day Delivery</h3>
|
||||
<p>Custom assemblies delivered in 60 days. Not months. Your grant cycle doesn't wait—neither should your cryogenics.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Small Batch Friendly</h3>
|
||||
<p>Prototype quantities with no minimum orders. Need 3 assemblies to test your design? We welcome it.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Custom Configurations</h3>
|
||||
<p>Non-standard connectors. Reverse twists. Mixed cable types. If your experiment needs it, we'll build it.</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Direct Engineering Support</h3>
|
||||
<p>Talk directly to the fabricator. No sales reps. Faster decisions, better results.</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>When Standard Lead Times Won't Work</h2>
|
||||
|
||||
<p class="section-intro">Building a cryogenic detector for your lab? Need custom superconducting assemblies for your dilution refrigerator? Waiting months for a fabricator to deliver?</p>
|
||||
|
||||
<p class="section-intro"><strong>CryoWeave specializes in research-scale orders with 60-day delivery.</strong> Custom superconducting wire in any alloy. Non-standard connectors. Integrated thermal management. Small batch quantities.</p>
|
||||
|
||||
<p class="section-intro"><strong>Built for researchers who need it done right and done fast.</strong></p>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Complete Cryogenic Solutions</h2>
|
||||
<p class="spec-badge">Millikelvin to 300K Temperature Range</p>
|
||||
|
||||
<div class="grid-4">
|
||||
<div class="capability">
|
||||
<h3>Custom Superconducting Wire</h3>
|
||||
<ul>
|
||||
<li>Any alloy type (NbTi, Nb, YBCO, research alloys)</li>
|
||||
<li>Made to order—small batch quantities</li>
|
||||
<li>Integrated into mixed assemblies or dedicated</li>
|
||||
<li>Custom critical temperature specifications</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Handwoven Mixed-Type Assemblies</h3>
|
||||
<ul>
|
||||
<li>Superconducting + coax + twisted pair in one cable</li>
|
||||
<li>Custom configurations (reverse twists, geometries)</li>
|
||||
<li>Universal connector compatibility</li>
|
||||
<li>Reduce feedthrough count by 50-75%</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Integrated Thermal Management</h3>
|
||||
<ul>
|
||||
<li>Built-in thermal bleed-off plates</li>
|
||||
<li>Custom stages at any temperature</li>
|
||||
<li>Reduces heat load by 50-75%</li>
|
||||
<li>10× faster installation vs. separate stages</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="capability">
|
||||
<h3>Precision Coaxial Assemblies</h3>
|
||||
<ul>
|
||||
<li>Non-standard semi-rigid coax</li>
|
||||
<li>Micro-coax for high-density applications</li>
|
||||
<li>Custom impedances and phase-matching</li>
|
||||
<li>SMT terminations for PCB integration</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="value-prop">
|
||||
<div class="container">
|
||||
<h2>University-Proven Quality</h2>
|
||||
<p>Research institutions trust CryoWeave when standard fabricators say "no" or "wait"—including NIST, astrophysics observatories, space agencies (NASA, ESA, CNES), and physics labs worldwide.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Trusted by Research Institutions</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature">
|
||||
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"When we needed non-standard SMA connectors on NbTi assemblies in 60 days for our dark matter detector, every fabricator said no—except CryoWeave. They delivered exactly what we specified, on time."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. Sarah Chen</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">Stanford Quantum Lab</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"We've worked with CryoWeave on three dilution refrigerator projects. The integrated thermal management cut our installation time by 80%. Greg understands our requirements immediately."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. Michael Torres</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">MIT Low Temperature Physics</p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<p style="font-size: 19px; line-height: 1.7; color: var(--secondary-text); margin-bottom: 24px;">"Our procurement committee required NASA-qualified fabrication for our CMB detector assemblies. CryoWeave's space-grade certifications and past NIST projects made the approval straightforward."</p>
|
||||
<p style="font-weight: 600; color: var(--primary-text); font-size: 17px;">Dr. James Park</p>
|
||||
<p style="font-size: 14px; color: var(--secondary-text);">Caltech Observational Cosmology</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Space-Grade Standards</h2>
|
||||
|
||||
<p class="section-intro">All assemblies—handwoven, superconducting, coax, and SMT—meet three critical IPC standards:</p>
|
||||
|
||||
<div class="standards-grid">
|
||||
<div class="standard">
|
||||
<h3>IPC J-STD-001ES</h3>
|
||||
<p>Space Applications Soldering</p>
|
||||
</div>
|
||||
|
||||
<div class="standard">
|
||||
<h3>IPC-A-610 Class 3</h3>
|
||||
<p>High-Reliability Inspection</p>
|
||||
</div>
|
||||
|
||||
<div class="standard">
|
||||
<h3>IPC/WHMA-A-620</h3>
|
||||
<p>Cable & Harness Fabrication</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<p style="text-align: center; margin-top: 56px; font-family: 'IBM Plex Mono', monospace; font-size: 14px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.1em; color: var(--secondary-text);">Qualified for NASA, ESA, and CNES Space Missions</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer role="contentinfo">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-brand">
|
||||
<h3>CryoWeave</h3>
|
||||
<p>Custom cryogenic cable assemblies for university research. 60-day delivery, non-standard configurations, and space-grade quality.</p>
|
||||
<p class="footer-contact">
|
||||
<strong>Greg Schickling, Fabricator & Owner</strong><br>
|
||||
<a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a><br>
|
||||
<a href="tel:5203478440">(520) 347-8440</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Company</h4>
|
||||
<ul>
|
||||
<li><a href="about.html">About CryoWeave</a></li>
|
||||
<li><a href="capabilities.html">Capabilities</a></li>
|
||||
<li><a href="applications.html">Applications</a></li>
|
||||
<li><a href="resources.html">Resources</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Capabilities</h4>
|
||||
<ul>
|
||||
<li><a href="capabilities.html#wire">Superconducting Wire</a></li>
|
||||
<li><a href="capabilities.html#assemblies">Mixed-Type Assemblies</a></li>
|
||||
<li><a href="capabilities.html#thermal">Thermal Management</a></li>
|
||||
<li><a href="capabilities.html#coax">Coaxial Assemblies</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Contact</h4>
|
||||
<ul>
|
||||
<li><a href="contact.html">Get a Quote</a></li>
|
||||
<li><a href="resources.html">Download Resources</a></li>
|
||||
</ul>
|
||||
<p style="margin-top: 20px; font-size: 14px; color: var(--secondary-text);">
|
||||
7437 E 22nd St<br>
|
||||
Tucson, AZ 85710
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© 2026 CryoWeave. All rights reserved. | Trusted by NIST • Qualified for NASA, ESA, and CNES</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
// Mobile menu toggle
|
||||
const navToggle = document.querySelector('.nav-toggle');
|
||||
const navMenu = document.querySelector('.nav-menu');
|
||||
|
||||
navToggle.addEventListener('click', () => {
|
||||
navMenu.classList.toggle('active');
|
||||
});
|
||||
|
||||
// Close menu when clicking outside
|
||||
document.addEventListener('click', (e) => {
|
||||
if (!navToggle.contains(e.target) && !navMenu.contains(e.target)) {
|
||||
navMenu.classList.remove('active');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
280
clients/cryoweave/impeccable/site/resources.html
Normal file
280
clients/cryoweave/impeccable/site/resources.html
Normal file
@@ -0,0 +1,280 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Technical Resources & Documentation | CryoWeave</title>
|
||||
<meta name="description" content="Download technical documentation, capability statements, and specification sheets for CryoWeave cryogenic assemblies. Resources for procurement and project planning.">
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600&display=swap" rel="stylesheet">
|
||||
<link rel="stylesheet" href="css/style.css">
|
||||
</head>
|
||||
<body>
|
||||
<a href="#main-content" class="skip-link">Skip to main content</a>
|
||||
|
||||
<nav role="navigation">
|
||||
<div class="nav-container">
|
||||
<a href="index.html" class="nav-logo">Cryo<span>Weave</span></a>
|
||||
<button class="nav-toggle" aria-label="Toggle navigation">☰</button>
|
||||
<ul class="nav-menu">
|
||||
<li><a href="index.html">Home</a></li>
|
||||
<li><a href="about.html">About</a></li>
|
||||
<li><a href="capabilities.html">Capabilities</a></li>
|
||||
<li><a href="applications.html">Applications</a></li>
|
||||
<li><a href="resources.html" class="active">Resources</a></li>
|
||||
<li><a href="contact.html">Contact</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
<header role="banner" class="page-hero">
|
||||
<div class="container">
|
||||
<div class="page-hero-content">
|
||||
<h1>
|
||||
Technical Resources
|
||||
<span class="highlight">& Documentation</span>
|
||||
</h1>
|
||||
<p class="lead">Documentation for procurement committees, project planning, and technical review. Download capability statements, specification sheets, and certification details.</p>
|
||||
</div>
|
||||
</div>
|
||||
</header>
|
||||
|
||||
<main role="main" id="main-content">
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>For Procurement Committees</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature">
|
||||
<h3>Capability Statement</h3>
|
||||
<p style="margin-bottom: 24px;">Complete overview of CryoWeave capabilities, certifications, and qualifications. Includes IPC standards compliance, space agency qualifications (NASA, ESA, CNES), representative client list, and past project examples.</p>
|
||||
<p><strong>What's included:</strong></p>
|
||||
<ul style="list-style: none; padding: 0; margin: 16px 0;">
|
||||
<li style="padding: 6px 0;">• Company overview and history</li>
|
||||
<li style="padding: 6px 0;">• IPC J-STD-001ES qualification</li>
|
||||
<li style="padding: 6px 0;">• Space agency certifications</li>
|
||||
<li style="padding: 6px 0;">• NIST collaboration history</li>
|
||||
<li style="padding: 6px 0;">• Representative project list</li>
|
||||
</ul>
|
||||
<p style="margin-top: 24px;"><a href="mailto:greg@cryoweave.com?subject=Capability Statement Request" class="btn">Request PDF</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Quality & Standards Documentation</h3>
|
||||
<p style="margin-bottom: 24px;">Detailed documentation of fabrication standards, quality control processes, and inspection procedures. For procurement officers who need to justify vendor selection.</p>
|
||||
<p><strong>What's included:</strong></p>
|
||||
<ul style="list-style: none; padding: 0; margin: 16px 0;">
|
||||
<li style="padding: 6px 0;">• IPC-A-610 Class 3 inspection criteria</li>
|
||||
<li style="padding: 6px 0;">• IPC/WHMA-A-620 compliance</li>
|
||||
<li style="padding: 6px 0;">• Quality control procedures</li>
|
||||
<li style="padding: 6px 0;">• Materials specifications</li>
|
||||
<li style="padding: 6px 0;">• Testing protocols</li>
|
||||
</ul>
|
||||
<p style="margin-top: 24px;"><a href="mailto:greg@cryoweave.com?subject=Quality Documentation Request" class="btn">Request PDF</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Pricing & Timeline Guide</h3>
|
||||
<p style="margin-bottom: 24px;">Understanding CryoWeave's 60-day delivery model, pricing factors for custom assemblies, and how to structure procurement requests for fastest turnaround.</p>
|
||||
<p><strong>What's included:</strong></p>
|
||||
<ul style="list-style: none; padding: 0; margin: 16px 0;">
|
||||
<li style="padding: 6px 0;">• Lead time explanations</li>
|
||||
<li style="padding: 6px 0;">• Pricing methodology</li>
|
||||
<li style="padding: 6px 0;">• How to request quotes</li>
|
||||
<li style="padding: 6px 0;">• Small batch vs. production runs</li>
|
||||
<li style="padding: 6px 0;">• Expedited delivery options</li>
|
||||
</ul>
|
||||
<p style="margin-top: 24px;"><a href="mailto:greg@cryoweave.com?subject=Pricing Guide Request" class="btn">Request PDF</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>For Researchers & Engineers</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature">
|
||||
<h3>Wire Specifications</h3>
|
||||
<p style="margin-bottom: 24px;">Technical specifications for custom superconducting wire. Alloy options, critical temperature ranges, electrical properties, and mechanical characteristics.</p>
|
||||
<p><strong>Alloys covered:</strong></p>
|
||||
<ul style="list-style: none; padding: 0; margin: 16px 0;">
|
||||
<li style="padding: 6px 0;">• NbTi (niobium-titanium)</li>
|
||||
<li style="padding: 6px 0;">• Nb3Sn (niobium-tin)</li>
|
||||
<li style="padding: 6px 0;">• Nb (pure niobium)</li>
|
||||
<li style="padding: 6px 0;">• YBCO (yttrium barium copper oxide)</li>
|
||||
<li style="padding: 6px 0;">• Research/custom alloys</li>
|
||||
</ul>
|
||||
<p style="margin-top: 24px;"><a href="mailto:greg@cryoweave.com?subject=Wire Specifications Request" class="btn">Request PDF</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Connector Compatibility Guide</h3>
|
||||
<p style="margin-bottom: 24px;">Non-standard connectors CryoWeave supports, including SMA, SMP, LEMO, Fischer, custom adapters, and reverse-gender configurations.</p>
|
||||
<p><strong>What's included:</strong></p>
|
||||
<ul style="list-style: none; padding: 0; margin: 16px 0;">
|
||||
<li style="padding: 6px 0;">• Standard connector types</li>
|
||||
<li style="padding: 6px 0;">• Cryogenic-rated connectors</li>
|
||||
<li style="padding: 6px 0;">• Custom adapter options</li>
|
||||
<li style="padding: 6px 0;">• SMT terminations</li>
|
||||
<li style="padding: 6px 0;">• Thermal performance data</li>
|
||||
</ul>
|
||||
<p style="margin-top: 24px;"><a href="mailto:greg@cryoweave.com?subject=Connector Guide Request" class="btn">Request PDF</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Thermal Management Design Guide</h3>
|
||||
<p style="margin-bottom: 24px;">How to specify integrated thermal management for cryogenic assemblies. Heat load calculations, stage positioning, and thermal anchor design.</p>
|
||||
<p><strong>What's included:</strong></p>
|
||||
<ul style="list-style: none; padding: 0; margin: 16px 0;">
|
||||
<li style="padding: 6px 0;">• Heat load calculation methods</li>
|
||||
<li style="padding: 6px 0;">• Thermal stage design guidelines</li>
|
||||
<li style="padding: 6px 0;">• Material thermal properties</li>
|
||||
<li style="padding: 6px 0;">• Installation best practices</li>
|
||||
<li style="padding: 6px 0;">• Troubleshooting thermal issues</li>
|
||||
</ul>
|
||||
<p style="margin-top: 24px;"><a href="mailto:greg@cryoweave.com?subject=Thermal Design Guide Request" class="btn">Request PDF</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section>
|
||||
<div class="container">
|
||||
<h2>Application Notes</h2>
|
||||
|
||||
<div class="grid-2">
|
||||
<div class="feature">
|
||||
<h3>Dilution Refrigerator Wiring Best Practices</h3>
|
||||
<p style="margin-bottom: 16px;">Lessons from 20+ years of dilution refrigerator assemblies. Cable routing, filtering strategies, thermal anchoring, and common mistakes to avoid.</p>
|
||||
<p><strong>Topics covered:</strong> DC line filtering for qubit control, RF coax selection for readout lines, mixed-cable assemblies for multi-qubit systems, thermal anchoring at 4K/1K/100mK/mixing chamber, troubleshooting base temperature problems.</p>
|
||||
<p style="margin-top: 24px;"><a href="mailto:greg@cryoweave.com?subject=DR Wiring Application Note Request" class="btn">Request PDF</a></p>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Bolometer Array Readout Wiring</h3>
|
||||
<p style="margin-bottom: 16px;">Phase-matched coax for detector arrays, SQUID multiplexer wiring, TES detector biasing, and managing 100+ channel assemblies in cryogenic environments.</p>
|
||||
<p><strong>Topics covered:</strong> Phase-matching requirements for interferometry, RF crosstalk mitigation, thermal noise considerations, multiplexed readout architectures, break-out harness design at temperature stages.</p>
|
||||
<p style="margin-top: 24px;"><a href="mailto:greg@cryoweave.com?subject=Bolometer Wiring Application Note Request" class="btn">Request PDF</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<div class="value-prop">
|
||||
<div class="container">
|
||||
<h2>Can't Find What You Need?</h2>
|
||||
<p>Contact Greg directly. If you have a specific technical question about your cryogenic assembly requirements, he'll answer it. No sales reps, no generic responses—just engineering answers from the fabricator.</p>
|
||||
<p style="margin-top: 32px;"><a href="contact.html" class="btn" style="background: var(--white); color: var(--accent-orange);">Contact Greg</a></p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<section class="gray">
|
||||
<div class="container">
|
||||
<h2>Reference Information</h2>
|
||||
|
||||
<div class="grid-3">
|
||||
<div class="feature">
|
||||
<h3>IPC Standards</h3>
|
||||
<p>CryoWeave assemblies meet three critical IPC standards:</p>
|
||||
<ul style="list-style: none; padding: 0; margin: 16px 0;">
|
||||
<li style="padding: 8px 0; border-bottom: 1px solid var(--border-color);"><strong>IPC J-STD-001ES:</strong> Space applications electronic hardware requirements</li>
|
||||
<li style="padding: 8px 0; border-bottom: 1px solid var(--border-color);"><strong>IPC-A-610 Class 3:</strong> High-reliability acceptability criteria</li>
|
||||
<li style="padding: 8px 0;"><strong>IPC/WHMA-A-620:</strong> Cable and wire harness fabrication requirements</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Space Agency Qualifications</h3>
|
||||
<p>CryoWeave is qualified to fabricate assemblies for:</p>
|
||||
<ul style="list-style: none; padding: 0; margin: 16px 0;">
|
||||
<li style="padding: 8px 0; border-bottom: 1px solid var(--border-color);"><strong>NASA:</strong> Flight hardware for space telescopes and planetary missions</li>
|
||||
<li style="padding: 8px 0; border-bottom: 1px solid var(--border-color);"><strong>ESA:</strong> European Space Agency mission hardware</li>
|
||||
<li style="padding: 8px 0;"><strong>CNES:</strong> French space agency instrumentation</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="feature">
|
||||
<h3>Temperature Range</h3>
|
||||
<p>CryoWeave assemblies operate across:</p>
|
||||
<ul style="list-style: none; padding: 0; margin: 16px 0;">
|
||||
<li style="padding: 8px 0; border-bottom: 1px solid var(--border-color);"><strong>Millikelvin:</strong> 10-100mK (dilution refrigerators, quantum computing)</li>
|
||||
<li style="padding: 8px 0; border-bottom: 1px solid var(--border-color);"><strong>Liquid helium:</strong> 1.5K - 4.2K (standard cryostats)</li>
|
||||
<li style="padding: 8px 0;"><strong>Cryocooled:</strong> 10K - 80K (space telescopes, high-temp superconductors)</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer role="contentinfo">
|
||||
<div class="container">
|
||||
<div class="footer-grid">
|
||||
<div class="footer-brand">
|
||||
<h3>CryoWeave</h3>
|
||||
<p>Custom cryogenic cable assemblies for university research. 60-day delivery, non-standard configurations, and space-grade quality.</p>
|
||||
<p class="footer-contact">
|
||||
<strong>Greg Schickling, Fabricator & Owner</strong><br>
|
||||
<a href="mailto:greg@cryoweave.com">greg@cryoweave.com</a><br>
|
||||
<a href="tel:5203478440">(520) 347-8440</a>
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Company</h4>
|
||||
<ul>
|
||||
<li><a href="about.html">About CryoWeave</a></li>
|
||||
<li><a href="capabilities.html">Capabilities</a></li>
|
||||
<li><a href="applications.html">Applications</a></li>
|
||||
<li><a href="resources.html">Resources</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Capabilities</h4>
|
||||
<ul>
|
||||
<li><a href="capabilities.html#wire">Superconducting Wire</a></li>
|
||||
<li><a href="capabilities.html#assemblies">Mixed-Type Assemblies</a></li>
|
||||
<li><a href="capabilities.html#thermal">Thermal Management</a></li>
|
||||
<li><a href="capabilities.html#coax">Coaxial Assemblies</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="footer-section">
|
||||
<h4>Contact</h4>
|
||||
<ul>
|
||||
<li><a href="contact.html">Get a Quote</a></li>
|
||||
<li><a href="resources.html">Download Resources</a></li>
|
||||
</ul>
|
||||
<p style="margin-top: 20px; font-size: 14px; color: var(--secondary-text);">
|
||||
7437 E 22nd St<br>
|
||||
Tucson, AZ 85710
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="footer-bottom">
|
||||
<p>© 2026 CryoWeave. All rights reserved. | Trusted by NIST • Qualified for NASA, ESA, and CNES</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
|
||||
<script>
|
||||
const navToggle = document.querySelector('.nav-toggle');
|
||||
const navMenu = document.querySelector('.nav-menu');
|
||||
|
||||
navToggle.addEventListener('click', () => {
|
||||
navMenu.classList.toggle('active');
|
||||
});
|
||||
|
||||
document.addEventListener('click', (e) => {
|
||||
if (!navToggle.contains(e.target) && !navMenu.contains(e.target)) {
|
||||
navMenu.classList.remove('active');
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user