Guide
...
Style your layout
Style sections
6 min
who can do this anyone with editing permissions for the homescreen and hs sections customize a section’s appearance to visually break up your layout style the background set the tone for each section by applying a background color or leaving it clear to create white space to style the background add & edit sections select the style tab under background color, select a color for both dark mode and light mode dark mode the section appear on a dark background, defined by your colors & branding docid\ gy75 fjeheuqlxgpzgrap light mode the section appears on a white background click the color picker to select a shade, or paste a hex code into the bottom right field enable a "floating" style give your section a bubble like appearance with spacing and rounded corners for consistent margins, apply this to a nested section, not an outer section how can i make the most of the floating style? use it sparingly to highlight interactive content like challenges or events and draw users' attention, without cluttering the screen to enable a floating style in the style tab, scroll to "floating" w/ rounded corners style the header adjust the header background, text color, and font size how do i add a header if i don't see one? if your section doesn’t have a header, go to the content tab and toggle on header + title for more details, see add & edit sections to style the header in the style tab, scroll to section header under section header , adjust the following background color applies only to the header you can match it to the section background for a cohesive look, or choose a different color to make it stand out text color choose the header’s font color for consistency, you may want to use the same text color as other sections across your layout font size select from inherit (matches the outer section), regular, l (large), xl (extra large), or lowercase use the preview to check readability and then save your changes are immediately applied how do i use bold colors without overhelming the screen? try using just one bold background color per screen to highlight high priority content like news & notices for the rest, consider softer tones that complement your layout without competing for attention