Strona „CapEdge”
Steve Krug pisze, że ludzie nie czytają stron internetowych jak książek, po prostu przeglądają je jak katalogi czy banery. Z tego powodu w pierwszej kolejności projekt strony „CapEdge” to projekt banera (sekcja Hero) oraz katalogu (pozostałe treści).
![Strona główna „CapEdge”](https://cdn.prod.website-files.com/64cf8985aea07df5b08c94aa/651591df109bea7dcf3705f6_%E2%80%9ECapEdge%E2%80%9D%20%E2%80%94%20Strona%20g%C5%82owna.png)
Laptop, tablet i telefon
W dzisiejszych czasach ludzie korzystają z różnego rodzaju urządzeń, dlatego wygląd strony internetowej musi być dostosowany do ekranów różnej szerokości.
![Ekran komputera](https://cdn.prod.website-files.com/64cf8985aea07df5b08c94aa/64e765335271b4038d1df54a_%E2%80%9ECapEdge%E2%80%9D%20%E2%80%94%20Desctop.png)
Inne strony
Każda strona jest wykonana integralnie i odpowiada zasadzie: nagłówek → treść. Każda strona przestrzega zasad modułowości.
![Strona usług](https://cdn.prod.website-files.com/64cf8985aea07df5b08c94aa/64ff14954b934e94c957aaf3_%E2%80%9ECapEdge%E2%80%9D%20%E2%80%94%20%20Us%C5%82ugi.png)
![Strona ofert pracy](https://cdn.prod.website-files.com/64cf8985aea07df5b08c94aa/64ff1495bfa8ab51e7ef9b3c_%E2%80%9ECapEdge%E2%80%9D%20%E2%80%94%20%20Praca.png)
Typografia
W projekcie zastosowano kroje pisma dwóch rodzin —
Unbounded w nagłówkach i
Fira Sans w tekście głównym.
![Użyte fonty](https://cdn.prod.website-files.com/64cf8985aea07df5b08c94aa/64e3a8baab15256bd527b97d_Typo.png)
System siatek
Każdy typ urządzenia ma swój własny system siatek.
![Siatka dla komputerów](https://cdn.prod.website-files.com/64cf8985aea07df5b08c94aa/64d775117d2158fe07747584_12%20col.png)
Kolory
Podstawowym kolorem projektu jest niebieski, wtórnym — zielony. Główny przycisk i elementy graficzne w sekcji Hero wykorzystują gradienty.
![Użyte kolory](https://cdn.prod.website-files.com/64cf8985aea07df5b08c94aa/64e3a8ba051e04e747dca4da_Kolory.png)