Designing your page

Settings → Page design. This is how your page looks to everybody else. It is not the same thing as how the site looks to you, and the two are easy to confuse: choosing the dark half of a palette here makes your page dark for every visitor. It does not turn on dark mode for you.

Colors

Five palettes — Core Ocean, Teal Mist, Forest Calm, Sunset and Midnight — each in a light and a dark version. Picking one copies its colors into yours, so you can start from a palette and then change one thing about it.

Underneath, eight colors you can set by hand: page background, cards, text, secondary text, borders, buttons, button hover and button text. Six-digit hex only — #1a73e8, not #1ae and not teal. There are also three choices for Typeface, Corners and Spacing.

The one rule

Text has to stay readable against what is behind it. Four pairs are measured when you save — body text on the background, body text on cards, secondary text on cards, and button labels on buttons — and a combination that fails is refused with a message naming which pair and by how much.

Your own HTML and CSS

Two boxes on the same tab. Write what you like: headings, paragraphs, lists, links, images, tables, figures, and layout with inline styles. Your CSS is scoped to your block automatically, so body and h2 mean “inside my part of the page” and cannot leak out into the rest of the site.

Embeds work. Paste an <iframe> straight in — YouTube, Spotify, Maps, CodePen, anything on https — as many as you want.

What gets removed on the way out, and why:

• <script>, <style> and event attributes like onclick. Code on your page would run in the browser of whoever is reading it, under their account.
• <form>, and anything on plain http rather than https.
• position: fixed and position: sticky, which would let a page follow somebody around the screen.
• On an <iframe>, everything except the address. We write the safety attributes ourselves, so a pasted embed will not come back looking exactly as you sent it. A frame pointing back at this site is dropped entirely.
• A tag we do not allow is dropped but the words inside it are kept, so you never lose writing to a stray tag.

There are two hard limits: 50,000 characters of HTML and 20,000 of CSS. Going over either, or writing CSS that cannot be parsed, fails the save with a message — and because Settings saves in one go, nothing else on the form saves either. Worth knowing if a save is refused and you cannot see why.

Moving the blocks around

Your page is made of five blocks, and the order and visibility are yours:

• Right now — what you are into at the moment
• Top friends — the people you pinned
• Gallery — the newest pictures from your posts
• Your own HTML — whatever you wrote above
• Posts — everything you have posted

Drag the handle, or use the arrows. The button reading Shown or Hidden is both the state and the switch. Hiding a block does not delete anything in it. These save with the rest of Settings, so press Save changes.

Your name, picture and headline stay at the top and cannot be moved or hidden. They are not decoration — they are how a visitor knows whose page they are on.

A block with nothing in it does not render at all, heading included. An empty Right now leaves no gap.