markdown formatting
This commit is contained in:
+15
-14
@@ -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.
|
||||
|
||||
|
||||
Reference in New Issue
Block a user