HOME 을 Figma 「홈」 구성으로 — TODAY'S QUEST · 미니맵·확장 맵(프로토타입 v6.2) · 행성 정보 박스 · 인큐베이터 · 아티스트 소식 · HOT ARCHIVE · 인기 K-INSIDE

app/lib/features/home/widgets/briefing_list.dart

@@ -5,7 +5,8 @@ import '../../../core/theme/tokens.dart';
 import '../home_data.dart';
 import '../../../core/i18n/app_locale.dart';
 
-/// AI Daily Briefing — Figma 홈의 번호 매긴 헤드라인 줄.
+/// 아티스트 소식(AI Daily Briefing) — Figma 「홈」 `Frame 1984081094`: `#1A1A1C` · r12 ·
+/// 패딩 20/16 · 줄 간격 20. 줄은 번호(16/500 흰색) · 28 · 제목(16/500 · 행간 150% · #A3A2A0).
 ///
 /// **구획을 News 와 SNS 로 나눈다** — 정책 원장 B-47 *News/SNS 각각 0 건이면 해당*
 /// *섹션 숨김, 모두 0 건이면 전체 Briefing 블록을 숨김*. 구획이 없으면 「섹션만
@@ -27,7 +28,6 @@ class BriefingList extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final t = Theme.of(context).textTheme;
     // 구획 순서는 enum 선언 순서다(News 다음 SNS). 수신 순서로 정하면 날마다 바뀐다.
     final sections = [
       for (final section in BriefingSection.values)
@@ -38,10 +38,14 @@ class BriefingList extends StatelessWidget {
         ),
     ].where((g) => g.rows.isNotEmpty).toList();
 
+    // 구획 이름(News · SNS)은 사본에 없지만 B-47 의 구획 단위 숨김을 화면에서 가르는 표지라
+    // 남긴다 — 「더 보기」와 같은 12/600 #A3A2A0 으로 작게.
     return Container(
-      padding: const EdgeInsets.symmetric(
-        horizontal: AppSpace.s4,
-        vertical: AppSpace.s2,
+      padding: const EdgeInsets.fromLTRB(
+        AppSpace.s4,
+        AppSpace.s5,
+        AppSpace.s4,
+        AppSpace.s5,
       ),
       decoration: BoxDecoration(
         color: AppColors.cosmicSurfaceContainer,
@@ -51,22 +55,19 @@ class BriefingList extends StatelessWidget {
         crossAxisAlignment: CrossAxisAlignment.stretch,
         children: [
           for (final (groupIndex, group) in sections.indexed) ...[
-            if (groupIndex > 0) const Divider(height: 1),
-            Padding(
-              padding: const EdgeInsets.only(
-                top: AppSpace.s3,
-                bottom: AppSpace.s1,
-              ),
-              child: Text(
-                group.section.label,
-                style: t.labelSmall?.copyWith(
-                  color: AppColors.cosmicAccent,
-                  fontWeight: FontWeight.w600,
-                ),
+            if (groupIndex > 0) const SizedBox(height: AppSpace.s5),
+            Text(
+              group.section.label,
+              style: const TextStyle(
+                fontFamily: AppFonts.body,
+                fontSize: 12,
+                fontWeight: FontWeight.w600,
+                height: 1,
+                color: AppColors.onCosmicVariant,
               ),
             ),
-            for (final (i, item) in group.rows.indexed) ...[
-              if (i > 0) const Divider(height: 1),
+            for (final item in group.rows) ...[
+              const SizedBox(height: AppSpace.s5),
               _Row(item: item, onOpen: () => _open(context, item)),
             ],
           ],
@@ -89,10 +90,12 @@ class BriefingList extends StatelessWidget {
     if (!opened && context.mounted) {
       ScaffoldMessenger.of(context)
         ..hideCurrentSnackBar()
-        ..showSnackBar(SnackBar(
-          content: Text(context.l10n.briefingOpenFailed),
-          behavior: SnackBarBehavior.floating,
-        ));
+        ..showSnackBar(
+          SnackBar(
+            content: Text(context.l10n.briefingOpenFailed),
+            behavior: SnackBarBehavior.floating,
+          ),
+        );
     }
   }
 }
@@ -105,27 +108,39 @@ class _Row extends StatelessWidget {
 
   @override
   Widget build(BuildContext context) {
-    final t = Theme.of(context).textTheme;
     return InkWell(
       onTap: onOpen,
-      child: Padding(
-        padding: const EdgeInsets.symmetric(vertical: AppSpace.s3),
-        child: Row(
-          crossAxisAlignment: CrossAxisAlignment.start,
-          children: [
-            SizedBox(
-              width: 20,
-              child: Text(
-                '${item.rank}.',
-                style: t.bodySmall?.copyWith(
-                  color: AppColors.cosmicAccent,
-                  fontWeight: FontWeight.w600,
-                ),
+      child: Row(
+        children: [
+          SizedBox(
+            width: 10,
+            child: Text(
+              '${item.rank}',
+              style: const TextStyle(
+                fontFamily: AppFonts.body,
+                fontSize: 16,
+                fontWeight: FontWeight.w500,
+                height: 1.4,
+                color: AppColors.onCosmic,
               ),
             ),
-            Expanded(child: Text(item.headline, style: t.bodySmall)),
-          ],
-        ),
+          ),
+          const SizedBox(width: 28),
+          Expanded(
+            child: Text(
+              item.headline,
+              maxLines: 2,
+              overflow: TextOverflow.ellipsis,
+              style: const TextStyle(
+                fontFamily: AppFonts.body,
+                fontSize: 16,
+                fontWeight: FontWeight.w500,
+                height: 1.5,
+                color: AppColors.onCosmicVariant,
+              ),
+            ),
+          ),
+        ],
       ),
     );
   }