Skip to main content

Styling and Layout

Aris is built to help you create powerful personal websites fast (performance) and easy (update and deploy) starting free (thanks to free-tier of Cloudflare Pages).

With initial version of Aris, you can design your portfolio article, blog post using content blocks, and can customize the color of Aris.

Content blocks

Aris comes with many content blocks available for you to use.

List of Content blocks

Change color of Aris

At line 70, you can choose the color of your website from presets: yellow, yellowCalm, pink, pinkLight, blue, darkPurple. Or you can create your own color palette and assign to selectedColorsPreset variable.

/tailwind.config.js
//selected color is `blue`
const selectedColorsPreset = blue

To make Aris simple, we just have a short set of colors, as demonstrated below.

const darkPurple = {
primary: "#3f3a5a",
primaryLight: "#077EB2",
primaryDark: "#26282d",
secondary: "#604FCD",
secondaryLight: "#2E57E8",
secondaryDark: "#604FCD",
}

Video tutorial