diff --git a/web/public/index.html b/web/public/index.html
index 1e9fa5d..c02874b 100644
--- a/web/public/index.html
+++ b/web/public/index.html
@@ -50,7 +50,10 @@
     <meta name="twitter:card" content="summary_large_image" />
     <meta name="twitter:creator" content="@uetschy" />
     <meta name="twitter:image" content="https://namae.dev/social.png" />
-
+    <link
+      href="https://fonts.googleapis.com/css?family=Montserrat:600&display=swap"
+      rel="stylesheet"
+    />
     <title>namae</title>
   </head>
   <body>
diff --git a/web/public/locales/en/translation.json b/web/public/locales/en/translation.json
index 419bed0..73e74b3 100644
--- a/web/public/locales/en/translation.json
+++ b/web/public/locales/en/translation.json
@@ -27,7 +27,8 @@
     "ocaml": "OCaml"
   },
   "countryCode": "us",
-  "try": "suggestions",
+  "try": "How about this?",
   "showMore": "show more",
-  "noResult": "No Result"
+  "noResult": "No Result",
+  "exampleQueries": "Try these queries"
 }
diff --git a/web/public/locales/ja/translation.json b/web/public/locales/ja/translation.json
index e59b040..97f0e0f 100644
--- a/web/public/locales/ja/translation.json
+++ b/web/public/locales/ja/translation.json
@@ -27,7 +27,8 @@
     "ocaml": "OCaml"
   },
   "countryCode": "jp",
-  "try": "全自動名前考え機",
+  "try": "これはどう？",
   "showMore": "もっと見る",
-  "noResult": "該当なし"
+  "noResult": "該当なし",
+  "exampleQueries": "これらのワードでお試しください"
 }
diff --git a/web/src/components/Form.tsx b/web/src/components/Form.tsx
index b237e7f..4daa2bc 100644
--- a/web/src/components/Form.tsx
+++ b/web/src/components/Form.tsx
@@ -63,7 +63,7 @@ const Form: React.FC<{
   return (
     <InputContainer>
       <Logo onClick={onLogoClick}>
-        <Link to="/">namæ</Link>
+        <Link to="/">namae</Link>
       </Logo>
       <InputView
         onChange={onInputChange}
@@ -96,7 +96,7 @@ const InputContainer = styled.div`
 const Logo = styled.div`
   margin-bottom: 5px;
   text-align: center;
-  font-family: sans-serif;
+  font-family: 'Montserrat', sans-serif;
   font-weight: bold;
   font-size: 20px;
   color: #4a90e2;
@@ -107,12 +107,16 @@ const Logo = styled.div`
   }
 
   a:link,
-  a:hover,
   a:active,
   a:visited {
     text-decoration: none;
     color: #4a90e2;
   }
+
+  a:hover {
+    text-decoration: none;
+    color: #0075ff;
+  }
 `;
 
 const InputView = styled.input.attrs({
@@ -126,9 +130,15 @@ const InputView = styled.input.attrs({
   border: none;
   outline: none;
   text-align: center;
-  font-family: monospace;
+  font-family: 'Montserrat', monospace;
+  font-weight: 600;
   font-size: 5rem;
   line-height: 1.2em;
+  transition: opacity 100ms ease-out;
+
+  &:hover {
+    opacity: 0.9;
+  }
 
   ${mobile} {
     font-size: 2rem;
diff --git a/web/src/components/Suggestion.tsx b/web/src/components/Suggestion.tsx
index bd966bb..1de30f6 100644
--- a/web/src/components/Suggestion.tsx
+++ b/web/src/components/Suggestion.tsx
@@ -221,12 +221,14 @@ const Container = styled.div`
 `;
 
 const Title = styled.div`
-  margin-top: 15px;
-  padding: 5px 14px;
+  margin-top: 20px;
+  padding: 3px 10px;
   color: gray;
   border: 1px solid gray;
   border-radius: 2em;
-  font-size: 0.6rem;
+  text-transform: uppercase;
+  font-size: 12px;
+  user-select: none;
 `;
 
 const Items = styled.div`
diff --git a/web/src/components/Welcome.tsx b/web/src/components/Welcome.tsx
index 968f6ed..a1b6f93 100644
--- a/web/src/components/Welcome.tsx
+++ b/web/src/components/Welcome.tsx
@@ -50,7 +50,7 @@ const Welcome: React.FC = () => {
         <Header>{t('title')}</Header>
         <Text>{t('description')}</Text>
         <ExampleQueries>
-          <h5>Try these queries</h5>
+          <h5>{t('exampleQueries')}</h5>
           <List>
             {queries.map((query) => (
               <ListButton key={query}>
@@ -229,5 +229,10 @@ const ListButton = styled.div`
     padding: 10px;
     border: 1px solid black;
     border-radius: 2px;
+
+    &:hover {
+      color: white;
+      background: black;
+    }
   }
 `;
diff --git a/web/src/util/i18n.ts b/web/src/util/i18n.ts
index bee79b8..9d70951 100644
--- a/web/src/util/i18n.ts
+++ b/web/src/util/i18n.ts
@@ -14,7 +14,7 @@ i18n
       backends: [LocalStorageBackend, XHR],
       backendOptions: [
         {
-          versions: {en: '1.7', ja: '1.7'},
+          versions: {en: '1.8', ja: '1.8'},
         },
       ],
     },
