# Design Language for tanso.tech

## Aesthetics and Tone
tanso.tech (炭素 = Carbon, tech) presents carbon technology through luxury-premium design -- the carbon fiber aesthetic of high-end sports cars and aerospace, but rendered with the intimate authenticity of handwritten notes from a materials scientist. The visual identity draws from carbon-fiber weave patterns, luxury automotive brochures, architectural blueprint illustrations, and the personal notebooks of visionary engineers. The tone is raw-authentic -- genuine, unfiltered expertise presented with premium materials.

## Layout Motifs and Structure
**Minimal-navigation** with content-first approach. Nearly invisible UI chrome; the material (carbon technology) speaks for itself.

**Primary structure:**
- **Opening viewport (100vh):** A deep charcoal background (#1a1a1e) with a subtle carbon-fiber weave pattern at 0.04 opacity. "TANSO.TECH" in handwritten font, surprisingly intimate against the luxury backdrop. Triadic color accents mark key stress points.
- **Content stream:** Single-column focused content with wide margins. Each section features a line-illustration of a carbon-technology application. Sections slide-reveal from below on scroll.
- **Sharp-angle accent details:** Angular decorative elements (thin lines, arrow shapes) in triadic colors accent section transitions.
- **Line-illustration technical diagrams:** Clean SVG illustrations of carbon nanotubes, graphene sheets, and carbon fiber structures.

## Typography and Palette
**Fonts:**
- **Headlines:** "Caveat" (Google Fonts) -- handwritten font that adds personal, authentic touch. Size: clamp(28px, 5vw, 56px).
- **Body:** "Inter" (Google Fonts) -- clean sans, weight 400, size: clamp(15px, 1.5vw, 18px), line-height: 1.8.
- **Technical:** "Fira Code" (Google Fonts) -- monospace for specs and data.

**Palette:**
- **Carbon Black:** #1a1a1e -- primary background
- **Triadic Blue:** #4a7ae8 -- primary accent
- **Triadic Orange:** #e8874a -- secondary accent
- **Triadic Green:** #4ae87a -- tertiary accent
- **Fiber Silver:** #b8b4b0 -- primary text
- **Carbon Gray:** #3a3a40 -- secondary backgrounds
- **White Bright:** #e8e4e0 -- emphasis text

## Imagery and Motifs
- **Line-illustration carbon tech:** Clean SVG diagrams (carbon nanotubes, graphene hexagons, fiber weaves) with thin white strokes (1.5px) on dark backgrounds.
- **Carbon-fiber weave pattern:** Subtle CSS repeating pattern simulating carbon fiber texture at very low opacity.
- **Slide-reveal sections:** `transform: translateY(30px); opacity: 0` to visible on scroll, 500ms ease.
- **Sharp-angle triadic accents:** Thin angled lines and arrow shapes in triadic colors marking section transitions.

## Prompts for Implementation
Luxury carbon technology showcase with handwritten intimacy. Minimal navigation focuses attention on content. Line illustrations explain carbon tech. Triadic accents provide precise color energy.

**Opening:** Dark background with carbon-fiber pattern, handwritten "TANSO.TECH" fades in, first line-illustration draws itself.

AVOID: CTA-heavy layouts, pricing blocks, stat-grids. No bright backgrounds. No corporate polish. No rounded soft shapes.

## Uniqueness Notes
1. **Handwritten typography on luxury dark surface:** The intimate, personal handwritten font against premium carbon-fiber darkness creates unique authenticity-luxury tension.
2. **Triadic color system on carbon black:** Three precise accent colors against deep black create a distinctive, high-energy color strategy.
3. **Line-illustration carbon nanotechnology:** Clean technical SVG illustrations of nanoscale carbon structures are unique to this domain.
4. **Minimal navigation for technology showcase:** The absence of visible UI places full focus on carbon technology content.

**Seed/style:** luxury-premium aesthetic, minimal-navigation layout, handwritten typography, triadic palette, slide-reveal patterns, line-illustration imagery, sharp-angles motifs, raw-authentic tone
**Avoided overused patterns:** No centered+card-grid (96%/92%), no parallax (98%), no warm palette (87%), no mono typography (86%), no photography (78%), no mysterious-moody tone (67%)