deisign

app/(tabs)/index.tsx

@@ -90,7 +90,7 @@ const styles = StyleSheet.create({
   pressed: { opacity: 0.9 },
 
   header: { paddingHorizontal: space.gutter },
-  greeting: { fontFamily: font.display, fontSize: 28, letterSpacing: -0.5, color: colors.ink },
+  greeting: { fontFamily: font.serif, fontSize: 28, letterSpacing: -0.5, color: colors.ink },
   greetingSub: { fontFamily: font.semibold, fontSize: 15, color: colors.slate, marginTop: 3 },
 
   scanCard: {

app/_layout.tsx

@@ -1,4 +1,5 @@
 import { BricolageGrotesque_800ExtraBold } from '@expo-google-fonts/bricolage-grotesque';
+import { Fraunces_800ExtraBold } from '@expo-google-fonts/fraunces';
 import {
   NunitoSans_400Regular,
   NunitoSans_600SemiBold,
@@ -15,6 +16,7 @@ import { colors } from '../src/theme';
 export default function RootLayout() {
   const [fontsLoaded] = useFonts({
     BricolageGrotesque_800ExtraBold,
+    Fraunces_800ExtraBold,
     NunitoSans_400Regular,
     NunitoSans_600SemiBold,
     NunitoSans_700Bold,

package-lock.json

@@ -9,6 +9,7 @@
       "version": "1.0.0",
       "dependencies": {
         "@expo-google-fonts/bricolage-grotesque": "^0.4.1",
+        "@expo-google-fonts/fraunces": "^0.4.1",
         "@expo-google-fonts/nunito-sans": "^0.4.2",
         "expo": "~57.0.7",
         "expo-constants": "~57.0.6",
@@ -1184,6 +1185,12 @@
       "integrity": "sha512-uijLLg+thOrFgw+gXtYA3dQJTBqqqleabcNFpamaYXqUUcbFe0J18C+4nfL0CyGzSJUicxUBLY4Zv7jdHmTGMA==",
       "license": "MIT AND OFL-1.1"
     },
+    "node_modules/@expo-google-fonts/fraunces": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/@expo-google-fonts/fraunces/-/fraunces-0.4.1.tgz",
+      "integrity": "sha512-gYc9P92ObyWvz1rWPOeWSvVKyBFIuA8hgOdhvo4DSiPBaWLbFA6v8uLIEIBwW+0oWTlXbBzjeBReHQI2H7UNjQ==",
+      "license": "MIT AND OFL-1.1"
+    },
     "node_modules/@expo-google-fonts/material-symbols": {
       "version": "0.4.41",
       "resolved": "https://registry.npmjs.org/@expo-google-fonts/material-symbols/-/material-symbols-0.4.41.tgz",

package.json

@@ -4,6 +4,7 @@
   "main": "expo-router/entry",
   "dependencies": {
     "@expo-google-fonts/bricolage-grotesque": "^0.4.1",
+    "@expo-google-fonts/fraunces": "^0.4.1",
     "@expo-google-fonts/nunito-sans": "^0.4.2",
     "expo": "~57.0.7",
     "expo-constants": "~57.0.6",

src/theme.ts

@@ -60,6 +60,8 @@ export const colors = {
 export const font = {
   /** Headings — Bricolage Grotesque, always weight 800 in the design. */
   display: 'BricolageGrotesque_800ExtraBold',
+  /** Serif accent, currently just the Home greeting. */
+  serif: 'Fraunces_800ExtraBold',
   /** Body — Nunito Sans. */
   regular: 'NunitoSans_400Regular',
   semibold: 'NunitoSans_600SemiBold',