Brand Style
This section controls the visual feel of your entire page: colors, fonts, and the shape of your cards. If you’re not sure where to start, pick a preset and adjust from there. You can always change everything later.
Quick Start Presets
Section titled “Quick Start Presets”Ten built-in themes to get you going. Each one sets all your colors at once. Pick the vibe that’s closest to what you want, then fine-tune individual colors if needed.
| Preset | Style |
|---|---|
| Default Dark | Dark blue-gray with pink accent |
| Warm Earth | Light cream with teal accent |
| Ocean | Deep navy with coral accent |
| Neon | Black with hot pink accent |
| Minimal | White with blue accent |
| Pastel | Light pink with rose accent |
| Mono Dark | Black with gray, no color accent |
| Mono Light | White with gray, no color accent |
| Forest | Dark green with gold accent |
| Retro | Deep purple with red and yellow accents |
Presets are a starting point, not a commitment. Every color is individually editable after you select one.
Color System
Section titled “Color System”Your page uses 11 color values. They’re split into two groups.
Brand Colors
Section titled “Brand Colors”These five colors define the overall look:
| Color | What It Does |
|---|---|
| Background | The page background. Everything sits on top of this. |
| Brand | Your main accent color. Shows on the divider, focus outlines, and accent elements. |
| Text | The color of all text. Softer shades are derived automatically. |
| Hover | The color social icons turn when someone hovers over them. |
| Glow | Controls the avatar ring, hover effects, and ambient lighting. |
The most important decision here is the relationship between Background and Text. High contrast (dark on light, or light on dark) keeps everything readable. The verification checker will warn you if your contrast is too low.
Palette Colors
Section titled “Palette Colors”Six additional accent colors (Accent 1 through 6) that you assign to individual tiles and content cards. Each card picks its accent from this palette, so different cards can have different color treatments without breaking visual consistency.
Use the Palette toggle to show or hide the six accent pickers. When collapsed, you see the five brand colors only.
Mixing two or three accent colors across your cards looks intentional. Using all six can get busy. Start with two and add more if your page feels too uniform.
Choose from 17 built-in Google Fonts:
Archivo, DM Sans, Fraunces, Inter, Lato, Merriweather Sans, Montserrat, Nunito, Open Sans, Outfit, Playfair Display, Poppins, Raleway, Roboto, Sora, Space Grotesk
You can also type any name from Google Fonts to use a font that isn’t in the list. The preview updates instantly so you can see how it looks before committing.
If you’re unsure, Inter and DM Sans are clean and versatile. Playfair Display and Fraunces add personality if you want something with more character.
Card Style
Section titled “Card Style”Controls the border radius on cards and content elements across your page.
| Style | Look |
|---|---|
| Rounded | Standard rounded corners (16px) |
| Soft | Extra-rounded, pill-like corners (24px) |
| Subtle | Minimal rounding (6px) |
| Sharp | No rounding, square corners (0px) |
Rounded is the safe default. Soft feels friendly and modern. Sharp has a more editorial, structured look. Pick the one that matches the personality of your page.