mirror of
https://github.com/Such-Software/such.software.git
synced 2026-10-17 05:32:05 +02:00
jwinterm
d3b2fa718a
I shipped it upright. It is a typographic monospace hash and it leans, which is how it renders across hash.boats (hero and every feature card) and how hash.boats/splash.svg draws it by hand: "verticals lean right". Where the upright one came from, because the wallet repo disagrees with itself. assets/images/hash_wallet_app_icon_source.svg rebuilt the glyph as paths to remove a font dependency and flattened the lean while doing it, and store/play-icon-512.png is upright too: its verticals measure x=206 and x=306 on every row, no lean at all. I took those as canonical and explicitly rejected the slanted splash.svg as wrong. That was backwards. The brand's own site is the authority on the mark; an app-store export is downstream of it. Both icons are now rebuilt from splash.svg's glyph, mapped onto a full-bleed 1024 canvas preserving its proportions exactly (glyph spans 57.5% of the tile, stroke is 8.75%). The static PNG is rendered from the same geometry as the animated SVG rather than being a separate export, so the two cannot drift: the animation ends on precisely the still icon. Measured after: the left bar's centre runs 225 -> 204 -> 182 down the tile, where the old one sat at 206 on every row. Still full-bleed, not splash.svg's inset rounded box, because the site rounds icons with a 22% CSS radius and a built-in transparent margin would show card background at the corners.
Such Software Website
Corporate website for Such Software LLC, a full-service software provider based in Kennett Square, PA.
Lighthouse Scores
| Page | Performance | Accessibility | SEO | Best Practices |
|---|---|---|---|---|
| Home | 99% | 100% | 100% | 77%* |
| Services | 98% | 100% | 100% | 100% |
| About | 99% | 100% | 100% | 100% |
*Home page Best Practices is 77% due to Cloudflare Turnstile third-party cookies.
Tech Stack
- Next.js 15 with App Router
- React 18 + TypeScript 5
- Tailwind CSS 3 + Framer Motion 11
- Radix UI accessible primitives
- next-themes for dark/light mode
- Zod for validation
- Cloudflare Turnstile for bot protection
- Turborepo + pnpm 9
Project Structure
such-software-site/
├── apps/web/ # Next.js website
│ ├── src/app/ # Pages (home, services, about)
│ ├── src/components/ # React components
│ ├── tests/ # Playwright a11y tests
│ └── public/ # Static assets
├── packages/ui/ # Shared UI components
└── packages/config/ # Shared config
Development
pnpm install # Install dependencies
pnpm dev # Start dev server at localhost:3000
pnpm build # Production build
pnpm start # Start production server
Testing
cd apps/web
pnpm test:a11y # Run Playwright accessibility tests
pnpm test:ui # Run tests with interactive UI
42 accessibility tests across Chromium, Firefox, and WebKit covering WCAG 2.2 AA criteria, heading hierarchy, color contrast, and keyboard navigation.
Accessibility
- WCAG 2.2 AA: engineered to meet, audited against (Lighthouse measured 100%)
- Skip-to-main link, semantic HTML5, ARIA labels
- Proper heading hierarchy, color contrast (4.5:1+)
prefers-reduced-motionsupport- Keyboard navigation, focus indicators
- Structured data (JSON-LD) and canonical URLs
Environment Variables
Create apps/web/.env.local:
NEXT_PUBLIC_TURNSTILE_SITE_KEY=your_site_key
TURNSTILE_SECRET_KEY=your_secret_key
See apps/web/.env.example for template.
License
Proprietary - Such Software LLC