markdown formatting

This commit is contained in:
2026-08-09 16:16:45 +02:00
parent f4a6259cf3
commit 18dd3b7e07
21 changed files with 1630 additions and 893 deletions
+15 -14
View File
@@ -1,9 +1,10 @@
# SoftLAN Launcher — Design Handoff
**This folder is the complete, current state of design for the SoftLAN Launcher.**
Everything an implementor needs to build the product is in here — and nothing
that isn't. (The exploration mockups, logo concept boards, and variant studies
live back in the project workspace; they're history, not handoff.)
**This folder is the complete, current state of design for the SoftLAN
Launcher.** Everything an implementor needs to build the product is in here —
and nothing that isn't. (The exploration mockups, logo concept boards, and
variant studies live back in the project workspace; they're history, not
handoff.)
Target codebase: **Tauri + React** desktop app. The references here are
HTML/React prototypes that communicate the intended look, layout, and behavior —
@@ -14,7 +15,7 @@ be shipped as-is.
## What's inside
```
```text
design_handoff_softlan_launcher/
├── README.md ← you are here — start here
@@ -46,15 +47,15 @@ design_handoff_softlan_launcher/
## Two pieces, one product
| | **launcher/** | **logo/** |
|---|---|---|
| What | The full launcher UI redesign | The brand mark + wordmark lockup |
| Read first | `launcher/SPEC.md` | `logo/INTEGRATION.md` |
| Preview | open `launcher/design_reference/SoftLAN Launcher.html` | open `logo/demo.html` |
| Fidelity | High — final colors/type/spacing/interactions | Final — recolors live via the `accent` token |
| | **launcher/** | **logo/** |
| ---------- | ------------------------------------------------------ | -------------------------------------------- |
| What | The full launcher UI redesign | The brand mark + wordmark lockup |
| Read first | `launcher/SPEC.md` | `logo/INTEGRATION.md` |
| Preview | open `launcher/design_reference/SoftLAN Launcher.html` | open `logo/demo.html` |
| Fidelity | High — final colors/type/spacing/interactions | Final — recolors live via the `accent` token |
The two share one design language. The **accent** color is a single token
(`--accent`, default `#3b82f6`) that drives the launcher's primary actions *and*
(`--accent`, default `#3b82f6`) that drives the launcher's primary actions _and_
the logo — wire it once and both follow. The brand mark in the launcher's top
bar (`launcher/SPEC.md` → "Top bar → Brand") **is** the logo component from
`logo/pixel-live.jsx` at `size={28}`; the static 28px "S" in the mock is a
@@ -80,8 +81,8 @@ placeholder for it.
chrome. Includes **Call to Play** (rally the LAN around a game + time — live
or scheduled, with RSVP, check-in window, and per-call chat). Open questions
(empty/error states, logs viewer, keyboard grid nav, German strings, "server
running" state, real-time transport for Call to Play) are listed at the end
of `SPEC.md`.
running" state, real-time transport for Call to Play) are listed at the end of
`SPEC.md`.
- **Logo:** final. Live component + static assets + horizontal lockup (dark and
light) all included.