CINXE.COM

<!DOCTYPE html><html lang="en" class="scroll-pt-[76px] theme-clean no-tint sidebar-default sidebar-list-default"><head><meta charSet="utf-8"/><link rel="preconnect" href="https://api.gitbook.com"/><link rel="preconnect" href="https://static.gitbook.com"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" as="image" imageSrcSet="https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=1&quality=100&sign=b958cf82&sv=2 32w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=2&quality=100&sign=b958cf82&sv=2 64w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=3&quality=100&sign=b958cf82&sv=2 96w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=4&quality=100&sign=b958cf82&sv=2 128w" imageSizes="32px" fetchPriority="high"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/b9d9ccd7dce8d6bb.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/09a5087aafb66ce5.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/2567c890e467e55b.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/79eda1c72751119a.css" data-precedence="next"/><link rel="stylesheet" href="https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz" href="https://static.gitbook.com/_next/static/chunks/webpack-5e951cb0bda2d745.js"/><script src="https://static.gitbook.com/_next/static/chunks/1dd3208c-d78985df41c8a89e.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/4850-4b0a9d49477fe59a.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/main-app-bb67bea1b1b8490e.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/app/global-error-185b8d6d9c549d21.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/9322-5f5740cd5fd0bdf9.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/2622-d4284e72be418b70.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/7609-5073804535dff38c.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/983-622b6bd4ade56ada.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/error-65349dd045e81a2f.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/2999-584f9b8ecc233405.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/7993-8ef7f7477490b7af.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/5890-3ab2501336ce1348.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/3625-453944d6ea4368cb.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/4055-7666845ca98fb1a4.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/5572-d068cc2bc8e73d12.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/8325-fc5ab1181936ca35.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/5843-bbb438ddba7e3786.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script src="https://static.gitbook.com/_next/static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/page-4d5fbfa9f3a3be8d.js" async="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><script async="" src="https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/fed41e98e4e98569ea0efc948ee7657ce979e3d13301ed5374b8494b6ffe0f81/sites/site_JKoxZ/script.js?version=150.0" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script><meta name="color-scheme" content="light"/><title>Gestes UI/UX | UX UI Guidelines</title><meta name="description" content="Standards de travail"/><meta name="generator" content="GitBook (a749c67)"/><meta name="robots" content="index, follow"/><link rel="canonical" href="https://bamtech.gitbook.io/ux-ui-standards/gestes"/><meta property="og:title" content="Gestes UI/UX | UX UI Guidelines"/><meta property="og:description" content="Standards de travail"/><meta property="og:image" content="https://bamtech.gitbook.io/ux-ui-standards/~gitbook/ogimage/-L45iK1HgyOKgREfWSwE"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:title" content="Gestes UI/UX | UX UI Guidelines"/><meta name="twitter:description" content="Standards de travail"/><meta name="twitter:image" content="https://bamtech.gitbook.io/ux-ui-standards/~gitbook/ogimage/-L45iK1HgyOKgREfWSwE"/><link rel="icon" href="https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/spaces%2F-L3Ckj9RuJ2qwWPoNJTG%2Favatar.png?generation=1516354338170876&alt=media" type="image/png" media="(prefers-color-scheme: light)"/><link rel="icon" href="https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/spaces%2F-L3Ckj9RuJ2qwWPoNJTG%2Favatar.png?generation=1516354338170876&alt=media" type="image/png" media="(prefers-color-scheme: dark)"/><meta name="next-size-adjust"/><style> :root { --primary-1: 251 255 255; --contrast-primary-1: 29 29 29; --primary-2: 242 251 255; --contrast-primary-2: 29 29 29; --primary-3: 235 249 255; --contrast-primary-3: 29 29 29; --primary-4: 226 244 255; --contrast-primary-4: 29 29 29; --primary-5: 217 239 255; --contrast-primary-5: 29 29 29; --primary-6: 205 231 255; --contrast-primary-6: 29 29 29; --primary-7: 189 219 255; --contrast-primary-7: 29 29 29; --primary-8: 172 206 255; --contrast-primary-8: 29 29 29; --primary-9: 42 127 255; --contrast-primary-9: 255 255 255; --primary-10: 26 114 240; --contrast-primary-10: 255 255 255; --primary-11: 5 101 227; --contrast-primary-11: 255 255 255; --primary-12: 0 0 123; --contrast-primary-12: 255 255 255; --primary-original: 42 127 255; --contrast-primary-original: 255 255 255; --tint-1: 254 255 255; --contrast-tint-1: 29 29 29; --tint-2: 248 250 253; --contrast-tint-2: 29 29 29; --tint-3: 245 248 252; --contrast-tint-3: 29 29 29; --tint-4: 239 243 248; --contrast-tint-4: 29 29 29; --tint-5: 233 237 244; --contrast-tint-5: 29 29 29; --tint-6: 225 230 238; --contrast-tint-6: 29 29 29; --tint-7: 211 217 227; --contrast-tint-7: 29 29 29; --tint-8: 198 205 216; --contrast-tint-8: 29 29 29; --tint-9: 118 134 158; --contrast-tint-9: 255 255 255; --tint-10: 107 122 146; --contrast-tint-10: 255 255 255; --tint-11: 96 111 135; --contrast-tint-11: 255 255 255; --tint-12: 17 29 48; --contrast-tint-12: 255 255 255; --tint-original: 120 120 120; --contrast-tint-original: 255 255 255; --neutral-1: 255 255 255; --contrast-neutral-1: 29 29 29; --neutral-2: 250 250 250; --contrast-neutral-2: 29 29 29; --neutral-3: 247 247 247; --contrast-neutral-3: 29 29 29; --neutral-4: 242 242 242; --contrast-neutral-4: 29 29 29; --neutral-5: 237 237 237; --contrast-neutral-5: 29 29 29; --neutral-6: 229 229 229; --contrast-neutral-6: 29 29 29; --neutral-7: 217 217 217; --contrast-neutral-7: 29 29 29; --neutral-8: 204 204 204; --contrast-neutral-8: 29 29 29; --neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255; --neutral-10: 121 121 121; --contrast-neutral-10: 255 255 255; --neutral-11: 110 110 110; --contrast-neutral-11: 255 255 255; --neutral-12: 29 29 29; --contrast-neutral-12: 255 255 255; --neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255; --header-background: 42 127 255; --header-link: 255 255 255; --info-1: 255 255 255; --contrast-info-1: 29 29 29; --info-2: 250 250 250; --contrast-info-2: 29 29 29; --info-3: 247 247 247; --contrast-info-3: 29 29 29; --info-4: 242 242 242; --contrast-info-4: 29 29 29; --info-5: 237 237 237; --contrast-info-5: 29 29 29; --info-6: 229 229 229; --contrast-info-6: 29 29 29; --info-7: 217 217 217; --contrast-info-7: 29 29 29; --info-8: 204 204 204; --contrast-info-8: 29 29 29; --info-9: 120 120 120; --contrast-info-9: 255 255 255; --info-10: 121 121 121; --contrast-info-10: 255 255 255; --info-11: 110 110 110; --contrast-info-11: 255 255 255; --info-12: 29 29 29; --contrast-info-12: 255 255 255; --info-original: 120 120 120; --contrast-info-original: 255 255 255; --warning-1: 255 254 249; --contrast-warning-1: 29 29 29; --warning-2: 255 248 238; --contrast-warning-2: 29 29 29; --warning-3: 255 244 230; --contrast-warning-3: 29 29 29; --warning-4: 255 238 219; --contrast-warning-4: 29 29 29; --warning-5: 255 232 208; --contrast-warning-5: 29 29 29; --warning-6: 255 223 194; --contrast-warning-6: 29 29 29; --warning-7: 246 210 176; --contrast-warning-7: 29 29 29; --warning-8: 237 196 157; --contrast-warning-8: 29 29 29; --warning-9: 254 154 0; --contrast-warning-9: 29 29 29; --warning-10: 187 92 0; --contrast-warning-10: 255 255 255; --warning-11: 174 81 0; --contrast-warning-11: 255 255 255; --warning-12: 75 0 0; --contrast-warning-12: 255 255 255; --warning-original: 254 154 0; --contrast-warning-original: 29 29 29; --danger-1: 255 252 251; --contrast-danger-1: 29 29 29; --danger-2: 255 244 242; --contrast-danger-2: 29 29 29; --danger-3: 255 239 235; --contrast-danger-3: 29 29 29; --danger-4: 255 231 226; --contrast-danger-4: 29 29 29; --danger-5: 255 223 217; --contrast-danger-5: 29 29 29; --danger-6: 255 212 205; --contrast-danger-6: 29 29 29; --danger-7: 255 196 189; --contrast-danger-7: 29 29 29; --danger-8: 255 181 173; --contrast-danger-8: 29 29 29; --danger-9: 251 44 54; --contrast-danger-9: 255 255 255; --danger-10: 228 0 33; --contrast-danger-10: 255 255 255; --danger-11: 214 0 17; --contrast-danger-11: 255 255 255; --danger-12: 101 0 0; --contrast-danger-12: 255 255 255; --danger-original: 251 44 54; --contrast-danger-original: 255 255 255; --success-1: 251 255 251; --contrast-success-1: 29 29 29; --success-2: 241 254 242; --contrast-success-2: 29 29 29; --success-3: 234 254 236; --contrast-success-3: 29 29 29; --success-4: 224 251 227; --contrast-success-4: 29 29 29; --success-5: 214 248 218; --contrast-success-5: 29 29 29; --success-6: 202 242 206; --contrast-success-6: 29 29 29; --success-7: 185 231 190; --contrast-success-7: 29 29 29; --success-8: 167 220 173; --contrast-success-8: 29 29 29; --success-9: 0 201 80; --contrast-success-9: 29 29 29; --success-10: 0 152 23; --contrast-success-10: 255 255 255; --success-11: 0 140 0; --contrast-success-11: 255 255 255; --success-12: 0 47 0; --contrast-success-12: 255 255 255; --success-original: 0 201 80; --contrast-success-original: 29 29 29; } .dark { --primary-1: 26 29 34; --contrast-primary-1: 255 255 255; --primary-2: 29 35 45; --contrast-primary-2: 255 255 255; --primary-3: 35 44 60; --contrast-primary-3: 255 255 255; --primary-4: 35 48 69; --contrast-primary-4: 255 255 255; --primary-5: 37 54 80; --contrast-primary-5: 255 255 255; --primary-6: 37 58 90; --contrast-primary-6: 255 255 255; --primary-7: 43 68 106; --contrast-primary-7: 255 255 255; --primary-8: 49 78 123; --contrast-primary-8: 255 255 255; --primary-9: 42 127 255; --contrast-primary-9: 255 255 255; --primary-10: 54 138 255; --contrast-primary-10: 255 255 255; --primary-11: 104 189 255; --contrast-primary-11: 29 29 29; --primary-12: 166 255 255; --contrast-primary-12: 29 29 29; --primary-original: 42 127 255; --contrast-primary-original: 255 255 255; --tint-1: 29 29 30; --contrast-tint-1: 255 255 255; --tint-2: 34 35 35; --contrast-tint-2: 255 255 255; --tint-3: 43 44 45; --contrast-tint-3: 255 255 255; --tint-4: 46 48 50; --contrast-tint-4: 255 255 255; --tint-5: 52 54 56; --contrast-tint-5: 255 255 255; --tint-6: 56 58 61; --contrast-tint-6: 255 255 255; --tint-7: 65 68 72; --contrast-tint-7: 255 255 255; --tint-8: 75 78 83; --contrast-tint-8: 255 255 255; --tint-9: 125 133 146; --contrast-tint-9: 255 255 255; --tint-10: 137 145 157; --contrast-tint-10: 255 255 255; --tint-11: 184 193 206; --contrast-tint-11: 29 29 29; --tint-12: 247 255 255; --contrast-tint-12: 29 29 29; --tint-original: 120 120 120; --contrast-tint-original: 255 255 255; --neutral-1: 29 29 29; --contrast-neutral-1: 255 255 255; --neutral-2: 34 34 34; --contrast-neutral-2: 255 255 255; --neutral-3: 44 44 44; --contrast-neutral-3: 255 255 255; --neutral-4: 48 48 48; --contrast-neutral-4: 255 255 255; --neutral-5: 53 53 53; --contrast-neutral-5: 255 255 255; --neutral-6: 57 57 57; --contrast-neutral-6: 255 255 255; --neutral-7: 67 67 67; --contrast-neutral-7: 255 255 255; --neutral-8: 78 78 78; --contrast-neutral-8: 255 255 255; --neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255; --neutral-10: 144 144 144; --contrast-neutral-10: 255 255 255; --neutral-11: 192 192 192; --contrast-neutral-11: 29 29 29; --neutral-12: 255 255 255; --contrast-neutral-12: 29 29 29; --neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255; --header-background: 42 127 255; --header-link: 255 255 255; --info-1: 29 29 29; --contrast-info-1: 255 255 255; --info-2: 34 34 34; --contrast-info-2: 255 255 255; --info-3: 44 44 44; --contrast-info-3: 255 255 255; --info-4: 48 48 48; --contrast-info-4: 255 255 255; --info-5: 53 53 53; --contrast-info-5: 255 255 255; --info-6: 57 57 57; --contrast-info-6: 255 255 255; --info-7: 67 67 67; --contrast-info-7: 255 255 255; --info-8: 78 78 78; --contrast-info-8: 255 255 255; --info-9: 120 120 120; --contrast-info-9: 255 255 255; --info-10: 144 144 144; --contrast-info-10: 255 255 255; --info-11: 192 192 192; --contrast-info-11: 29 29 29; --info-12: 255 255 255; --contrast-info-12: 29 29 29; --info-original: 120 120 120; --contrast-info-original: 255 255 255; --warning-1: 32 28 25; --contrast-warning-1: 255 255 255; --warning-2: 40 33 26; --contrast-warning-2: 255 255 255; --warning-3: 53 41 30; --contrast-warning-3: 255 255 255; --warning-4: 60 44 29; --contrast-warning-4: 255 255 255; --warning-5: 69 49 29; --contrast-warning-5: 255 255 255; --warning-6: 76 52 27; --contrast-warning-6: 255 255 255; --warning-7: 90 61 30; --contrast-warning-7: 255 255 255; --warning-8: 104 70 34; --contrast-warning-8: 255 255 255; --warning-9: 254 154 0; --contrast-warning-9: 29 29 29; --warning-10: 213 116 0; --contrast-warning-10: 255 255 255; --warning-11: 255 165 34; --contrast-warning-11: 29 29 29; --warning-12: 255 229 115; --contrast-warning-12: 29 29 29; --warning-original: 254 154 0; --contrast-warning-original: 29 29 29; --danger-1: 34 27 26; --contrast-danger-1: 255 255 255; --danger-2: 45 30 29; --contrast-danger-2: 255 255 255; --danger-3: 60 37 35; --contrast-danger-3: 255 255 255; --danger-4: 69 38 35; --contrast-danger-4: 255 255 255; --danger-5: 80 41 38; --contrast-danger-5: 255 255 255; --danger-6: 89 41 38; --contrast-danger-6: 255 255 255; --danger-7: 105 48 44; --contrast-danger-7: 255 255 255; --danger-8: 121 54 50; --contrast-danger-8: 255 255 255; --danger-9: 251 44 54; --contrast-danger-9: 255 255 255; --danger-10: 255 52 59; --contrast-danger-10: 255 255 255; --danger-11: 255 113 108; --contrast-danger-11: 255 255 255; --danger-12: 255 180 169; --contrast-danger-12: 29 29 29; --danger-original: 251 44 54; --contrast-danger-original: 255 255 255; --success-1: 26 31 26; --contrast-success-1: 255 255 255; --success-2: 28 37 29; --contrast-success-2: 255 255 255; --success-3: 33 48 35; --contrast-success-3: 255 255 255; --success-4: 33 54 35; --contrast-success-4: 255 255 255; --success-5: 34 61 38; --contrast-success-5: 255 255 255; --success-6: 32 66 38; --contrast-success-6: 255 255 255; --success-7: 37 78 44; --contrast-success-7: 255 255 255; --success-8: 41 90 50; --contrast-success-8: 255 255 255; --success-9: 0 201 80; --contrast-success-9: 29 29 29; --success-10: 0 176 54; --contrast-success-10: 255 255 255; --success-11: 62 227 106; --contrast-success-11: 29 29 29; --success-12: 139 255 168; --contrast-success-12: 29 29 29; --success-original: 0 201 80; --contrast-success-original: 29 29 29; } </style><script src="https://static.gitbook.com/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule="" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz"></script></head><body class="__className_2f5617 __className_7d852e __variable_96046e bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint"><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">!function(){var d=document.documentElement,c=d.classList;c.remove('light','dark');d.style.colorScheme = 'light';c.add('light')}()</script><header id="site-header" class="flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-[0px_1px_0px] shadow-tint-12/2 bg-tint-base/9 theme-muted:bg-tint-subtle/9 theme-bold-tint:bg-tint-subtle/9 theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint contrast-more:bg-tint-base text-sm backdrop-blur-lg"><div class="theme-bold:bg-header-background theme-bold:shadow-[0px_1px_0px] theme-bold:shadow-tint-12/2"><div class="scroll-nojump"><div class="gap-4 lg:gap-8 flex items-center justify-between w-full py-3 min-h-16 sm:h-16 px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full"><div class="flex max-w-full shrink min-w-0 gap-2 lg:gap-4 justify-start items-center"><button class="flex flex-row items-center py-1 px-2 rounded straight-corners:rounded-sm page-no-toc:hidden lg:hidden -ml-2 text-tint-strong theme-bold:text-header-link hover:bg-tint-hover theme-bold:hover:bg-header-link/3" aria-label="Open table of contents"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/bars.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-4 text-inherit"></svg></button><a class="group/headerlogo min-w-0 shrink flex items-center" href="/ux-ui-standards"><img alt="" style="aspect-ratio:1" fetchPriority="high" class="block dark:hidden object-contain size-8" src="https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=4&quality=100&sign=b958cf82&sv=2" srcSet="https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=1&quality=100&sign=b958cf82&sv=2 32w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=2&quality=100&sign=b958cf82&sv=2 64w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=3&quality=100&sign=b958cf82&sv=2 96w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=4&quality=100&sign=b958cf82&sv=2 128w" sizes="32px" width="256" height="256"/><img alt="" style="aspect-ratio:1" loading="lazy" fetchPriority="high" class="hidden dark:block object-contain size-8" src="https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=4&quality=100&sign=b958cf82&sv=2" srcSet="https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=1&quality=100&sign=b958cf82&sv=2 32w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=2&quality=100&sign=b958cf82&sv=2 64w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=3&quality=100&sign=b958cf82&sv=2 96w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia&width=32&dpr=4&quality=100&sign=b958cf82&sv=2 128w" sizes="32px" width="256" height="256"/><div class="text-pretty line-clamp-3 tracking-tight max-w-[18ch] lg:max-w-[24ch] font-semibold ms-3 text-base/tight lg:text-lg/tight text-tint-strong theme-bold:text-header-link">UX UI Guidelines</div></a></div><div class="flex md:min-w-56 grow-0 shrink-0 justify-self-end"><button type="button" aria-label="Search" class="flex flex-1 flex-row justify-center items-center w-full px-3 py-2 gap-2 bg-tint-base ring-1 ring-tint-12/2 shadow-sm shadow-tint-12/3 dark:shadow-none text-tint rounded-lg straight-corners:rounded-sm contrast-more:ring-tint-12 contrast-more:text-tint-strong transition-all hover:bg-tint-subtle hover:shadow-md hover:scale-102 hover:ring-tint-hover hover:text-tint-strong focus:shadow-md focus:scale-102 focus:ring-tint-hover focus:text-tint-strong contrast-more:hover:ring-2 contrast-more:hover:ring-tint-12 contrast-more:focus:ring-2 contrast-more:focus:ring-tint-12 active:shadow-sm active:scale-98 md:justify-start md:w-full theme-bold:bg-header-link/2 theme-bold:hover:bg-header-link/3 theme-bold:text-header-link/8 theme-bold:hover:text-header-link theme-bold:ring-header-link/4 theme-bold:hover:ring-header-link/5 theme-bold:[&_svg]:text-header-link/10 theme-bold:[&_.shortcut]:text-header-link/8 theme-bold:contrast-more:bg-header-background theme-bold:contrast-more:text-header-link theme-bold:contrast-more:ring-header-link theme-bold:contrast-more:hover:bg-header-background theme-bold:contrast-more:hover:ring-header-link theme-bold:contrast-more:focus:text-header-link theme-bold:contrast-more:focus:bg-header-background theme-bold:contrast-more:focus:ring-header-link theme-bold:shadow-none theme-bold:hover:shadow-none"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/magnifying-glass.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon text-tint-subtle shrink-0 size-4"></svg><div class="w-full hidden md:block text-left"><span class="flex-1">Search...</span></div><div class="shortcut hidden md:inline justify-end text-xs text-tint contrast-more:text-tint-strong whitespace-nowrap [font-feature-settings:"calt",_"case"]">Ctrl +鈥咾</div></button></div></div></div></div></header><div class="flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full"><aside data-testid="table-of-contents" class="group page-no-toc:hidden grow-0 shrink-0 basis-full lg:basis-72 relative z-[1] lg:sticky lg:top-0 lg:h-screen site-header:lg:top-16 site-header:lg:h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:h-[calc(100vh_-_6.75rem)] pt-6 pb-4 sidebar-filled:lg:pr-6 hidden navigation-open:flex lg:flex flex-col gap-4 navigation-open:border-b border-tint-subtle"><div class="lg:-ms-5 overflow-hidden relative flex flex-col flex-grow sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base sidebar-filled:rounded-xl straight-corners:rounded-none"><div class="px-5 *:my-4"></div><div data-testid="toc-scroll-container" class="flex flex-grow flex-col p-2 lg:pb-20 overflow-y-auto lg:gutter-stable [&::-webkit-scrollbar]:bg-transparent [&::-webkit-scrollbar-thumb]:bg-transparent group-hover:[&::-webkit-scrollbar]:bg-tint-subtle group-hover:[&::-webkit-scrollbar-thumb]:bg-tint-7 group-hover:[&::-webkit-scrollbar-thumb:hover]:bg-tint-8"><ul class="flex flex-col gap-y-0.5 sidebar-list-line:border-l border-tint-subtle"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards">BAM UX/UI Standards</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ux-standards">UX Guidelines<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ux-standards/chat-bot">Chat Bot - Messenger</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ux-standards/geoloc-carte-et-permissions">Geoloc & permissions</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ux-standards/parrainage">Parrainage</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ux-standards/payment">Payment</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ux-standards/medical-apointment-booking">Medical apointment booking</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ux-standards/splashscreen">Splashscreen</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/prise-de-rdv">[Template]</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ui-components">UI Components<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ui-components/template">[Component Template]</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ui-standards">UI Principles<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ui-standards/margins">Spacing</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/ui-standards/colors">Colors</a></li></ul></div></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/sketch-tips">Sketch Tips<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:bg-tint-active hover:text-current"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-0"></svg></span></a><div class="[&_ul>li]:opacity-1" style="opacity:0;height:0px;display:none"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/sketch-tips/document-organisation">Organiser son document</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/sketch-tips/manipulating-elements">Manipuler les objets</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/sketch-tips/making-icons">Making Icons</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/sketch-tips/symbols">Symbols</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/sketch-tips/sketch-plugins">Sketch Plugins</a></li></ul></div></li><li class="flex flex-col"><a aria-current="page" class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm text-balance hover:contrast-more:ring-1 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none font-semibold sidebar-list-line:before:w-0.5 before:bg-primary-solid text-primary-subtle sidebar-list-pill:bg-primary [html.sidebar-list-pill.theme-muted_&]:bg-primary-hover [html.sidebar-list-pill.theme-bold.tint_&]:bg-primary-hover [html.sidebar-filled.sidebar-list-pill.theme-muted_&]:bg-primary [html.sidebar-filled.sidebar-list-pill.theme-bold.tint_&]:bg-primary hover:bg-primary-hover hover:text-primary hover:before:bg-primary-solid-hover sidebar-list-pill:hover:bg-primary-hover contrast-more:text-primary contrast-more:hover:text-primary-strong contrast-more:bg-primary contrast-more:ring-1 contrast-more:ring-primary contrast-more:hover:ring-primary-hover" href="/ux-ui-standards/gestes">Gestes UI/UX<span class="group relative rounded-full straight-corners:rounded-sm w-5 h-5 after:grid-area-1-1 after:absolute after:-top-1 after:grid after:-left-1 after:w-7 after:h-7 hover:text-current hover:bg-tint-hover"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon grid flex-shrink-0 size-3 m-1 text-current transition-transform opacity-6 group-hover:opacity-11 contrast-more:opacity-11 rotate-90"></svg></span></a><div class="" style="opacity:1;height:auto;display:block"><ul class="flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l"><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/gestes/bench-ui">Bench UI</a></li><li class="flex flex-col"><a class="group/toclink relative transition-colors flex flex-row justify-between p-1.5 pl-3 rounded-md straight-corners:rounded-none text-sm font-normal text-balance text-tint-strong/7 hover:text-tint-strong hover:bg-tint-hover contrast-more:text-tint-strong hover:contrast-more:text-tint-strong hover:contrast-more:ring-1 hover:contrast-more:ring-tint-12 before:contents[] before:absolute before:inset-y-0 before:-left-px [&+div_a]:pl-5 sidebar-list-line:before:w-px sidebar-list-default:[&+div_a]:before:w-px sidebar-list-default:[&+div_a]:rounded-l-none sidebar-list-line:rounded-l-none" href="/ux-ui-standards/gestes/bench-ux">Bench UX - userflow</a></li></ul></div></li></ul><div class="relative z-[2] lg:absolute mt-6 left-0 right-2 bottom-0 pointer-events-none sidebar-filled:pl-2 sidebar-filled:pb-2 bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle [html.sidebar-filled.theme-muted_&]:bg-tint-base [html.sidebar-filled.theme-bold.tint_&]:bg-tint-base before:hidden lg:before:block before:content-[""] before:absolute before:inset-x-0 before:bottom-full before:h-8 before:bg-gradient-to-b before:from-transparent before:to-tint-base sidebar-filled:before:to-tint-subtle theme-muted:before:to-tint-subtle theme-bold-tint:before:to-tint-subtle [html.sidebar-filled.theme-muted_&]:before:to-tint-base [html.sidebar-filled.theme-bold.tint_&]:before:to-tint-base"><a target="_blank" class="text-sm font-semibold text-tint flex flex-row items-center px-5 py-4 sidebar-filled:px-3 rounded-lg straight-corners:rounded-none hover:bg-tint hover:text-tint-strong ring-2 lg:ring-1 ring-inset ring-tint-subtle transition-colors pointer-events-auto" href="https://www.gitbook.com/?utm_source=content&utm_medium=trademark&utm_campaign=-L3Ckj9RuJ2qwWPoNJTG"><svg style="mask-image:url(https://static.gitbook.com/~gitbook/static/icons/svgs/custom-icons/gitbook.svg?v=2);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-5 mr-3"></svg>Powered by GitBook</a></div></div></div></aside><div class="flex-1 flex flex-col"><div class="flex flex-row-reverse justify-end grow"><aside class="group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 break-anywhere text-tint contrast-more:text-tint-strong sticky lg:top-0 lg:max-h-screen site-header:lg:top-16 site-header:lg:max-h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:max-h-[calc(100vh_-_6.75rem)] page-api-block:xl:max-2xl:z-10 page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-tint/9 page-api-block:xl:max-2xl:contrast-more:bg-tint page-api-block:xl:max-2xl:backdrop-blur-lg page-api-block:xl:max-2xl:border page-api-block:xl:max-2xl:border-tint page-api-block:xl:max-2xl:hover:shadow-lg page-api-block:xl:max-2xl:hover:shadow-tint-12/1 page-api-block:xl:max-2xl:dark:hover:shadow-tint-1/1 page-api-block:xl:max-2xl:rounded-md page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:my-8 page-api-block:p-2"><div class="hidden page-api-block:xl:max-2xl:flex text-xs tracking-wide font-semibold uppercase flex-row items-center gap-2"><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/block-quote.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3"></svg>On this page<svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-down.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 opacity-6 ml-auto page-api-block:xl:max-2xl:group-hover/aside:hidden"></svg></div><div class="overflow-y-auto overflow-x-visible flex flex-col shrink pb-12 sticky lg:top:0 site-header:lg:top-16 site-header-sections:lg:top-[6.75rem] gap-6 pt-8 page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex"><div class="flex flex-col gap-3 sidebar-list-default:px-3 border-t first:border-none border-tint-subtle py-4 first:pt-0 page-api-block:xl:max-2xl:px-3 empty:hidden"></div></div><div class="pb-4 sticky bottom-0 bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint z-10 mt-auto flex flex-col page-api-block:xl:max-2xl:pb-0 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex page-api-block:xl:max-2xl:bg-transparent"><div class="" data-visual-test="removed"></div></div></aside><main class="flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto"><header class="max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0"><h1 class="text-4xl font-bold flex items-center gap-4">Gestes UI/UX</h1><p class="text-lg text-tint">Standards de travail</p></header><div class="grid max-w-3xl w-full mx-auto gap-4 grid-cols-1 sm:grid-cols-2"><a class="group flex flex-row justify-between items-center gap-4 ring-1 ring-tint-subtle rounded straight-corners:rounded-none px-5 py-3 transition-shadow hover:ring-primary-hover" href="/ux-ui-standards/gestes/bench-ui"><span class="flex flex-col flex-1"><span class="text-base transition-colors group-hover:text-primary">Bench UI</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 text-tint transition-all group-hover:translate-x-0.5 group-hover:text-primary"></svg></a><a class="group flex flex-row justify-between items-center gap-4 ring-1 ring-tint-subtle rounded straight-corners:rounded-none px-5 py-3 transition-shadow hover:ring-primary-hover" href="/ux-ui-standards/gestes/bench-ux"><span class="flex flex-col flex-1"><span class="text-base transition-colors group-hover:text-primary">Bench UX - userflow</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon size-3 text-tint transition-all group-hover:translate-x-0.5 group-hover:text-primary"></svg></a></div><div class="flex flex-col md:flex-row mt-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0 text-tint"><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base" href="/ux-ui-standards/sketch-tips/sketch-plugins"><span class="flex flex-col flex-1 text-right"><span class="text-xs">Previous</span><span class="text-tint-strong group-hover:text-primary line-clamp-2">Sketch Plugins</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-left.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block"></svg></a><a class="group text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base" href="/ux-ui-standards/gestes/bench-ui"><span class="flex flex-col flex-1"><span class="text-xs">Next</span><span class="text-tint-strong group-hover:text-primary line-clamp-2">Bench UI</span></span><svg style="mask-image:url(https://ka-p.fontawesome.com/releases/v6.6.0/svgs/regular/chevron-right.svg?v=2&token=a463935e93);mask-repeat:no-repeat;mask-position:center" class="gb-icon hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block"></svg></a></div><div class="flex flex-row flex-wrap gap-4 items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0 text-tint contrast-more:text-tint-strong"><p class="text-sm mr-auto">Last updated <time data-visual-test="transparent" dateTime="2018-01-30T11:00:05.394Z" title="1/30/2018, 11:00:05 AM">7 years ago</time></p></div></main></div></div></div><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz" data-cfasync="false"> document.addEventListener("DOMContentLoaded", () => { if (Array.from(document.scripts).find(script => script.src.includes('rocket-loader.min.js'))) { const alert = document.createElement('div'); alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 mt-8 mx-8'; alert.innerHTML = ` <strong>Error in site configuration:</strong> It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to <a href="https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare" class="underline">GitBook's documentation</a> for steps to fix the problem. `; document.body.prepend(alert); } });</script><script src="https://static.gitbook.com/_next/static/chunks/webpack-5e951cb0bda2d745.js" nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz" async=""></script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">(self.__next_f=self.__next_f||[]).push([0]);self.__next_f.push([2,null])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"1:HC[\"https://static.gitbook.com\",\"\"]\n2:HL[\"https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css\",\"style\"]\n3:HL[\"https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css\",\"style\"]\n4:HL[\"https://static.gitbook.com/_next/static/css/b9d9ccd7dce8d6bb.css\",\"style\"]\n5:HL[\"https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css\",\"style\"]\n6:HL[\"https://static.gitbook.com/_next/static/css/09a5087aafb66ce5.css\",\"style\"]\n7:HL[\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"style\"]\n8:HL[\"https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css\",\"style\"]\n9:HL[\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"style\"]\na:HL[\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"style\"]\nb:HL[\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"style\"]\nc:I[11815,[],\"default\"]\nf:I[55092,[],\"default\"]\n11:I[82023,[],\"default\"]\n16:I[44622,[\"6470\",\"static/chunks/app/global-error-185b8d6d9c549d21.js\"],\"default\"]\n10:[\"pathname\",\"gestes\",\"oc\"]\n17:[]\n0:[\"$\",\"$Lc\",null,{\"buildId\":\"fxPBwBrEoH0BryMz_vMDM\",\"assetPrefix\":\"https://static.gitbook.com\",\"urlParts\":[\"\",\"ux-ui-standards\",\"gestes\"],\"initialTree\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"gestes\",\"oc\"],{\"children\":[\"__PAGE__?{\\\"pathname\\\":[\\\"gestes\\\"]}\",{}]}]}]},\"$undefined\",\"$undefined\",true]}]}],\"initialSeedData\":[\"\",{\"children\":[\"middleware\",{\"children\":[\"(site)\",{\"children\":[\"(content)\",{\"children\":[[\"pathname\",\"gestes\",\"oc\"],{\"children\":[\"__PAGE__\",{},[[\"$Ld\",\"$Le\",[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/faa0908d2237c5e3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/3bdd257ccedfc70d.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/2567c890e467e55b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/79eda1c72751119a.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/4af9aafd612346fe.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]]],null],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(site)\",\"children\",\"(content)\",\"children\",\"$10\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$L12\",\"notFoundStyles\":[]}]],[[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-1 relative py-8 lg:px-16 xl:mr-56 items-center lg:items-start\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex-1 max-w-3xl mx-auto page-full-width:mx-0\",\"children\":[[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"mb-8\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md h-[47px] [max-width:calc(48rem-1px)]\",\"children\":[\"$\",\"div\",null,{\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_12px_12px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}],[\"$\",\"div\",null,{\"id\":\"$undefined\",\"role\":\"status\",\"aria-busy\":true,\"className\":\"skeleton-paragraph\",\"children\":[\"$\",\"div\",null,{\"className\":\"ring-1 ring-tint-subtle overflow-hidden relative grid rounded-md [height:calc(15rem-1px)] [max-width:calc(48rem-1px)] mb-4\",\"children\":[\"$\",\"div\",null,{"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"\"className\":\"w-full bg-tint grid grid-area-1-1 overflow-hidden [mask:conic-gradient(from_90deg_at_1px_1px,_#0000_90deg,_#0003_0)_calc(50%+1px)_calc(0%+47px)_/_48px_48px]\",\"children\":[\"$\",\"div\",null,{\"className\":\"aspect-square from-tint-solid to-transparent grid-area-1-1 relative origin-[50%_50%] top-[50%] self-stretch bg-transparent will-change-transform animate-[rotateLoop_2s_linear_infinite] [background-image:conic-gradient(from_-90deg_at_50%_50%,_var(--tw-gradient-stops)_0deg,_var(--tw-gradient-stops)_90deg,_var(--tw-gradient-stops)_280deg)]\"}]}]}]}]]}]}],[],[]]]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/09a5087aafb66ce5.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L13\"],null],null]},[[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/9f5478b23a2dbc0b.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/c689b5a6a1432db7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/b9d9ccd7dce8d6bb.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"https://static.gitbook.com/_next/static/css/95b358fb5c9305a3.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\"}]],\"$L14\"],null],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]],null]},[null,[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]],null],\"couldBeIntercepted\":false,\"initialHead\":[null,\"$L15\"],\"globalErrorComponent\":\"$16\",\"missingSlots\":\"$W17\"}]\n19:I[5145,[\"9322\",\"static/chunks/9322-5f5740cd5fd0bdf9.js\",\"4183\",\"static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js\"],\"IconsProvider\"]\n1a:I[75489,[\"9322\",\"static/chunks/9322-5f5740cd5fd0bdf9.js\",\"4183\",\"static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js\"],\"ClientContexts\"]\n1b:I[61946,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"8626\",\"static/chunks/app/middleware/(site)/error-65349dd045e81a2f.js\"],\"default\"]\n18:T2bc8,\n :root {\n --primary-1: 251 255 255; --contrast-primary-1: 29 29 29;\n--primary-2: 242 251 255; --contrast-primary-2: 29 29 29;\n--primary-3: 235 249 255; --contrast-primary-3: 29 29 29;\n--primary-4: 226 244 255; --contrast-primary-4: 29 29 29;\n--primary-5: 217 239 255; --co"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"ntrast-primary-5: 29 29 29;\n--primary-6: 205 231 255; --contrast-primary-6: 29 29 29;\n--primary-7: 189 219 255; --contrast-primary-7: 29 29 29;\n--primary-8: 172 206 255; --contrast-primary-8: 29 29 29;\n--primary-9: 42 127 255; --contrast-primary-9: 255 255 255;\n--primary-10: 26 114 240; --contrast-primary-10: 255 255 255;\n--primary-11: 5 101 227; --contrast-primary-11: 255 255 255;\n--primary-12: 0 0 123; --contrast-primary-12: 255 255 255;\n--primary-original: 42 127 255; --contrast-primary-original: 255 255 255;\n --tint-1: 254 255 255; --contrast-tint-1: 29 29 29;\n--tint-2: 248 250 253; --contrast-tint-2: 29 29 29;\n--tint-3: 245 248 252; --contrast-tint-3: 29 29 29;\n--tint-4: 239 243 248; --contrast-tint-4: 29 29 29;\n--tint-5: 233 237 244; --contrast-tint-5: 29 29 29;\n--tint-6: 225 230 238; --contrast-tint-6: 29 29 29;\n--tint-7: 211 217 227; --contrast-tint-7: 29 29 29;\n--tint-8: 198 205 216; --contrast-tint-8: 29 29 29;\n--tint-9: 118 134 158; --contrast-tint-9: 255 255 255;\n--tint-10: 107 122 146; --contrast-tint-10: 255 255 255;\n--tint-11: 96 111 135; --contrast-tint-11: 255 255 255;\n--tint-12: 17 29 48; --contrast-tint-12: 255 255 255;\n--tint-original: 120 120 120; --contrast-tint-original: 255 255 255;\n --neutral-1: 255 255 255; --contrast-neutral-1: 29 29 29;\n--neutral-2: 250 250 250; --contrast-neutral-2: 29 29 29;\n--neutral-3: 247 247 247; --contrast-neutral-3: 29 29 29;\n--neutral-4: 242 242 242; --contrast-neutral-4: 29 29 29;\n--neutral-5: 237 237 237; --contrast-neutral-5: 29 29 29;\n--neutral-6: 229 229 229; --contrast-neutral-6: 29 29 29;\n--neutral-7: 217 217 217; --contrast-neutral-7: 29 29 29;\n--neutral-8: 204 204 204; --contrast-neutral-8: 29 29 29;\n--neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255;\n--neutral-10: 121 121 121; --contrast-neutral-10: 255 255 255;\n--neutral-11: 110 110 110; --contrast-neutral-11: 255 255 255;\n--neutral-12: 29 29 29; --contrast-neutral-12: 255 255 255;\n--neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255;\n\n --header-background: 42 127 255;\n --header-link: 255 255 255;\n\n --info-1: 255 255 255; --contrast-info-1: 29 29 29;\n--info-2: 250 250 250; --contrast-info-2: 29 29 29;\n--info-3: 247 247 247; --contrast-info-3: 29 29 29;\n--info-4: 242 242 242; --contrast-info-4: 29 29 29;\n--info-5: 237 237 237; --contrast-info-5: 29 29 29;\n--info-6: 229 229 229; --contrast-info-6: 29 29 29;\n--info-7: 217 217 217; --contrast-info-7: 29 29 29;\n--info-8: 204 204 204; --contrast-info-8: 29 29 29;\n--info-9: 120 120 120; --contrast-info-9: 255 255 255;\n--info-10: 121 121 121; --contrast-info-10: 255 255 255;\n--info-11: 110 110 110; --contrast-info-11: 255 255 255;\n--info-12: 29 29 29; --contrast-info-12: 255 255 255;\n--info-original: 120 120 120; --contrast-info-original: 255 255 255;\n --warning-1: 255 254 249; --contrast-warning-1: 29 29 29;\n--warning-2: 255 248 238; --contrast-warning-2: 29 29 29;\n--warning-3: 255 244 230; --contrast-warning-3: 29 29 29;\n--warning-4: 255 238 219; --contrast-warning-4: 29 29 29;\n--warning-5: 255 232 208; --contrast-warning-5: 29 29 29;\n--warning-6: 255 223 194; --contrast-warning-6: 29 29 29;\n--warning-7: 246 210 176; --contrast-warning-7: 29 29 29;\n--warning-8: 237 196 157; --contrast-warning-8: 29 29 29;\n--warning-9: 254 154 0; --contrast-warning-9: 29 29 29;\n--warning-10: 187 92 0; --contrast-warning-10: 255 255 255;\n--warning-11: 174 81 0; --contrast-warning-11: 255 255 255;\n--warning-12: 75 0 0; --contrast-warning-12: 255 255 255;\n--warning-original: 254 154 0; --contrast-warning-original: 29 29 29;\n --danger-1: 255 252 251; --contrast-danger-1: 29 29 29;\n--danger-2: 255 244 242; --contrast-danger-2: 29 29 29;\n--danger-3: 255 239 235; --contrast-danger-3: 29 29 29;\n--danger-4: 255 231 226; --contrast-danger-4: 29 29 29;\n--danger-5: 255 223 217; --contrast-danger-5: 29 29 29;\n--danger-6: 255 212 205; --contrast-danger-6: 29 29 29;\n--danger-7: 255 196 189; --contrast-danger"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"-7: 29 29 29;\n--danger-8: 255 181 173; --contrast-danger-8: 29 29 29;\n--danger-9: 251 44 54; --contrast-danger-9: 255 255 255;\n--danger-10: 228 0 33; --contrast-danger-10: 255 255 255;\n--danger-11: 214 0 17; --contrast-danger-11: 255 255 255;\n--danger-12: 101 0 0; --contrast-danger-12: 255 255 255;\n--danger-original: 251 44 54; --contrast-danger-original: 255 255 255;\n --success-1: 251 255 251; --contrast-success-1: 29 29 29;\n--success-2: 241 254 242; --contrast-success-2: 29 29 29;\n--success-3: 234 254 236; --contrast-success-3: 29 29 29;\n--success-4: 224 251 227; --contrast-success-4: 29 29 29;\n--success-5: 214 248 218; --contrast-success-5: 29 29 29;\n--success-6: 202 242 206; --contrast-success-6: 29 29 29;\n--success-7: 185 231 190; --contrast-success-7: 29 29 29;\n--success-8: 167 220 173; --contrast-success-8: 29 29 29;\n--success-9: 0 201 80; --contrast-success-9: 29 29 29;\n--success-10: 0 152 23; --contrast-success-10: 255 255 255;\n--success-11: 0 140 0; --contrast-success-11: 255 255 255;\n--success-12: 0 47 0; --contrast-success-12: 255 255 255;\n--success-original: 0 201 80; --contrast-success-original: 29 29 29;\n }\n\n .dark {\n --primary-1: 26 29 34; --contrast-primary-1: 255 255 255;\n--primary-2: 29 35 45; --contrast-primary-2: 255 255 255;\n--primary-3: 35 44 60; --contrast-primary-3: 255 255 255;\n--primary-4: 35 48 69; --contrast-primary-4: 255 255 255;\n--primary-5: 37 54 80; --contrast-primary-5: 255 255 255;\n--primary-6: 37 58 90; --contrast-primary-6: 255 255 255;\n--primary-7: 43 68 106; --contrast-primary-7: 255 255 255;\n--primary-8: 49 78 123; --contrast-primary-8: 255 255 255;\n--primary-9: 42 127 255; --contrast-primary-9: 255 255 255;\n--primary-10: 54 138 255; --contrast-primary-10: 255 255 255;\n--primary-11: 104 189 255; --contrast-primary-11: 29 29 29;\n--primary-12: 166 255 255; --contrast-primary-12: 29 29 29;\n--primary-original: 42 127 255; --contrast-primary-original: 255 255 255;\n --tint-1: 29 29 30; --contrast-tint-1: 255 255 255;\n--tint-2: 34 35 35; --contrast-tint-2: 255 255 255;\n--tint-3: 43 44 45; --contrast-tint-3: 255 255 255;\n--tint-4: 46 48 50; --contrast-tint-4: 255 255 255;\n--tint-5: 52 54 56; --contrast-tint-5: 255 255 255;\n--tint-6: 56 58 61; --contrast-tint-6: 255 255 255;\n--tint-7: 65 68 72; --contrast-tint-7: 255 255 255;\n--tint-8: 75 78 83; --contrast-tint-8: 255 255 255;\n--tint-9: 125 133 146; --contrast-tint-9: 255 255 255;\n--tint-10: 137 145 157; --contrast-tint-10: 255 255 255;\n--tint-11: 184 193 206; --contrast-tint-11: 29 29 29;\n--tint-12: 247 255 255; --contrast-tint-12: 29 29 29;\n--tint-original: 120 120 120; --contrast-tint-original: 255 255 255;\n --neutral-1: 29 29 29; --contrast-neutral-1: 255 255 255;\n--neutral-2: 34 34 34; --contrast-neutral-2: 255 255 255;\n--neutral-3: 44 44 44; --contrast-neutral-3: 255 255 255;\n--neutral-4: 48 48 48; --contrast-neutral-4: 255 255 255;\n--neutral-5: 53 53 53; --contrast-neutral-5: 255 255 255;\n--neutral-6: 57 57 57; --contrast-neutral-6: 255 255 255;\n--neutral-7: 67 67 67; --contrast-neutral-7: 255 255 255;\n--neutral-8: 78 78 78; --contrast-neutral-8: 255 255 255;\n--neutral-9: 120 120 120; --contrast-neutral-9: 255 255 255;\n--neutral-10: 144 144 144; --contrast-neutral-10: 255 255 255;\n--neutral-11: 192 192 192; --contrast-neutral-11: 29 29 29;\n--neutral-12: 255 255 255; --contrast-neutral-12: 29 29 29;\n--neutral-original: 120 120 120; --contrast-neutral-original: 255 255 255;\n\n --header-background: 42 127 255;\n --header-link: 255 255 255;\n\n --info-1: 29 29 29; --contrast-info-1: 255 255 255;\n--info-2: 34 34 34; --contrast-info-2: 255 255 255;\n--info-3: 44 44 44; --contrast-info-3: 255 255 255;\n--info-4: 48 48 48; --contrast-info-4: 255 255 255;\n--info-5: 53 53 53; --contrast-info-5: 255 255 255;\n--info-6: 57 57 57; --contrast-info-6: 255 255 255;\n--info-7: 67 67 67; --contrast-info-7: 255 255 255;\n--info-8: 78 78 78; --contrast-info-8: 255 2"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"55 255;\n--info-9: 120 120 120; --contrast-info-9: 255 255 255;\n--info-10: 144 144 144; --contrast-info-10: 255 255 255;\n--info-11: 192 192 192; --contrast-info-11: 29 29 29;\n--info-12: 255 255 255; --contrast-info-12: 29 29 29;\n--info-original: 120 120 120; --contrast-info-original: 255 255 255;\n --warning-1: 32 28 25; --contrast-warning-1: 255 255 255;\n--warning-2: 40 33 26; --contrast-warning-2: 255 255 255;\n--warning-3: 53 41 30; --contrast-warning-3: 255 255 255;\n--warning-4: 60 44 29; --contrast-warning-4: 255 255 255;\n--warning-5: 69 49 29; --contrast-warning-5: 255 255 255;\n--warning-6: 76 52 27; --contrast-warning-6: 255 255 255;\n--warning-7: 90 61 30; --contrast-warning-7: 255 255 255;\n--warning-8: 104 70 34; --contrast-warning-8: 255 255 255;\n--warning-9: 254 154 0; --contrast-warning-9: 29 29 29;\n--warning-10: 213 116 0; --contrast-warning-10: 255 255 255;\n--warning-11: 255 165 34; --contrast-warning-11: 29 29 29;\n--warning-12: 255 229 115; --contrast-warning-12: 29 29 29;\n--warning-original: 254 154 0; --contrast-warning-original: 29 29 29;\n --danger-1: 34 27 26; --contrast-danger-1: 255 255 255;\n--danger-2: 45 30 29; --contrast-danger-2: 255 255 255;\n--danger-3: 60 37 35; --contrast-danger-3: 255 255 255;\n--danger-4: 69 38 35; --contrast-danger-4: 255 255 255;\n--danger-5: 80 41 38; --contrast-danger-5: 255 255 255;\n--danger-6: 89 41 38; --contrast-danger-6: 255 255 255;\n--danger-7: 105 48 44; --contrast-danger-7: 255 255 255;\n--danger-8: 121 54 50; --contrast-danger-8: 255 255 255;\n--danger-9: 251 44 54; --contrast-danger-9: 255 255 255;\n--danger-10: 255 52 59; --contrast-danger-10: 255 255 255;\n--danger-11: 255 113 108; --contrast-danger-11: 255 255 255;\n--danger-12: 255 180 169; --contrast-danger-12: 29 29 29;\n--danger-original: 251 44 54; --contrast-danger-original: 255 255 255;\n --success-1: 26 31 26; --contrast-success-1: 255 255 255;\n--success-2: 28 37 29; --contrast-success-2: 255 255 255;\n--success-3: 33 48 35; --contrast-success-3: 255 255 255;\n--success-4: 33 54 35; --contrast-success-4: 255 255 255;\n--success-5: 34 61 38; --contrast-success-5: 255 255 255;\n--success-6: 32 66 38; --contrast-success-6: 255 255 255;\n--success-7: 37 78 44; --contrast-success-7: 255 255 255;\n--success-8: 41 90 50; --contrast-success-8: 255 255 255;\n--success-9: 0 201 80; --contrast-success-9: 29 29 29;\n--success-10: 0 176 54; --contrast-success-10: 255 255 255;\n--success-11: 62 227 106; --contrast-success-11: 29 29 29;\n--success-12: 139 255 168; --contrast-success-12: 29 29 29;\n--success-original: 0 201 80; --contrast-success-original: 29 29 29;\n }\n 14:[\"$\",\"html\",null,{\"suppressHydrationWarning\":true,\"lang\":\"en\",\"className\":\"scroll-pt-[76px] theme-clean no-tint sidebar-default sidebar-list-default\",\"children\":[[\"$\",\"head\",null,{\"children\":[null,[\"$\",\"style\",null,{\"nonce\":\"$undefined\",\"children\":\"$18\"}]]}],[\"$\",\"body\",null,{\"className\":\"__className_2f5617 __className_7d852e __variable_96046e bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint\",\"children\":[\"$\",\"$L19\",null,{\"assetsURL\":\"https://ka-p.fontawesome.com/releases/v6.6.0/\",\"assetsURLToken\":\"a463935e93\",\"assetsByStyles\":{\"custom-icons\":{\"assetsURL\":\"https://static.gitbook.com/~gitbook/static/icons\"}},\"iconStyle\":\"regular\",\"children\":[\"$\",\"$L1a\",null,{\"language\":{\"locale\":\"en\",\"powered_by_gitbook\":\"Powered by GitBook\",\"sponsored_via_gitbook\":\"Sponsored via GitBook\",\"switch_to_dark_theme\":\"Switch to dark theme\",\"switch_to_light_theme\":\"Switch to light theme\",\"switch_to_system_theme\":\"Switch to system theme\",\"search\":\"Search\",\"search_or_ask\":\"Ask or search\",\"search_input_placeholder\":\"Search content\",\"search_ask_input_placeholder\":\"Search content or ask a question\",\"search_no_results\":\"No results for \\\"${1}\\\".\",\"search_scope_space\":\"$${1}\",\"search_scope_all\":\"All content\",\"search_ask\":\"Ask \\\"${1}\\\"\",\"search_ask_description\":\"Find the answer with AI\",\"search_ask_sources\":\"Sou"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"rces\",\"search_ask_sources_no_answer\":\"Related pages\",\"search_ask_no_answer\":\"An answer could not be found for your question. You could try rephrasing it, or be more specific.\",\"search_ask_error\":\"Something went wrong. Please try again later.\",\"on_this_page\":\"On this page\",\"next_page\":\"Next\",\"previous_page\":\"Previous\",\"page_last_modified\":\"Last updated ${1}\",\"was_this_helpful\":\"Was this helpful?\",\"was_this_helpful_positive\":\"Yes, it was!\",\"was_this_helpful_neutral\":\"Not sure\",\"was_this_helpful_negative\":\"No\",\"was_this_helpful_thank_you\":\"Thank you!\",\"was_this_helpful_comment\":\"Anything you'd like to add?\",\"submit\":\"Submit\",\"annotation_button_label\":\"Open annotation\",\"code_copied\":\"Copied!\",\"code_copy\":\"Copy\",\"table_of_contents_button_label\":\"Open table of contents\",\"cookies_title\":\"Cookies\",\"cookies_prompt\":\"This site uses cookies to deliver its service and to analyse traffic. By browsing this site, you accept the ${1}.\",\"cookies_prompt_privacy\":\"privacy policy\",\"cookies_accept\":\"Accept\",\"cookies_reject\":\"Reject\",\"cookies_close\":\"Close\",\"edit_on_git\":\"Edit on ${1}\",\"notfound_title\":\"Page not found\",\"notfound\":\"The page you are looking for doesn't exist.\",\"unexpected_error_title\":\"An error occurred\",\"unexpected_error\":\"Sorry, an unexpected error has occurred. Please try again later.\",\"unexpected_error_retry\":\"Retry\",\"pdf_download\":\"Export as PDF\",\"pdf_goback\":\"Go back to content\",\"pdf_print\":\"Print or Save as PDF\",\"pdf_page_of\":\"$${1} of ${2}\",\"pdf_mode_only_page\":\"Only this page\",\"pdf_mode_all\":\"All pages\",\"pdf_limit_reached\":\"Couldn't generate the PDF for ${1} pages, generation stopped at ${2}.\",\"pdf_limit_reached_continue\":\"Extend with ${1} more pages.\",\"more\":\"More\"},\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(site)\",\"children\"],\"error\":\"$1b\",\"errorStyles\":[],\"errorScripts\":[],\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]}]}]]}]\n1f:I[26700,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"TrackPageViewEvent\"]\n21:I[46451,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8325\",\"static/chunks/8325-fc5ab1181936ca35.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"5843\",\"static/chunks/5843-bbb438ddba7e3786.js\",\"4722\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/page-4d5fbfa9f3a3be8d.js\"],\"PreservePageLayout\"]\n25:\"$Sreact.fragment\"\n26:I[66819,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"DateRelative\"]\n27:\"$Sreact.suspense\"\n28:I[16643,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8325\",\"static/chunks/8325-fc5ab1181936ca35.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"/chunks/4055-7666845ca98fb1a4.js\",\"5843\",\"static/chunks/5843-bbb438ddba7e3786.js\",\"4722\",\"static/chunks/app/middleware/(site)/(content)/%5B%5B...pathname%5D%5D/page-4d5fbfa9f3a3be8d.js\"],\"PageClientLayout\"]\n29:I[35592,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"NuqsAdapter\"]\n2a:I[2092,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"ClientContexts\"]\n2c:I[49780,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"LoadIntegrations\"]\n2d:I[35489,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"CookiesToast\"]\n1c:HC\"https://api.gitbook.com\"\n1d:HC\"https://static.gitbook.com\"\n1e:HL[\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/fed41e98e4e98569ea0efc948ee7657ce979e3d13301ed5374b8494b6ffe0f81/sites/site_JKoxZ/script.js?version=150.0\",\"script\",{\"nonce\":\"ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz\"}]\n12:[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-row items-center justify-center py-9 min-h-[calc(100vh-64px)] lg:min-h-fit\",\"children\":[[\"$\",\"div\",null,{\"className\":\"max-w-80\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"text-2xl font-semibold mb-2\",\"children\":\"Page not found\"}],[\"$\",\"p\",null,{\"className\":\"text-base mb-4\",\"children\":\"The page you are looking for doesn't exist.\"}]]}],[\"$\",\"$L1f\",null,{\"pageId\":null,\"revisionId\":\"-L8rcmnccEGE5UNpFdCH\"}]]}]\ne:[null,[\"$\",\"div\",null,{\"className\":\"flex flex-row-reverse justify-end grow\",\"children\":[\"$L20\",[[\"$\",\"main\",null,{\"className\":\"flex-1 relative py-8 lg:px-12 break-anywhere page-api-block:xl:max-2xl:pr-0 page-api-block:max-w-[1654px] page-api-block:mx-auto\",\"children\":[[\"$\",\"$L21\",null,{\"asFullWidth\":false}],null,\"$L22\",\"$L23\",\"$L24\",[\"$\",\"div\",null,{\"className\":\"flex flex-row flex-wrap gap-4 items-center mt-6 max-w-3xl mx-auto page-api-block:ml-0 text-tint contrast-more:text-tint-strong\",\"children\":[[\"$\",\"p\",null,{\"className\":\"text-sm mr-auto\",\"children\":[[[\"$\",\"$25\",\"string-0\",{\"children\":\"Last updated \"}],[\"$\",\"$25\",\"arg-0\",{\"children\":[\"$\",\"$L26\",null,{\"value\":\"2018-01-30T11:00:05.394Z\"}]}]],\"\"]}],null]}]]}],[\"$\",\"$L1f\",null,{\"pageId\":\"-L45iK1HgyOKgREfWSwE\",\"revisionId\":\"-L8rcmnccEGE5UNpFdCH\"}]]]}],[\"$\",\"$27\",null,{\"fallback\":null,\"children\":[\"$\",\"$L28\",null,{\"withSections\":false}]}]]\n13:[\"$\",\"$L29\",null,{\"children\":[\"$\",\"$L2a\",null,{\"nonce\":\"ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz\",\"forcedTheme\":\"light\",\"children\":[\"$L2b\",[[\"$\",\"$L2c\",null,{}],[[\"$\",\"script\",\"https://integrations.gitbook.com/v1/"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"integrations/googleanalytics/installations/fed41e98e4e98569ea0efc948ee7657ce979e3d13301ed5374b8494b6ffe0f81/sites/site_JKoxZ/script.js?version=150.0\",{\"async\":true,\"src\":\"https://integrations.gitbook.com/v1/integrations/googleanalytics/installations/fed41e98e4e98569ea0efc948ee7657ce979e3d13301ed5374b8494b6ffe0f81/sites/site_JKoxZ/script.js?version=150.0\",\"nonce\":\"ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz\"}]]],[\"$\",\"$27\",null,{\"fallback\":null,\"children\":[\"$\",\"$L2d\",null,{\"privacyPolicy\":\"$undefined\"}]}],[\"$\",\"script\",null,{\"nonce\":\"ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz\",\"suppressHydrationWarning\":true,\"data-cfasync\":\"false\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n document.addEventListener(\\\"DOMContentLoaded\\\", () =\u003e {\\n if (Array.from(document.scripts).find(script =\u003e script.src.includes('rocket-loader.min.js'))) {\\n const alert = document.createElement('div');\\n alert.className = 'p-4 mb-4 text-sm text-red-800 rounded-lg bg-red-50 mt-8 mx-8';\\n alert.innerHTML = `\\n \u003cstrong\u003eError in site configuration:\u003c/strong\u003e\\n It looks like ${window.location.hostname} has been incorrectly configured in Cloudflare. This may lead to unexpected behavior or issues with the page loading. If you are the owner of this site, please refer to \u003ca href=\\\"https://docs.gitbook.com/published-documentation/custom-domain/configure-dns#are-you-using-cloudflare\\\" class=\\\"underline\\\"\u003eGitBook's documentation\u003c/a\u003e for steps to fix the problem.\\n `;\\n\\n document.body.prepend(alert);\\n }\\n });\"}}],\"$L2e\"]}]}]\n15:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}],[\"$\",\"meta\",\"1\",{\"name\":\"color-scheme\",\"content\":\"light\"}],[\"$\",\"meta\",\"2\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"3\",{\"children\":\"Gestes UI/UX | UX UI Guidelines\"}],[\"$\",\"meta\",\"4\",{\"name\":\"description\",\"content\":\"Standards de travail\"}],[\"$\",\"meta\",\"5\",{\"name\":\"generator\",\"content\":\"GitBook (a749c67)\"}],[\"$\",\"meta\",\"6\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://bamtech.gitbook.io/ux-ui-standards/gestes\"}],[\"$\",\"meta\",\"8\",{\"property\":\"og:title\",\"content\":\"Gestes UI/UX | UX UI Guidelines\"}],[\"$\",\"meta\",\"9\",{\"property\":\"og:description\",\"content\":\"Standards de travail\"}],[\"$\",\"meta\",\"10\",{\"property\":\"og:image\",\"content\":\"https://bamtech.gitbook.io/ux-ui-standards/~gitbook/ogimage/-L45iK1HgyOKgREfWSwE\"}],[\"$\",\"meta\",\"11\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"12\",{\"name\":\"twitter:title\",\"content\":\"Gestes UI/UX | UX UI Guidelines\"}],[\"$\",\"meta\",\"13\",{\"name\":\"twitter:description\",\"content\":\"Standards de travail\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:image\",\"content\":\"https://bamtech.gitbook.io/ux-ui-standards/~gitbook/ogimage/-L45iK1HgyOKgREfWSwE\"}],[\"$\",\"link\",\"15\",{\"rel\":\"icon\",\"href\":\"https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/spaces%2F-L3Ckj9RuJ2qwWPoNJTG%2Favatar.png?generation=1516354338170876\u0026alt=media\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: light)\"}],[\"$\",\"link\",\"16\",{\"rel\":\"icon\",\"href\":\"https://2839192808-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/spaces%2F-L3Ckj9RuJ2qwWPoNJTG%2Favatar.png?generation=1516354338170876\u0026alt=media\",\"type\":\"image/png\",\"media\":\"(prefers-color-scheme: dark)\"}],[\"$\",\"meta\",\"17\",{\"name\":\"next-size-adjust\"}]]\nd:null\n2f:I[22563,[\"9322\",\"static/chunks/9322-5f5740cd5fd0bdf9.js\",\"4183\",\"static/chunks/app/middleware/(site)/layout-1a4e0bf6da1d58a4.js\"],\"Icon\"]\n30:I[2554,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5572\",\"static/chunks/5572-d068cc2bc8e73d12.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"8325\",\"static/chunks/8325-fc5ab1181936ca35.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"5843\",\"static/chunks/5843-bbb438ddba7e3786.js\",\"4722\",\"static/chunks/app/middleware/(site)/(con"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"tent)/%5B%5B...pathname%5D%5D/page-4d5fbfa9f3a3be8d.js\"],\"Ad\"]\n33:I[22833,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"Link\"]\n34:I[31200,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"InsightsProvider\"]\n35:I[19284,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"HeaderMobileMenu\"]\n37:I[86604,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"SearchButton\"]\n38:I[19656,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"TOCScrollContainer\"]\n40:I[42579,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"SearchModal\"]\n22:[\"$\",\"header\",null,{\"className\":\"max-w-3xl mx-auto mb-6 space-y-3 page-api-block:ml-0\",\"children\":[false,[\"$\",\"h1\",null,{\"className\":\"text-4xl font-bold flex items-center gap-4\",\"children\":[\"$undefined\",\"Gestes UI/UX\"]}],[\"$\",\"p\",null,{\"className\":\"text-lg text-tint\",\"children\":\"Standards de travail\"}]]}]\n2e:null\n20:[\"$\",\"aside\",null,{\"className\":\"group/aside hidden xl:flex flex-col basis-56 grow-0 shrink-0 break-anywhere text-tint contrast-more:text-tint-strong sticky lg:top-0 lg:max-h-screen site-header:lg:top-16 site-header:lg:max-h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:max-h-[calc(100vh_-_6.75rem)] page-api-block:xl:max-2xl:z-10 page-api-block:xl:max-2xl:fixed page-api-block:xl:max-2xl:right-8 page-api-block:xl:max-2xl:w-56 page-api-block:xl:max-2xl:bg-tint/9 page-api-block:xl:max-2xl:contrast-more:bg-tint page-api-block:xl:max-2xl:backdrop-blur-lg page-api-block:xl:max-2xl:border page-api-block:xl:max-2xl:border-tint page-api-block:xl:max-2xl:hover:shadow-lg page-api-block:xl:max-2xl:hover:shadow-tint-"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"12/1 page-api-block:xl:max-2xl:dark:hover:shadow-tint-1/1 page-api-block:xl:max-2xl:rounded-md page-api-block:xl:max-2xl:h-auto page-api-block:xl:max-2xl:my-8 page-api-block:p-2\",\"children\":[[[\"$\",\"div\",null,{\"className\":\"hidden page-api-block:xl:max-2xl:flex text-xs tracking-wide font-semibold uppercase flex-row items-center gap-2\",\"children\":[[\"$\",\"$L2f\",null,{\"icon\":\"block-quote\",\"className\":\"size-3\"}],\"On this page\",[\"$\",\"$L2f\",null,{\"icon\":\"chevron-down\",\"className\":\"size-3 opacity-6 ml-auto page-api-block:xl:max-2xl:group-hover/aside:hidden\"}]]}],[\"$\",\"div\",null,{\"className\":\"overflow-y-auto overflow-x-visible flex flex-col shrink pb-12 sticky lg:top:0 site-header:lg:top-16 site-header-sections:lg:top-[6.75rem] gap-6 pt-8 page-api-block:xl:max-2xl:py-0 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"flex flex-col gap-3 sidebar-list-default:px-3 border-t first:border-none border-tint-subtle py-4 first:pt-0 page-api-block:xl:max-2xl:px-3 empty:hidden\",\"children\":[null,null,null]}]]}]],[\"$\",\"div\",null,{\"className\":\"pb-4 sticky bottom-0 bg-tint-base theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle theme-gradient:bg-gradient-primary theme-gradient-tint:bg-gradient-tint z-10 mt-auto flex flex-col page-api-block:xl:max-2xl:pb-0 page-api-block:xl:max-2xl:hidden page-api-block:xl:max-2xl:group-hover/aside:flex page-api-block:xl:max-2xl:bg-transparent\",\"children\":[null,[\"$\",\"$L30\",null,{\"zoneId\":null,\"placement\":\"aside\",\"spaceId\":\"-L3Ckj9RuJ2qwWPoNJTG\",\"siteAdsStatus\":\"$undefined\",\"ignore\":false,\"style\":\"$undefined\"}]]}]]}]\n23:[\"$\",\"div\",null,{\"className\":\"grid max-w-3xl w-full mx-auto gap-4 grid-cols-1 sm:grid-cols-2\",\"children\":[\"$L31\",\"$L32\"]}]\n24:[\"$\",\"div\",null,{\"className\":\"flex flex-col md:flex-row mt-6 gap-2 max-w-3xl mx-auto page-api-block:ml-0 text-tint\",\"children\":[[\"$\",\"$L33\",null,{\"href\":\"/ux-ui-standards/sketch-tips/sketch-plugins\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3m5jN9Uajjala0Lnt0\"},\"position\":\"content\"}},\"className\":\"group text-sm p-2.5 flex gap-4 flex-1 flex-row-reverse items-center pl-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1 text-right\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs\",\"children\":\"Previous\"}],[\"$\",\"span\",null,{\"className\":\"text-tint-strong group-hover:text-primary line-clamp-2\",\"children\":\"Sketch Plugins\"}]]}],[\"$\",\"$L2f\",null,{\"icon\":\"chevron-left\",\"className\":\"hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block\"}]]}],[\"$\",\"$L33\",null,{\"href\":\"/ux-ui-standards/gestes/bench-ui\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L45iO6Tuv4JNC7mHvJh\"},\"position\":\"content\"}},\"className\":\"group text-sm p-2.5 flex gap-4 flex-1 flex-row items-center pr-4 border border-tint-subtle rounded straight-corners:rounded-none hover:border-primary text-pretty md:p-4 md:text-base\",\"children\":[[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1\",\"children\":[[\"$\",\"span\",null,{\"className\":\"text-xs\",\"children\":\"Next\"}],[\"$\",\"span\",null,{\"className\":\"text-tint-strong group-hover:text-primary line-clamp-2\",\"children\":\"Bench UI\"}]]}],[\"$\",\"$L2f\",null,{\"icon\":\"chevron-right\",\"className\":\"hidden size-4 text-tint-subtle contrast-more:text-tint-strong group-hover:text-primary md:block\"}]]}]]}]\n2b:[\"$\",\"$L34\",null,{\"enabled\":true,\"apiHost\":\"https://api.gitbook.com\",\"visitorAuthToken\":null,\"siteId\":\"site_JKoxZ\",\"spaceId\":\"-L3Ckj9RuJ2qwWPoNJTG\",\"organizationId\":\"-L3Ci_0_aIuZ9zYoRiSf\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_ygVeY\",\"siteShareKey\":\"$undefined\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\",\"children\":[[\"$\",\"header\",null,{\"id\":\"site-header\",\"className\":\"flex flex-col h-[64px] sticky top-0 z-10 w-full flex-none shadow-[0px_1px_0px] shadow-tint-12/2 bg-tint-base/9 theme-muted:bg-tint-subtle/9 theme-bold-tint:bg-tint-subtle/9 theme-gradient:bg-gradient-"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"primary theme-gradient-tint:bg-gradient-tint contrast-more:bg-tint-base text-sm backdrop-blur-lg\",\"children\":[[\"$\",\"div\",null,{\"className\":\"theme-bold:bg-header-background theme-bold:shadow-[0px_1px_0px] theme-bold:shadow-tint-12/2\",\"children\":[\"$\",\"div\",null,{\"className\":\"scroll-nojump\",\"children\":[\"$\",\"div\",null,{\"className\":\"gap-4 lg:gap-8 flex items-center justify-between w-full py-3 min-h-16 sm:h-16 px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full\",\"children\":[[\"$\",\"div\",null,{\"className\":\"flex max-w-full shrink min-w-0 gap-2 lg:gap-4 justify-start items-center\",\"children\":[[\"$\",\"$L35\",null,{\"className\":\"lg:hidden -ml-2 text-tint-strong theme-bold:text-header-link hover:bg-tint-hover theme-bold:hover:bg-header-link/3\"}],\"$L36\"]}],false,false,[\"$\",\"div\",null,{\"className\":\"flex md:min-w-56 grow-0 shrink-0 justify-self-end\",\"children\":[\"$\",\"$27\",null,{\"fallback\":null,\"children\":[\"$\",\"$L37\",null,{\"style\":[\"theme-bold:bg-header-link/2\",\"theme-bold:hover:bg-header-link/3\",\"theme-bold:text-header-link/8\",\"theme-bold:hover:text-header-link\",\"theme-bold:ring-header-link/4\",\"theme-bold:hover:ring-header-link/5\",\"theme-bold:[\u0026_svg]:text-header-link/10\",\"theme-bold:[\u0026_.shortcut]:text-header-link/8\",\"theme-bold:contrast-more:bg-header-background\",\"theme-bold:contrast-more:text-header-link\",\"theme-bold:contrast-more:ring-header-link\",\"theme-bold:contrast-more:hover:bg-header-background\",\"theme-bold:contrast-more:hover:ring-header-link\",\"theme-bold:contrast-more:focus:text-header-link\",\"theme-bold:contrast-more:focus:bg-header-background\",\"theme-bold:contrast-more:focus:ring-header-link\",\"theme-bold:shadow-none\",\"theme-bold:hover:shadow-none\"],\"children\":[\"$\",\"span\",null,{\"className\":\"flex-1\",\"children\":[\"Search\",\"...\"]}]}]}]}]]}]}]}],null]}],[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row px-4 sm:px-6 md:px-8 max-w-screen-2xl mx-auto page-full-width:max-w-full\",\"children\":[[\"$\",\"aside\",null,{\"data-testid\":\"table-of-contents\",\"className\":\"group page-no-toc:hidden grow-0 shrink-0 basis-full lg:basis-72 relative z-[1] lg:sticky lg:top-0 lg:h-screen site-header:lg:top-16 site-header:lg:h-[calc(100vh_-_4rem)] site-header-sections:lg:top-[6.75rem] site-header-sections:lg:h-[calc(100vh_-_6.75rem)] pt-6 pb-4 sidebar-filled:lg:pr-6 hidden navigation-open:flex lg:flex flex-col gap-4 navigation-open:border-b border-tint-subtle\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"lg:-ms-5 overflow-hidden relative flex flex-col flex-grow sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle theme-bold-tint:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base sidebar-filled:rounded-xl straight-corners:rounded-none\",\"children\":[[\"$\",\"div\",null,{\"className\":\"px-5 *:my-4\",\"children\":[false,false,false]}],[\"$\",\"$L38\",null,{\"className\":\"flex flex-grow flex-col p-2 lg:pb-20 overflow-y-auto lg:gutter-stable [\u0026::-webkit-scrollbar]:bg-transparent [\u0026::-webkit-scrollbar-thumb]:bg-transparent group-hover:[\u0026::-webkit-scrollbar]:bg-tint-subtle group-hover:[\u0026::-webkit-scrollbar-thumb]:bg-tint-7 group-hover:[\u0026::-webkit-scrollbar-thumb:hover]:bg-tint-8\",\"children\":[[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 sidebar-list-line:border-l border-tint-subtle\",\"children\":[\"$L39\",\"$L3a\",\"$L3b\",\"$L3c\",\"$L3d\",\"$L3e\",\"$L3f\"]}],[\"$\",\"div\",null,{\"className\":\"relative z-[2] lg:absolute mt-6 left-0 right-2 bottom-0 pointer-events-none sidebar-filled:pl-2 sidebar-filled:pb-2 bg-tint-base sidebar-filled:bg-tint-subtle theme-muted:bg-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:bg-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:bg-tint-base before:hidden lg:before:block before:content-[\\\"\\\"] before:absolute before:inset-x-0 before:bottom-full before:h-8 before:bg-gradient-to-b before:from-transparent before:to-tint-base sidebar-filled:before:to-tint-subtle theme-muted:before:to-tint-subtle theme-bold-tint:before:to-tint-subtle [html.sidebar-filled.theme-muted_\u0026]:before:to-tint-base [html.sidebar-filled.theme-bold.tint_\u0026]:before:to-tint-base\",\"children\":[\"$\",\"$L33\",null,{"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"\"target\":\"_blank\",\"href\":\"https://www.gitbook.com/?utm_source=content\u0026utm_medium=trademark\u0026utm_campaign=-L3Ckj9RuJ2qwWPoNJTG\",\"className\":\"text-sm font-semibold text-tint flex flex-row items-center px-5 py-4 sidebar-filled:px-3 rounded-lg straight-corners:rounded-none hover:bg-tint hover:text-tint-strong ring-2 lg:ring-1 ring-inset ring-tint-subtle transition-colors pointer-events-auto\",\"insights\":{\"type\":\"trademark_click\",\"placement\":\"sidebar\"},\"children\":[[\"$\",\"$L2f\",null,{\"icon\":\"gitbook\",\"className\":\"size-5 mr-3\"}],\"Powered by GitBook\"]}]}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"flex-1 flex flex-col\",\"children\":[\"$\",\"$Lf\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"middleware\",\"children\",\"(site)\",\"children\",\"(content)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L11\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]}]]}],null,[\"$\",\"$27\",null,{\"fallback\":null,\"children\":[\"$\",\"$L40\",null,{\"revisionId\":\"-L8rcmnccEGE5UNpFdCH\",\"spaceTitle\":\"UX UI Guidelines\",\"withAsk\":false,\"isMultiVariants\":false,\"pointer\":{\"siteId\":\"site_JKoxZ\",\"spaceId\":\"-L3Ckj9RuJ2qwWPoNJTG\",\"organizationId\":\"-L3Ci_0_aIuZ9zYoRiSf\",\"siteSectionId\":\"$undefined\",\"siteSpaceId\":\"sitesp_ygVeY\",\"siteShareKey\":\"$undefined\",\"revisionId\":\"$undefined\",\"changeRequestId\":\"$undefined\"}}]}]]}]\n42:I[66185,[\"2622\",\"static/chunks/2622-d4284e72be418b70.js\",\"7609\",\"static/chunks/7609-5073804535dff38c.js\",\"2999\",\"static/chunks/2999-584f9b8ecc233405.js\",\"7993\",\"static/chunks/7993-8ef7f7477490b7af.js\",\"5890\",\"static/chunks/5890-3ab2501336ce1348.js\",\"3625\",\"static/chunks/3625-453944d6ea4368cb.js\",\"983\",\"static/chunks/983-622b6bd4ade56ada.js\",\"4055\",\"static/chunks/4055-7666845ca98fb1a4.js\",\"6119\",\"static/chunks/app/middleware/(site)/(content)/layout-1043f1693da1ab25.js\"],\"ToggleableLinkItem\"]\n31:[\"$\",\"$L33\",null,{\"href\":\"/ux-ui-standards/gestes/bench-ui\",\"className\":\"group flex flex-row justify-between items-center gap-4 ring-1 ring-tint-subtle rounded straight-corners:rounded-none px-5 py-3 transition-shadow hover:ring-primary-hover\",\"insights\":\"$undefined\",\"children\":[\"$undefined\",[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"text-base transition-colors group-hover:text-primary\",\"children\":\"Bench UI\"}],null]}],[\"$\",\"$L2f\",null,{\"icon\":\"chevron-right\",\"className\":\"size-3 text-tint transition-all group-hover:translate-x-0.5 group-hover:text-primary\"}]]}]\n32:[\"$\",\"$L33\",null,{\"href\":\"/ux-ui-standards/gestes/bench-ux\",\"className\":\"group flex flex-row justify-between items-center gap-4 ring-1 ring-tint-subtle rounded straight-corners:rounded-none px-5 py-3 transition-shadow hover:ring-primary-hover\",\"insights\":\"$undefined\",\"children\":[\"$undefined\",[\"$\",\"span\",null,{\"className\":\"flex flex-col flex-1\",\"children\":[null,[\"$\",\"span\",null,{\"className\":\"text-base transition-colors group-hover:text-primary\",\"children\":\"Bench UX - userflow\"}],null]}],[\"$\",\"$L2f\",null,{\"icon\":\"chevron-right\",\"className\":\"size-3 text-tint transition-all group-hover:translate-x-0.5 group-hover:text-primary\"}]]}]\n36:[\"$\",\"$L33\",null,{\"href\":\"/ux-ui-standards/\",\"className\":\"group/headerlogo min-w-0 shrink flex items-center\",\"children\":[\"$L41\",[\"$\",\"div\",null,{\"className\":\"text-pretty line-clamp-3 tracking-tight max-w-[18ch] lg:max-w-[24ch] font-semibold ms-3 text-base/tight lg:text-lg/tight text-tint-strong theme-bold:text-header-link\",\"children\":\"UX UI Guidelines\"}]]}]\n39:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/\",\"pathname\":\"\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3CkjMCOj-ikTwA8jKi\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"BAM UX/UI Standards\"}]}]\n3a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ux-standards\",\"pathname\":\"ux-standards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3SErc9HXCHPbhgODpe\"},\"position\":\"s"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"idebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L43\",\"$L44\",\"$L45\",\"$L46\",\"$L47\",\"$L48\"]}],\"children\":\"UX Guidelines\"}]}]\n3b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/prise-de-rdv\",\"pathname\":\"prise-de-rdv\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3lxjuQF7KWPyglLECt\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"[Template]\"}]}]\n3c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ui-components\",\"pathname\":\"ui-components\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L41uprA6nmUSUGZfLBa\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L49\"]}],\"children\":\"UI Components\"}]}]\n3d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ui-standards\",\"pathname\":\"ui-standards\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3SEtr6eM3F8NeAsJKL\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L4a\",\"$L4b\"]}],\"children\":\"UI Principles\"}]}]\n3e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/sketch-tips\",\"pathname\":\"sketch-tips\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3XNtr2CmUN40y2kUv6\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L4c\",\"$L4d\",\"$L4e\",\"$L4f\",\"$L50\"]}],\"children\":\"Sketch Tips\"}]}]\n3f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/gestes\",\"pathname\":\"gestes\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L45iK1HgyOKgREfWSwE\"},\"position\":\"sidebar\"}},\"descendants\":[\"$\",\"ul\",null,{\"className\":\"flex flex-col gap-y-0.5 ml-5 my-2 border-tint-subtle sidebar-list-default:border-l sidebar-list-line:border-l\",\"children\":[\"$L51\",\"$L52\"]}],\"children\":\"Gestes UI/UX\"}]}]\n41:[\"$L53\",\"$L54\"]\n43:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ux-standards/chat-bot\",\"pathname\":\"ux-standards/chat-bot\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3cmfyHMrc8qZXP9AkM\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Chat Bot - Messenger\"}]}]\n44:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ux-standards/geoloc-carte-et-permissions\",\"pathname\":\"ux-standards/geoloc-carte-et-permissions\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L46ev3vVHdhdjbXbpaC\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Geoloc \u0026 permissions\"}]}]\n45:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ux-standards/parrainage\",\"pathname\":\"ux-standards/parrainage\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3SUCMmUukq4FDFFgkH\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Parrainage\"}]}]\n46:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ux-standards/payment\",\"pathname\":\"ux-standards/payment\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L4Hed6zYZv5gpe2zZDv\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Payment\"}]}]\n47:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ux-standards/medical-apointment-booking\",\"pathname\":\"ux-standards/medical-apointment-booking\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L6Qa1ww"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"yK742_D2_Pn5\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Medical apointment booking\"}]}]\n48:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ux-standards/splashscreen\",\"pathname\":\"ux-standards/splashscreen\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L4CWi-KV9T1TtQMEN7N\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Splashscreen\"}]}]\n49:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ui-components/template\",\"pathname\":\"ui-components/template\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L41sULzZRAPYmxsKXmL\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"[Component Template]\"}]}]\n4a:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ui-standards/margins\",\"pathname\":\"ui-standards/margins\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3SF2SzLI73cix3KvkI\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Spacing\"}]}]\n4b:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/ui-standards/colors\",\"pathname\":\"ui-standards/colors\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L58krvoQuLna5qIx8qF\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Colors\"}]}]\n4c:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/sketch-tips/document-organisation\",\"pathname\":\"sketch-tips/document-organisation\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3XNz-qeP4rfPrlt70Q\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Organiser son document\"}]}]\n4d:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/sketch-tips/manipulating-elements\",\"pathname\":\"sketch-tips/manipulating-elements\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3XO7fz9a8dhiCvBS5A\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Manipuler les objets\"}]}]\n4e:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/sketch-tips/making-icons\",\"pathname\":\"sketch-tips/making-icons\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3XNvY-kN9x_JyAdw4O\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Making Icons\"}]}]\n4f:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/sketch-tips/symbols\",\"pathname\":\"sketch-tips/symbols\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3XOGePrEygtBsg0Xbo\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Symbols\"}]}]\n50:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/sketch-tips/sketch-plugins\",\"pathname\":\"sketch-tips/sketch-plugins\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L3m5jN9Uajjala0Lnt0\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Sketch Plugins\"}]}]\n51:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/gestes/bench-ui\",\"pathname\":\"gestes/bench-ui\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L45iO6Tuv4JNC7mHvJh\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Bench UI\"}]}]\n52:[\"$\",\"li\",null,{\"className\":\"flex flex-col\",\"children\":[\"$\",\"$L42\",null,{\"href\":\"/ux-ui-standards/gestes/bench-ux\",\"pathname\":\"gestes/bench-ux\",\"insights\":{\"type\":\"link_click\",\"link\":{\"target\":{\"kind\":\"page\",\"page\":\"-L45lnHxRtxIE8Kt2ESp\"},\"position\":\"sidebar\"}},\"descendants\":null,\"children\":\"Bench UX - userflow\"}]}]\n55:T46f,https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=b958cf82\u0026sv=2 32w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F28"])</script><script nonce="ZTU1Y2M0YWEtM2I5My00NmZkLWI0OGUtMjIxMDQ3ZmU1NDUz">self.__next_f.push([1,"39192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=b958cf82\u0026sv=2 64w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=b958cf82\u0026sv=2 96w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=b958cf82\u0026sv=2 128w54:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"lazy\",\"fetchPriority\":\"high\",\"data-visual-test\":\"$undefined\",\"className\":\"hidden dark:block object-contain size-8\",\"src\":\"https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=b958cf82\u0026sv=2\",\"srcSet\":\"$55\",\"sizes\":\"32px\",\"width\":256,\"height\":256}]\n56:T46f,https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia\u0026width=32\u0026dpr=1\u0026quality=100\u0026sign=b958cf82\u0026sv=2 32w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia\u0026width=32\u0026dpr=2\u0026quality=100\u0026sign=b958cf82\u0026sv=2 64w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia\u0026width=32\u0026dpr=3\u0026quality=100\u0026sign=b958cf82\u0026sv=2 96w, https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=b958cf82\u0026sv=2 128w53:[\"$\",\"img\",null,{\"alt\":\"\",\"style\":{\"aspectRatio\":\"1\"},\"loading\":\"$undefined\",\"fetchPriority\":\"high\",\"data-visual-test\":\"$undefined\",\"className\":\"block dark:hidden object-contain size-8\",\"src\":\"https://bamtech.gitbook.io/~gitbook/image?url=https%3A%2F%2F2839192808-files.gitbook.io%2F%7E%2Ffiles%2Fv0%2Fb%2Fgitbook-legacy-files%2Fo%2Fspaces%252F-L3Ckj9RuJ2qwWPoNJTG%252Favatar.png%3Fgeneration%3D1516354338170876%26alt%3Dmedia\u0026width=32\u0026dpr=4\u0026quality=100\u0026sign=b958cf82\u0026sv=2\",\"srcSet\":\"$56\",\"sizes\":\"32px\",\"width\":256,\"height\":256}]\n"])</script></body></html>