fai/reclaim
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source 
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
Download patch file Download diff file Expand all files Collapse all files

18
app/lib/pages/landing_page.dart
View file

@ -3,6 +3,7 @@ import 'package:flutter/material.dart';
import '../data/repository.dart';
import '../theme/reclaim_theme.dart';
import '../theme/reclaim_tokens.dart';
import '../widgets/brand_wordmark.dart';
import '../widgets/delta_mark.dart';
import 'shell_page.dart';
@ -20,7 +21,7 @@ class LandingPage extends StatelessWidget {
body: SafeArea(
child: Center(
child: ConstrainedBox(
constraints: const BoxConstraints(maxWidth: 720),
constraints: const BoxConstraints(maxWidth: 820),
child: Padding(
padding: const EdgeInsets.symmetric(
horizontal: ReclaimSpace.xxl,
@ -30,9 +31,18 @@ class LandingPage extends StatelessWidget {
mainAxisAlignment: MainAxisAlignment.center,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
const DeltaMark(size: 96),
const SizedBox(height: ReclaimSpace.xxl),
Text('Recl∆Im', style: t.displaySmall),
const Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
DeltaMark(size: 96),
SizedBox(width: ReclaimSpace.xl),
BrandWordmark(
size: 56,
letterSpacing: -1.0,
),
],
),
const SizedBox(height: ReclaimSpace.xl),
const SizedBox(height: ReclaimSpace.sm),
Text(
'Pflicht-basierte Wirkungsanalyse von Rechtsnormen — '