--- title: "Branding and design" description: "Set your display name, logos, theme colors, navigation, social links, PnL posters, and media." --- > Documentation Index > Fetch the complete documentation index at: https://docs.floatout.xyz/llms.txt > Use this file to discover all available pages before exploring further. # Branding and design This guide covers DEX config > Storefront: Branding, Design, Navigation, Social links, PnL posters, and Media. ## Branding Set your display name and tagline. Upload four logos: horizontal, mark, stacked, and favicon. Upload a file or paste a URL for each slot. The horizontal and stacked logos fall back to the mark if you leave them empty. The favicon falls back to the mark too. Logos can be SVG, PNG, WebP, or JPEG. ## Design The theme editor shows a live preview on your real DEX. Set the brand color, accent color, surface color, border color, up color, and down color. Set a surface gradient with a from color, a to color, and an angle. Set the corner radius, the font, and the density. Choose light or dark mode. The font list is Inter, Roboto, IBM Plex Sans, and Space Grotesk. 23 named presets give you a starting point. Text color is derived automatically for contrast, you do not set it directly. The editor warns you when the brand, up, or down color has low contrast against the surface color. The console validates every color before publish. A broken value is rejected, not shipped. ## Navigation Toggle three optional pages on or off: outcome markets, referrals, and leaderboard. A disabled page stays out of the navigation. It returns "not found" if a trader opens its URL directly. Trade and portfolio always show. You cannot disable them. ## Social links Add a Discord URL, an X URL, and a status page URL. Your DEX shows these links in its footer. ## PnL posters PnL posters need no setup. When a trader closes a position, they can share a card or a clip. Every poster carries your logo, your DEX name, and a QR code and link back to your DEX. A trader with an invite code shares their invite link instead. Poster backgrounds come from your media library. Poster accent colors follow the default palette, not your theme. There is no template picker. ## Media Your media library is shared across every DEX you own. Images can be PNG, WebP, or JPEG, up to 5 MB. The browser downscales an image to 1920 px and re-encodes it to WebP before upload. Videos can be MP4 or WebM, up to 30 MB. Your workspace holds up to 250 MB total. Identical files are stored once. Assign a media item to one DEX or to all your DEXes. Media changes need no signature. ## Publishing A publish is live on your DEX in about a minute. Traders never see a maintenance window. Floatout does not rebuild or redeploy your DEX for a publish. Branding, design, navigation, and social link changes are cosmetic changes. From the second signature in a session, the console can offer a grant. The grant lets your browser publish these changes without a wallet prompt, for 7 days. ## Related - [SEO and tracking](/guides/discovery) - [Account and security](/guides/account-and-security) Source: https://docs.floatout.xyz/guides/branding/index.mdx