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",
}