feat(brand): BrandWordmark renders ∆I in petrol, lifts the logo

Adds a dedicated BrandWordmark widget that splits 'Recl∆Im'
into three TextSpans and tints the middle ∆I in the petrol
signal colour. The fai_web universe uses this same accent rule
for the F∆I and Ch∆In glyphs — Recl∆Im now follows it, so
the brand stays visually coherent across every F∆I surface.

Where it lands:

  - Landing page: large DeltaMark (96 px) and BrandWordmark
    (56 px) sit on a single row, the wordmark to the right of
    the mark. The two together carry the brand identity that
    a viewer sees first when opening the app.
  - NavigationRail leading: the muted 'Recl∆Im' Text line is
    replaced with the petrol-accented BrandWordmark (18 px),
    keeping the vendor tag 'F∆I' as a small muted line under it.

widget_test.dart adapts: the literal 'Recl∆Im'-find no longer
matches because the wordmark is now three text spans, so the
test checks for BrandWordmark by type — equivalent assertion,
robust to glyph-level splits.

Signed-off-by: flemming-it <sf@flemming.it>
This commit is contained in:
flemming-it 2026-06-18 15:06:13 +02:00
parent 94f4473686
commit c6400302dd
4 changed files with 73 additions and 13 deletions

View file

@ -5,6 +5,7 @@ import 'package:flutter/material.dart';
import 'package:flutter_test/flutter_test.dart';
import 'package:reclaim_app/main.dart';
import 'package:reclaim_app/widgets/brand_wordmark.dart';
void main() {
// Generous surface so NavigationRail + Heatmap fit without
@ -20,7 +21,7 @@ void main() {
await tester.binding.setSurfaceSize(surfaceSize);
await tester.pumpWidget(const ReclaimApp());
await tester.pump();
expect(find.text('Recl∆Im'), findsOneWidget);
expect(find.byType(BrandWordmark), findsWidgets);
expect(
find.widgetWithText(FilledButton, 'App öffnen (Demo-Modus)'),
findsOneWidget,