diff --git a/package-lock.json b/package-lock.json
index c3d5b20..2b635c5 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -10,6 +10,7 @@
       "dependencies": {
         "@emotion/react": "^11.11.4",
         "@emotion/styled": "^11.11.5",
+        "@fontsource/inter": "^5.0.19",
         "@fontsource/roboto": "^5.0.13",
         "@mui/icons-material": "^5.16.0",
         "@mui/material": "^5.16.0",
@@ -1090,6 +1091,11 @@
       "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.4.tgz",
       "integrity": "sha512-dWO2pw8hhi+WrXq1YJy2yCuWoL20PddgGaqTgVe4cOS9Q6qklXCiA1tJEqX6BEwRNSCP84/afac9hd4MS+zEUA=="
     },
+    "node_modules/@fontsource/inter": {
+      "version": "5.0.19",
+      "resolved": "https://registry.npmjs.org/@fontsource/inter/-/inter-5.0.19.tgz",
+      "integrity": "sha512-tVU77yjKnsoUotrXGYbbYxmL9nbm/MSo3deZietmf8V2FEDlbi9fvkJHMrYbo7ZsOqR1AYBBqRYmemz4pSE5Mg=="
+    },
     "node_modules/@fontsource/roboto": {
       "version": "5.0.13",
       "resolved": "https://registry.npmjs.org/@fontsource/roboto/-/roboto-5.0.13.tgz",
diff --git a/package.json b/package.json
index 4632613..7912439 100644
--- a/package.json
+++ b/package.json
@@ -18,6 +18,7 @@
   "dependencies": {
     "@emotion/react": "^11.11.4",
     "@emotion/styled": "^11.11.5",
+    "@fontsource/inter": "^5.0.19",
     "@fontsource/roboto": "^5.0.13",
     "@mui/icons-material": "^5.16.0",
     "@mui/material": "^5.16.0",
diff --git a/src/index.css b/src/index.css
index b5c61c9..d419bfa 100644
--- a/src/index.css
+++ b/src/index.css
@@ -1,3 +1,50 @@
 @tailwind base;
 @tailwind components;
 @tailwind utilities;
+
+@font-face {
+  font-family: Inter;
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+  src: url('../lib/fonts/inter/Inter-VariableFont_slnt\,wght.ttf')
+    format('truetype');
+}
+
+@font-face {
+  font-family: Inter;
+  font-weight: bold;
+  font-style: bold;
+  font-display: swap;
+  src: url('../lib/fonts/inter/Inter-Bold.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: Inter;
+  font-weight: medium;
+  font-style: medium;
+  font-display: swap;
+  src: url('../lib/fonts/inter/Inter-Medium.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: Inter;
+  font-weight: light;
+  font-style: light;
+  font-display: swap;
+  src: url('../lib/fonts/inter/Inter-Light.ttf') format('truetype');
+}
+
+@font-face {
+  font-family: Roboto;
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+  src: url('../lib/fonts/roboto/roboto-v29-latin-regular.woff')
+    format('truetype');
+}
+
+*,
+body {
+  font-family: Inter;
+}
diff --git a/src/libs/fonts/inter/Inter-Black.ttf b/src/libs/fonts/inter/Inter-Black.ttf
new file mode 100644
index 0000000..5aecf7d
Binary files /dev/null and b/src/libs/fonts/inter/Inter-Black.ttf differ
diff --git a/src/libs/fonts/inter/Inter-Bold.ttf b/src/libs/fonts/inter/Inter-Bold.ttf
new file mode 100644
index 0000000..8e82c70
Binary files /dev/null and b/src/libs/fonts/inter/Inter-Bold.ttf differ
diff --git a/src/libs/fonts/inter/Inter-ExtraBold.ttf b/src/libs/fonts/inter/Inter-ExtraBold.ttf
new file mode 100644
index 0000000..cb4b821
Binary files /dev/null and b/src/libs/fonts/inter/Inter-ExtraBold.ttf differ
diff --git a/src/libs/fonts/inter/Inter-ExtraLight.ttf b/src/libs/fonts/inter/Inter-ExtraLight.ttf
new file mode 100644
index 0000000..64aee30
Binary files /dev/null and b/src/libs/fonts/inter/Inter-ExtraLight.ttf differ
diff --git a/src/libs/fonts/inter/Inter-Light.ttf b/src/libs/fonts/inter/Inter-Light.ttf
new file mode 100644
index 0000000..9e265d8
Binary files /dev/null and b/src/libs/fonts/inter/Inter-Light.ttf differ
diff --git a/src/libs/fonts/inter/Inter-Medium.ttf b/src/libs/fonts/inter/Inter-Medium.ttf
new file mode 100644
index 0000000..b53fb1c
Binary files /dev/null and b/src/libs/fonts/inter/Inter-Medium.ttf differ
diff --git a/src/libs/fonts/inter/Inter-Regular.ttf b/src/libs/fonts/inter/Inter-Regular.ttf
new file mode 100644
index 0000000..8d4eebf
Binary files /dev/null and b/src/libs/fonts/inter/Inter-Regular.ttf differ
diff --git a/src/libs/fonts/inter/Inter-SemiBold.ttf b/src/libs/fonts/inter/Inter-SemiBold.ttf
new file mode 100644
index 0000000..c6aeeb1
Binary files /dev/null and b/src/libs/fonts/inter/Inter-SemiBold.ttf differ
diff --git a/src/libs/fonts/inter/Inter-Thin.ttf b/src/libs/fonts/inter/Inter-Thin.ttf
new file mode 100644
index 0000000..7aed55d
Binary files /dev/null and b/src/libs/fonts/inter/Inter-Thin.ttf differ
diff --git a/src/libs/fonts/inter/Inter-VariableFont_slnt,wght.ttf b/src/libs/fonts/inter/Inter-VariableFont_slnt,wght.ttf
new file mode 100644
index 0000000..ec3164e
Binary files /dev/null and b/src/libs/fonts/inter/Inter-VariableFont_slnt,wght.ttf differ
diff --git a/src/libs/fonts/roboto/roboto-v29-latin-300.woff b/src/libs/fonts/roboto/roboto-v29-latin-300.woff
new file mode 100644
index 0000000..5565042
Binary files /dev/null and b/src/libs/fonts/roboto/roboto-v29-latin-300.woff differ
diff --git a/src/libs/fonts/roboto/roboto-v29-latin-300.woff2 b/src/libs/fonts/roboto/roboto-v29-latin-300.woff2
new file mode 100644
index 0000000..46445bf
Binary files /dev/null and b/src/libs/fonts/roboto/roboto-v29-latin-300.woff2 differ
diff --git a/src/libs/fonts/roboto/roboto-v29-latin-500.woff b/src/libs/fonts/roboto/roboto-v29-latin-500.woff
new file mode 100644
index 0000000..c9eb5ca
Binary files /dev/null and b/src/libs/fonts/roboto/roboto-v29-latin-500.woff differ
diff --git a/src/libs/fonts/roboto/roboto-v29-latin-500.woff2 b/src/libs/fonts/roboto/roboto-v29-latin-500.woff2
new file mode 100644
index 0000000..ce795fa
Binary files /dev/null and b/src/libs/fonts/roboto/roboto-v29-latin-500.woff2 differ
diff --git a/src/libs/fonts/roboto/roboto-v29-latin-700.woff b/src/libs/fonts/roboto/roboto-v29-latin-700.woff
new file mode 100644
index 0000000..a5d98fc
Binary files /dev/null and b/src/libs/fonts/roboto/roboto-v29-latin-700.woff differ
diff --git a/src/libs/fonts/roboto/roboto-v29-latin-700.woff2 b/src/libs/fonts/roboto/roboto-v29-latin-700.woff2
new file mode 100644
index 0000000..01d05fa
Binary files /dev/null and b/src/libs/fonts/roboto/roboto-v29-latin-700.woff2 differ
diff --git a/src/libs/fonts/roboto/roboto-v29-latin-regular.woff b/src/libs/fonts/roboto/roboto-v29-latin-regular.woff
new file mode 100644
index 0000000..86b3863
Binary files /dev/null and b/src/libs/fonts/roboto/roboto-v29-latin-regular.woff differ
diff --git a/src/libs/fonts/roboto/roboto-v29-latin-regular.woff2 b/src/libs/fonts/roboto/roboto-v29-latin-regular.woff2
new file mode 100644
index 0000000..ebe1795
Binary files /dev/null and b/src/libs/fonts/roboto/roboto-v29-latin-regular.woff2 differ
diff --git a/src/main.tsx b/src/main.tsx
index 0ac01af..bbf9773 100644
--- a/src/main.tsx
+++ b/src/main.tsx
@@ -7,11 +7,6 @@ import { ThemeProvider } from '@mui/material/styles';
 import CssBaseline from '@mui/material/CssBaseline';
 import theme from "./libs/theme";
 
-import '@fontsource/roboto/300.css';
-import '@fontsource/roboto/400.css';
-import '@fontsource/roboto/500.css';
-import '@fontsource/roboto/700.css';
-
 const queryClient = new QueryClient({
   defaultOptions: {
     queries: {
diff --git a/src/pages/Identifiers/Identifiers.tsx b/src/pages/Identifiers/Identifiers.tsx
index d596478..15870c0 100644
--- a/src/pages/Identifiers/Identifiers.tsx
+++ b/src/pages/Identifiers/Identifiers.tsx
@@ -1,8 +1,77 @@
+import { List, ListItem, ListItemText, ListItemSecondaryAction, Button, Typography, Divider, Paper, Box, Avatar } from '@mui/material';
+import VerifiedIcon from '@mui/icons-material/Verified';
+import { FaDiscord, FaTelegram, FaGoogle } from 'react-icons/fa';
+
+const identifiers = [
+  { name: 'Discord', icon: FaDiscord, verified: true, color: 'text-blue-500' },
+  { name: 'Telegram', icon: FaTelegram, verified: false, color: 'text-blue-400' },
+  { name: 'Google', icon: FaGoogle, verified: false, color: 'text-red-500' },
+];
+
+const handleRevoke = (identifier: string) => {
+  console.log(`Revoke attestation for ${identifier}`);
+};
+
+const handleConnect = (identifier: string) => {
+  console.log(`Connect identifier for ${identifier}`);
+};
 
 export function Identifiers() {
   return (
     <div>
-      dsajk
+      <Typography variant="h6" gutterBottom>
+        Identifiers
+      </Typography>
+      <List>
+        <ListItem>
+          <ListItemText primary="Identifier" />
+          <ListItemSecondaryAction>
+            <Typography variant="body2" style={{ marginRight: 40 }}>
+              Actions
+            </Typography>
+          </ListItemSecondaryAction>
+        </ListItem>
+        <Divider />
+        {identifiers.map((identifier, index) => (
+          <Box key={index} mb={2}>
+            <Paper elevation={1} className='rounded-xl py-2'>
+              <ListItem>
+                <Avatar>
+                  <identifier.icon size={28} className={`${identifier.verified ? 'text-black' : 'text-white'}`} />
+                </Avatar>
+                <ListItemText
+                  primary={
+                    <div className="flex items-center">
+                      {identifier.verified && <VerifiedIcon className={"text-blue-400 mr-2"} />}
+                      {identifier.name}
+                    </div>
+                  }
+                  style={{ marginLeft: 16 }}
+                />
+                <ListItemSecondaryAction>
+                  {identifier.verified ? (
+                    <Button
+                      variant="outlined"
+                      color="error"
+                      onClick={() => handleRevoke(identifier.name)}
+                    >
+                      Revoke
+                    </Button>
+                  ) : (
+                    <Button
+                      variant="contained"
+                      color="primary"
+                      onClick={() => handleConnect(identifier.name)}
+                    >
+                      Connect
+                    </Button>
+                  )}
+                </ListItemSecondaryAction>
+              </ListItem>
+            </Paper>
+          </Box>
+        ))}
+      </List>
     </div>
   );
 }