Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 8 Next »

Squarespace is a slick CMS, that is hosted as a Service (by the company).

  • It’s made with a design focus and can be used for portfolio building, brand strategies etc.

  • It’s a design-first philosophy (design has prio, functionality comes second)

  • Unlike WordPress, it cannot be extended with PHP

    • you can add custom CSS and JavaScript

  • Its API is very limited

My use-case for it is creating a beautiful design-first front page for my think tank space.

Custom CSS with advanced typography

Squarespace CSS isn’t easy. You will likely have to invest time into custom CSS. That came as a surprise to me. For version 7.1 the CSS ID list is here.

https://forum.squarespace.com/topic/160059-share-squarespace-71-css-id-list/

To use a CSS selector:

  • Target site XYZ → Website → Website Tools → Custom CSS

Note: I have licensed this web font. Everyone can download any embedded web front via browser dev tools. This is a 20 Euro font. You can also just use Adobe Fonts directly because these are integrated into Squarespace. Don’t copy-paste the link or use unlicensed fonts.

gist.githubusercontent.com/norandom/fe83c643ed9b35e4f042a2b87960f617/raw/1786d76f9e16855deca24462bdc2988095b76dcd/squarespace_custom.css

To-do:

  • integrate drop caps
  • clean mobile fonts
  • line spacing for meta elements in blog (question)
  • iOS Safari consistency issues
  • No labels