startpage

you are now editing the page!

this is the configuration panel - use the tabs above to find various customization options for your startpage experience.

this panel is adjustable, as every "layer" you add to the page will be as well. click + drag to move, right-click + drag to resize.

on the "layers" tab, you can add two types of layers to the page:

bookmark layer:
a customizable box that can serve as a clock, tell you the date, and/or hold bookmarks.

to group multiple bookmarks together, enter links with the same "section". uncategorized (no "section" specified) bookmarks will stay at the top of their layer.

media layer:
paste any URL that either points directly to an image/GIF or to a youtube video to add it to the page. images/GIFs can act as bookmarks themselves.

use "free transform" in the "global settings" tab to toggle the resizing mode on media containers.

your changes will be saved to the page when you exit editing mode!

to undo current changes / revert to the last saved state, force refresh the page while still editing the page.

that concludes the basics. there's some more advanced information below:

tips and tricks

+

there are some keyboard shortcuts for your convenience:
"e" = enables editing mode
esc = disables editing mode (and saves page)

precise adjustments: click on a slider (e.g. border width) to focus it, keep your mouse hovered over it, and use the arrow keys to make minute changes.

floating text:
create a bookmark layer, remove the border, and set the background opacity to zero.
then, add new sections to the layer without entering any label/link information. customize the layer's section text to your liking and place wherever you want.

setting fonts

+

you can use any font that is available on google fonts.

NOTE: if you have multiple font families in your cart (it tracks all of the fonts you press "get font" on), only the top one will be loaded. also, only regular versions of fonts are supported.

to load a font:
1.) on google fonts, open a font you like, and press the "get font" button. then, press the "get embed code" button.

2.) there will be a section on the right with various tabs ("web", "android", "ios", ..) under the "web" tab (you are already probably on it), click the "copy code" button under the option titled: "embed code in the <head> of your html" (it should be a few lines starting with "<link ...", right at the very top)

3.) paste copied contents into the "change font" input, found on the desired layer's "text options"

sharing / backing up (import/export tab)

+

you can export your current page's entire setup to your clipboard in the "import / export" tab. save the contents somewhere on your computer to store your theme for later or for sharing with others.

to load in a theme, simply paste exported data into the "import" input, and refresh the page (ignore the warning that saved data will be lost).

add bookmark layer

add media layer

imgur upload for convenience

layer list

(see help tab for more information)

media manipulation

toggle free transform on images/videos

change wallpaper

set image as wallpaper:

tile wallpaper?

or, set wallpaper as solid color:

change cursors

NOTE: images larger than 32x32 may not work (based on browser)
site with a bunch of cursors for reference

change normal cursor:

change grab cursor:

change link cursor:

audio

paste a direct URL to an audio file:

auto-play when page loads?

NOTE: autoplay requires either whitelisting this site or generally enabling "allow auto-play audio" in your browser's settings.