Ind.ie is now Small Technology Foundation.
Commit a8ad1d68 authored by Aral Balkan's avatar Aral Balkan

Add early high-fidelity header mockups for Indie Site.

Update Indie Site page
parent d4d67267
+++
title = "Site"
title = "Indie Site"
weight = "20"
+++
Indie Site is a federated personal web site that uses [Indie Engine](../engine).
An indie site is a federated personal website (FPW).
* __Federated:__ the owners of indie sites can follow each other’s sites, talk to each other, and be notified of updates. Federation is achieved via the W3C ActivityPub protocol.
* __Personal:__ an indie site is for one person only, the owner of the site. There is no concept of “users.”
* __Website:__ apart from the above two qualifications, an indie site is a regular website. It is build using web technologies and it is experienced through a web browsers. Indie site functionality can also be experienced via native apps that use its REST And WebSocket APIs.
## Early Wireframes
......@@ -24,6 +31,28 @@ Indie Site is a federated personal web site that uses [Indie Engine](../engine).
![Indie Site Wireframe: narrow viewport](/images/wireframes/indie-site/base-narrow-viewport.png)
## Early high-fidelity mocks
### Dark bar
![Mock of an indie site header using a dark bar to offset text](/images/mock-ups/indie-site/header-mock-dark-overlay-brick-person.png)
### Dark bar, blur
![Mock of an indie site header using a dark bar to offset text and a blur on the background image](/images/mock-ups/indie-site/header-mock-dark-overlay-aral.png)
### No bar, single colour (red)
![Mock of an indie site header using a single colour and no dark bar to offset set](/images/mock-ups/indie-site/header-mock-red-background-no-dark-bar.png)
### No bar, single black (red)
![Mock of an indie site header using a single colour and no dark bar to offset set](/images/mock-ups/indie-site/header-mock-black-background-no-dark-bar.png)
### No bar, single white (red)
![Mock of an indie site header using a single colour and no dark bar to offset set](/images/mock-ups/indie-site/header-mock-white-background-no-dark-bar.png)
## Technology stack
* Engine (see [technology stack](../engine/technology-stack))
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment