Skip to main content

User login

What is OpenID?
  • Log in using OpenID
  • Cancel OpenID login
  • Create new account
  • Request new password
Register
  • Home
  • Browse
    • 2D Art
    • 3D Art
    • Concept Art
    • Textures
    • Music
    • Sound Effects
    • Documents
    • Featured Tutorials
  • Submit Art
  • Collect
    • My Collections
    • Art Collections
  • Forums
  • FAQ
  • Leaderboards
    • All Time
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
    • Weekly
      • Total Points
      • Comments
      • Favorites (All)
      • Favorites (2D)
      • Favorites (3D)
      • Favorites (Concept Art)
      • Favorites (Music)
      • Favorites (Sound)
      • Favorites (Textures)
  • ❤ Donate

Site design: Light and Dark

Author: 
Daft-Freak
Monday, March 18, 2019 - 06:28
Art Type: 
Concept Art
Tags: 
challenge
A New Look
Web Design
css
License(s): 
CC-BY 4.0
Collections: 
Favorites: 
6
Share Icons: 
Preview: 
Preview
Preview
Preview
Preview

Light demo: https://frozen-harbor-40210.herokuapp.com/

Dark demo: https://frozen-harbor-40210.herokuapp.com/?dark

Source: https://github.com/Daft-Freak/oga-mockups

Saw the challenge, needed an excuse to write some CSS...

Some notes:

 - The home page is a bit unfinished looking, mainly happy with how the user/art pages turned out.

 - The demo seems to work in all the browsers (surprisingly)

 - Yes, the background isn't blue

 - The downloads have all images removed to avoid any licence issues

 - All the previews/downloads are at 2x DPI scale.

 - (unrelated) The submit art page really needs a '<input type="file" multiple>' on it

 

File(s): 
artwork light.png artwork light.png 169.4 Kb [41 download(s)]
artwork light mobile.png artwork light mobile.png 126.9 Kb [25 download(s)]
artwork dark.png artwork dark.png 169.8 Kb [25 download(s)]
artwork dark mobile.png artwork dark mobile.png 127.1 Kb [22 download(s)]
user light.png user light.png 65.1 Kb [28 download(s)]
user light mobile.png user light mobile.png 45.1 Kb [21 download(s)]
user dark.png user dark.png 64 Kb [23 download(s)]
user dark mobile.png user dark mobile.png 43.6 Kb [22 download(s)]
  • Log in or register to post comments

Comments

Boom Shaka
joined 10 years 2 months ago
03/18/2019 - 13:15
Boom Shaka's picture

Very functional design

Artists' pages look really good

 

"Featured" art thumbs on home page seem a little big...they could probably be the same size as the "popular" and "latest" thumbs. 

 

In terms of the layout, I'm mostly interested in the new art and collections.  "Featured" art is nice, but it seems like a random assortment of older work, so it's usually a little lower on my priority list (that's just my opinion....others may disagree). 

Only other suggestion would be to move the download link(s) up above the preview section on the content pages - some artists submit lengthly previews and you have to scroll down a bit to get to the actual files (just a pet peeve of mine, not a big deal).

  • Log in or register to post comments
Fral Kritic
joined 6 years 2 months ago
03/18/2019 - 15:27
Fral Kritic's picture

I really loooove this, and I think if this design is selected, it default to white and have a choice to change black, cause I turn everything that allows me to, to black; from software to web apps.

I also like how the post information is organized! Brilliant work! :D

  • Log in or register to post comments
Daft-Freak
joined 6 years 2 months ago
03/19/2019 - 04:30
Daft-Freak's picture

Forgot to mention: https://frozen-harbor-40210.herokuapp.com/?dark for the dark theme. Also, all the previews/downloads are at 2x DPI scale.

  • Log in or register to post comments
Fral Kritic
joined 6 years 2 months ago
03/19/2019 - 15:17
Fral Kritic's picture

@Daft-Freak I love this! I like the live site! Keep up the hard work! :)

  • Log in or register to post comments
Daft-Freak
joined 6 years 2 months ago
03/23/2019 - 13:46
Daft-Freak's picture

Made some adjustments to the home page:

 - Featured is no longer huge.

 - Shows some collections

 - Sara is back.

 

There's also a collection page (mostly just the artist/art pages mashed together). Oh and this slightly meta page.

 

EDIT: Also pixelated tiles for fun

Attachments: 
  • Log in or register to post comments
Spring Spring
joined 8 years 11 months ago
03/25/2019 - 10:06
Spring Spring's picture

I mean, this is really good ! I could see this being a great foundation for a future OGA site, as it doesn't change too much.

I've always had a pet peeve with how the featured art field always recycles really old stuff, but that has nothing to  do with the site layout itself per se, though. And I'm excited that someone actually took the challenge to do the CSS ^^

  • Log in or register to post comments
Daft-Freak
joined 6 years 2 months ago
04/02/2019 - 07:48
Daft-Freak's picture

Link to source added! (Check src/components and the html in src/routes for the layout/style).

  • Log in or register to post comments