Design
Make your page look like your brand.
Start from a theme, then change any color, font, button or background. The whole page follows, and you can save your look and use it again on any page.
Try it
Change one thing. Watch the page follow.
A demo page you can restyle. Pick a theme, then change just the buttons, the corners, the font or the background on top of it.
The editor works the same way. A theme sets the whole look, and anything you change on your page wins over it. Choose Theme default to undo a change.
What you can change
23 settings in five groups.
Every block follows these settings. That’s why changing one changes the whole page, and nothing ever looks out of place.
Color
8 settings- Page background
- The color behind everything
- Cards and tiles
- The fill of cards and grid tiles
- Text
- Your main text
- Secondary text
- Bio, captions and other small print
- Accent
- Avatar ring, card titles, outlines and highlights
- Button color
- The fill of buttons
- Button text
- Text on filled buttons
- Borders
- Edges of cards, tiles and icons
Type
5 settings- Heading font
- Your name, headers and card titles
- Body font
- Everything else
- Text size
- Make all text smaller or larger
- Heading weight
- How bold your headings are
- Letter case
- Headings as written, in capitals or in lowercase
Shape
3 settings- Corner radius
- From square corners to fully rounded
- Border width
- How thick the edges are, from none to 4 px
- Button style
- Solid, outline, soft, shadow or pill
Space
3 settings- Spacing
- Compact, regular or airy
- Content width
- How wide the column gets, from 360 to 720 px
- Alignment
- Centered or left-aligned
Background
4 settings- Background type
- A solid color, a gradient or a photo
- Background photo
- A photo you upload
- Overlay
- A wash of your background color over the photo
- Blur
- Softens the photo, up to 20 px
How your choices stack
The most specific choice wins.
Four layers decide how each part of your page looks. Each layer only changes what it sets.
- DefaultHYDLNK’s neutral starting point. Every setting has a value before you touch anything.
- ThemeA HYDLNK theme or one of your saved themes sets all of them at once.
- PageAnything you change on your page itself wins over the theme.
- BlockA single link or card can change its own colors, button style and corner radius.
Themes
Start from a theme, save your own.
A theme is a complete look in one tap: colors, fonts, buttons and spacing. Pick one of HYDLNK’s themes, or save your own.
Noir
System themeInstrument Serif headings · outlined buttons · flat background
Warm black, brass accent, Instrument Serif and outlined buttons.
Ivory
System themeFraunces headings · solid buttons · flat background
Paper white, ink buttons, Fraunces and generous spacing.
Smoke
System themeGeist headings · pill buttons · gradient background
Cool slate, a soft gradient and pill buttons in Geist.
Saved themes
- “Save as theme” saves your page’s whole look as a theme of your own.
- Apply it to any of your pages. Applying a theme clears the changes you made on that page, and you can undo it.
- Free accounts keep up to 3 saved themes. Pro and Studio have no limit.
Changes wait for Publish
- Applying or editing a theme only changes drafts. Pages that use it show Unpublished changes.
- Live pages keep the look they were published with until you publish them again.
- Delete a saved theme and the drafts that used it fall back to the system default.
Type
Eighteen fonts, picked for link pages.
Pick one font for headings and one for body text. The list is short on purpose: every font on it reads well on a phone, so any pairing looks good.
Sans
- Inter
- DM Sans
- Manrope
- Geist
- Space Grotesk
- Outfit
- Sora
- Poppins
- Plus Jakarta Sans
- Bricolage Grotesque
Serif
- Instrument Serif
- Fraunces
- Playfair Display
- DM Serif Display
- Lora
- Cormorant Garamond
Mono
- Space Mono
- Geist Mono
One-off changes
Make one link stand out.
Give a link or a card its own color, button style or corner radius. The rest of the page keeps the theme, so one highlight never turns into a mess.
On this demo page every button is outlined, the way the Noir theme draws them, except “This week’s roast”, which is filled. That one change was made on a single link.
A single link or card can change its colors, button style and corner radius, and nothing else, so fonts and spacing stay consistent down the page.
Designing your page
