Details

    • Rank:
      43473
    1. agreed logo location and heading.png
      41 kB
    2. frontpage-blue.png
      460 kB
    3. frontpage-green.png
      463 kB
    4. frontpage-purple.png
      445 kB
    5. frontpage-red.png
      452 kB
    6. heading-demo.png
      34 kB
    7. heading-dev.png
      35 kB
    8. heading-development.png
      37 kB
    9. heading-development-no-moodle.png
      29 kB
    10. heading-docs.png
      35 kB
    11. heading-downloads.png
      35 kB
    12. heading-downloads-no-moodle.png
      26 kB
    13. heading-net.png
      33 kB
    14. heading-org.png
      34 kB
    15. heading-org-01a.png
      33 kB
    16. heading-org-01b.png
      33 kB
    17. heading-org-02a.png
      29 kB
    18. heading-org-02b.png
      30 kB
    19. heading-org-03a.png
      33 kB
    20. heading-org-03b.png
      33 kB
    21. heading-tracker.png
      34 kB
    22. heading-translation.png
      35 kB
    23. inner-blue.png
      107 kB
    24. inner-green.png
      108 kB
    25. inner-purple.png
      108 kB
    26. inner-red.png
      108 kB
    27. logo-orange.png
      49 kB
    28. logo-org-orange.png
      5 kB
    29. logo-org-white.png
      4 kB
    30. logo-white.png
      47 kB
    31. nav-dropdown.png
      107 kB
    32. nav-dropdown-menu.png
      120 kB
    33. nav-menu.png
      176 kB
    34. secondary-menu-demo.png
      38 kB
    35. secondary-menu-dev.png
      45 kB
    36. secondary-menu-dev-2.png
      50 kB
    37. secondary-menu-docs.png
      46 kB
    38. secondary-menu-downloads.png
      43 kB
    39. secondary-menu-net.png
      31 kB
    40. secondary-menu-net-3.png
      47 kB
    41. secondary-menu-org.png
      36 kB
    42. secondary-menu-tracker.png
      41 kB
    43. secondary-menu-tracker-2.png
      49 kB
    44. secondary-menu-translation.png
      45 kB
    45. sites-menu-a.png
      74 kB
    46. sites-menu-b.png
      104 kB
    47. smallscreen-01.png
      209 kB
    48. smallscreen-02.png
      159 kB
    49. smallscreen-03.png
      100 kB
    50. study-13-sites-menu-a.jpg
      94 kB
    51. study-13-sites-menu-b.jpg
      95 kB
    52. tertiary-menu-org.png
      39 kB
    53. tertiary-menu-org-dropdown.png
      58 kB
    54. tertiary-menu-org-dropdown-2-innerpage.png
      62 kB
    55. tertiary-menu-org-dropdown-homepage.png
      365 kB
    56. tertiary-menu-org-dropdown-homepage-2.png
      425 kB
    57. widescreen-01.png
      375 kB
    58. widescreen-02.png
      160 kB
    59. widescreen-03.png
      172 kB
    60. widescreen-04.png
      181 kB

      Issue Links

        Activity

        Hide
        Barbara Ramiro added a comment - - edited


        widescreen-01.png

        on the left COULD be a page with a bit of description about each site
        on the right is a dropdown menu for all moodle sites

        Show
        Barbara Ramiro added a comment - - edited widescreen-01.png on the left COULD be a page with a bit of description about each site on the right is a dropdown menu for all moodle sites
        Hide
        Barbara Ramiro added a comment -


        widescreen-02.png

        widescreen-03.png

        widescreen-04.png

        MOCKUPS FOR WIDESCREEN

        on the left is a home page for each site with a think header
        on the right is an inner page for each site with a thin line
        each site will have different color
        right beside the site dropdown menu on the top left is the site title
        on the right side is the menu to a particular site

        Show
        Barbara Ramiro added a comment - widescreen-02.png widescreen-03.png widescreen-04.png MOCKUPS FOR WIDESCREEN on the left is a home page for each site with a think header on the right is an inner page for each site with a thin line each site will have different color right beside the site dropdown menu on the top left is the site title on the right side is the menu to a particular site
        Hide
        Barbara Ramiro added a comment -


        study-13-sites-menu-a.jpg

        study-13-sites-menu-b.jpg

        Here's a mock up of the site menu... the style is not final...
        The left side of the header looks empty at the moment.

        Show
        Barbara Ramiro added a comment - study-13-sites-menu-a.jpg study-13-sites-menu-b.jpg Here's a mock up of the site menu... the style is not final... The left side of the header looks empty at the moment.
        Hide
        Barbara Ramiro added a comment -


        smallscreen-01.png

        smallscreen-02.png

        smallscreen-03.png

        MOCKUPS FOR SMALLSCREEN

        It's pretty much the same with the widescreen but on the top right is a dropdown menu for each particular site

        Show
        Barbara Ramiro added a comment - smallscreen-01.png smallscreen-02.png smallscreen-03.png MOCKUPS FOR SMALLSCREEN It's pretty much the same with the widescreen but on the top right is a dropdown menu for each particular site
        Hide
        Helen Foster added a comment -

        Just noting from looking at this issue in our sites meeting on 27/05/13 that we need to discuss and agree on how the top menu is displayed - in a bar across the top or as a dropdown menu.

        From Mary's notes and screenshots in MDLSITE-1876, it seems that other 'meta-sites' (sites consisting of a number of smaller sites) have a bar across the top listing all the smaller sites for ordinary screen sizes and a dropdown menu for mobile screen sizes.

        As the moodle community sites are most likely accessed mostly from laptops and desktops, my vote is to have a bar across the top listing the main community sites and a dropdown menu for mobile screen sizes.

        Show
        Helen Foster added a comment - Just noting from looking at this issue in our sites meeting on 27/05/13 that we need to discuss and agree on how the top menu is displayed - in a bar across the top or as a dropdown menu. From Mary's notes and screenshots in MDLSITE-1876 , it seems that other 'meta-sites' (sites consisting of a number of smaller sites) have a bar across the top listing all the smaller sites for ordinary screen sizes and a dropdown menu for mobile screen sizes. As the moodle community sites are most likely accessed mostly from laptops and desktops, my vote is to have a bar across the top listing the main community sites and a dropdown menu for mobile screen sizes.
        Hide
        Barbara Ramiro added a comment -

        Thanks Helen for you vote. Though I still wonder why we want to show all the sites all the time on the top navigation bar. Do we really need to? Or can we organize it in such a way that those sites are easily accessible any time via dropdown keeping the whole interface neat, simple and clutter free by showing only navigation for a particular site. Too many navigation on screen takes much time for a user to analyze what to do and where to go as compared to showing only what is relevant to that site. This is called Context based approach.

        I'd like to share this... 7 Interface Design Techniques to Simplify and De-clutter Your Interfaces

        Show
        Barbara Ramiro added a comment - Thanks Helen for you vote. Though I still wonder why we want to show all the sites all the time on the top navigation bar. Do we really need to? Or can we organize it in such a way that those sites are easily accessible any time via dropdown keeping the whole interface neat, simple and clutter free by showing only navigation for a particular site. Too many navigation on screen takes much time for a user to analyze what to do and where to go as compared to showing only what is relevant to that site. This is called Context based approach. I'd like to share this... 7 Interface Design Techniques to Simplify and De-clutter Your Interfaces
        Hide
        Barbara Ramiro added a comment -


        sites-menu-a.png

        sites-menu-b.png

        I find net.tutsplus.com neat.

        Show
        Barbara Ramiro added a comment - sites-menu-a.png sites-menu-b.png I find net.tutsplus.com neat.
        Hide
        Mary Cooch added a comment - - edited

        Thank you very much for uploading screenshots to here as it makes it much easier for me to visualise I understand what you are saying now; however, my concern is that we have the community sites in a dropdown menu then people coming to one - Moodle.org - for example won't immediately see that other sites exist. So although they are easily accessible from the dropdown menu, a newcomer to Moodle won't be made aware that other sites are available.

        Show
        Mary Cooch added a comment - - edited Thank you very much for uploading screenshots to here as it makes it much easier for me to visualise I understand what you are saying now; however, my concern is that we have the community sites in a dropdown menu then people coming to one - Moodle.org - for example won't immediately see that other sites exist. So although they are easily accessible from the dropdown menu, a newcomer to Moodle won't be made aware that other sites are available.
        Hide
        Andrew Nicols added a comment -

        Are there any analytics available to suggest what the most common device/browser types are perchance?

        Show
        Andrew Nicols added a comment - Are there any analytics available to suggest what the most common device/browser types are perchance?
        Hide
        Aparup Banerjee added a comment -

        <leftearlyfrommeetingbut> how about if we have 'show all the sites all the time on the top navigation bar' except when we scroll down it disappears or responsively compacts itself into something like the dropdown/hamburger show in the above screenshot. </bettergetbacktoweekend>

        Show
        Aparup Banerjee added a comment - <leftearlyfrommeetingbut> how about if we have 'show all the sites all the time on the top navigation bar' except when we scroll down it disappears or responsively compacts itself into something like the dropdown/hamburger show in the above screenshot. </bettergetbacktoweekend>
        Hide
        Barbara Ramiro added a comment -

        First of, sites heading...


        heading-org.png


        heading-docs.png


        heading-downloads.png


        heading-demo.png


        heading-tracker.png


        heading-development.png


        heading-translation.png


        heading-net.png

        Oooppps i need to change demo to school demo

        Show
        Barbara Ramiro added a comment - First of, sites heading... heading-org.png heading-docs.png heading-downloads.png heading-demo.png heading-tracker.png heading-development.png heading-translation.png heading-net.png Oooppps i need to change demo to school demo
        Hide
        Barbara Ramiro added a comment - - edited


        heading-development.png


        heading-dev.png

        I am thinking of sort or branding like moodledev instead of moodledevelopment. Same thing for the documentation where its sort of like branded as moodledocs. What ya think?

        Also, note the secondary menu. is it possible not to include the word dev since it is on the dev site? Please refer to


        heading-dev.png

        Show
        Barbara Ramiro added a comment - - edited heading-development.png heading-dev.png I am thinking of sort or branding like moodledev instead of moodledevelopment. Same thing for the documentation where its sort of like branded as moodledocs. What ya think? Also, note the secondary menu. is it possible not to include the word dev since it is on the dev site? Please refer to heading-dev.png
        Hide
        Barbara Ramiro added a comment -


        heading-development-no-moodle.png


        heading-downloads-no-moodle.png

        Here is how it looks like without the moodle logo beside the heading

        Show
        Barbara Ramiro added a comment - heading-development-no-moodle.png heading-downloads-no-moodle.png Here is how it looks like without the moodle logo beside the heading
        Hide
        Barbara Ramiro added a comment -


        logo-orange.png


        logo-white.png

        White logo instead of orange to go with different sites color. I should upload screenshots of different colors with the orange logo

        Show
        Barbara Ramiro added a comment - logo-orange.png logo-white.png White logo instead of orange to go with different sites color. I should upload screenshots of different colors with the orange logo
        Hide
        Aparup Banerjee added a comment -

        The screenshots here have a menu that is very different from the menu defined in the goodle doc @ MDLSITE-1876. For the purposes of the theme(MDLSITE-1876) and clone.moodle.org, i'm going to work with the google doc from the resolved 'nailed down' MDLSITE-1876.

        I'm not sure how the menu in this issue (heading-org.png) is going to be in the footer at this point.

        Show
        Aparup Banerjee added a comment - The screenshots here have a menu that is very different from the menu defined in the goodle doc @ MDLSITE-1876 . For the purposes of the theme( MDLSITE-1876 ) and clone.moodle.org, i'm going to work with the google doc from the resolved 'nailed down' MDLSITE-1876 . I'm not sure how the menu in this issue (heading-org.png) is going to be in the footer at this point.
        Hide
        Barbara Ramiro added a comment -

        Hi Apu, the attachment section is getting crowded filled with old and new studies so please refer to the most recent comments with thumbnails.

        Show
        Barbara Ramiro added a comment - Hi Apu, the attachment section is getting crowded filled with old and new studies so please refer to the most recent comments with thumbnails.
        Hide
        Barbara Ramiro added a comment -

        Here is the agreed logo location and heading


        agreed logo location and heading.png

        Show
        Barbara Ramiro added a comment - Here is the agreed logo location and heading agreed logo location and heading.png
        Hide
        Helen Foster added a comment -

        Apu, re. the footer, I think we still need to talk and agree on what should be included in it.

        Show
        Helen Foster added a comment - Apu, re. the footer, I think we still need to talk and agree on what should be included in it.
        Hide
        Barbara Ramiro added a comment -

        Up for vote (",)

        Nav bar: Moodle.org, Home or Community
        Heading: moodle.org, Community

        Moodle.org on the nav bar and the heading look redundant but this is the case for moodle.net

        heading-org-01a.png

        Moodle.org on the nav bar and moodlecommunity on the heading sounds better

        heading-org-01b.png

        Home icon on the nav bar and moodle.org on the heading

        heading-org-02a.png

        Home icon on the nav bar and moodlecommunity

        heading-org-02b.png

        Community on the nav bar and moodle.org on the heading

        heading-org-03a.png

        Community on the nav bar and moodlecommunity on the heading which makes it consistent with the rest

        heading-org-03b.png

        Show
        Barbara Ramiro added a comment - Up for vote (",) Nav bar: Moodle.org, Home or Community Heading: moodle.org, Community Moodle.org on the nav bar and the heading look redundant but this is the case for moodle.net heading-org-01a.png Moodle.org on the nav bar and moodlecommunity on the heading sounds better heading-org-01b.png Home icon on the nav bar and moodle.org on the heading heading-org-02a.png Home icon on the nav bar and moodlecommunity heading-org-02b.png Community on the nav bar and moodle.org on the heading heading-org-03a.png Community on the nav bar and moodlecommunity on the heading which makes it consistent with the rest heading-org-03b.png
        Hide
        Helen Foster added a comment -

        I vote for moodle.org in the nav bar and the heading. All of the sites are 'Moodle community sites', so it seems a bit odd to me to describe moodle.org as 'Community'.

        Show
        Helen Foster added a comment - I vote for moodle.org in the nav bar and the heading. All of the sites are 'Moodle community sites', so it seems a bit odd to me to describe moodle.org as 'Community'.
        Hide
        Barbara Ramiro added a comment - - edited


        secondary-menu-org.png


        secondary-menu-docs.png


        secondary-menu-downloads.png


        secondary-menu-demo.png


        secondary-menu-tracker.png


        secondary-menu-dev.png


        secondary-menu-translation.png


        secondary-menu-net.png

        Show
        Barbara Ramiro added a comment - - edited secondary-menu-org.png secondary-menu-docs.png secondary-menu-downloads.png secondary-menu-demo.png secondary-menu-tracker.png secondary-menu-dev.png secondary-menu-translation.png secondary-menu-net.png
        Hide
        Barbara Ramiro added a comment - - edited


        tertiary-menu-org.png

        Show
        Barbara Ramiro added a comment - - edited tertiary-menu-org.png
        Hide
        Mary Evans added a comment -

        Bringing in different colours like this is great and I also love the use of different font types for the page titles.

        One thought did occurred to me, however, when I saw these changes today, is that care should be taken for Moodle users who suffer from colour deficient vision. This LINK shows a chart of colours that takes into account the different types of colour deficient vision.

        I was worrying more about the yellow and blue as these two colours that are just as important as red and green, which to some people are indistinguishable.

        Show
        Mary Evans added a comment - Bringing in different colours like this is great and I also love the use of different font types for the page titles. One thought did occurred to me, however, when I saw these changes today, is that care should be taken for Moodle users who suffer from colour deficient vision. This LINK shows a chart of colours that takes into account the different types of colour deficient vision. I was worrying more about the yellow and blue as these two colours that are just as important as red and green, which to some people are indistinguishable.
        Hide
        Mary Cooch added a comment -

        I absolutely love all these One thing I am really bad at is design, so I totally admire people like Barbara with that skill (and Mary Evans too!) Mary could well have a point about the colours for certain viewers - I recall at school that being an issue with worksheet colours. I wonder if there is a similar consideration with the use of capital letters as were told that dyslexics found capitalised words harder to read?

        Show
        Mary Cooch added a comment - I absolutely love all these One thing I am really bad at is design, so I totally admire people like Barbara with that skill (and Mary Evans too!) Mary could well have a point about the colours for certain viewers - I recall at school that being an issue with worksheet colours. I wonder if there is a similar consideration with the use of capital letters as were told that dyslexics found capitalised words harder to read?
        Hide
        Barbara Ramiro added a comment -

        Thanks Mary & Mary (",) for the complements.

        Regarding the page titles though, it is a bad practice to display the domain extension (#5 of 7 Bad Design Practices to Avoid on Your Home Page) but Martin wants it there for a reason and Helen has a reason too for moodle.org. I am hoping though that we can avoid it. It's a bit redundant with the domain name.

        Regarding colors, I do agree with you Mary E that yellow is indistinguishable not only for color blinds but for everyone especially on white background. I tried a lot of different yellow shades and nothing really works well. Helen has stated her reason for yellow but I also hope she is open to change once she sees the mockups.

        Regarding fonts, based on my personal experience with my dyslexic students in the past, their opinions and preferences vary greatly. But I will come up with mixed letters and will let the team decide in behalf of the dyslexics. Though if we really want to make our site truly dyslexic friendly we've got a lot of things to consider such as background color not white, navigation not green or red etc Dyslexia Style Guide. Better yet have a separate style not only for dyslexics but for color blinds as well.

        Cheers

        Show
        Barbara Ramiro added a comment - Thanks Mary & Mary (",) for the complements. Regarding the page titles though, it is a bad practice to display the domain extension (#5 of 7 Bad Design Practices to Avoid on Your Home Page ) but Martin wants it there for a reason and Helen has a reason too for moodle.org. I am hoping though that we can avoid it. It's a bit redundant with the domain name. Regarding colors, I do agree with you Mary E that yellow is indistinguishable not only for color blinds but for everyone especially on white background. I tried a lot of different yellow shades and nothing really works well. Helen has stated her reason for yellow but I also hope she is open to change once she sees the mockups. Regarding fonts, based on my personal experience with my dyslexic students in the past, their opinions and preferences vary greatly. But I will come up with mixed letters and will let the team decide in behalf of the dyslexics. Though if we really want to make our site truly dyslexic friendly we've got a lot of things to consider such as background color not white, navigation not green or red etc Dyslexia Style Guide . Better yet have a separate style not only for dyslexics but for color blinds as well. Cheers
        Hide
        Helen Foster added a comment -

        Barbara, sorry I don't remember saying we had to use yellow, so please feel free to use a different colour.

        I'd prefer submenu names not to be all in capitals, not just for dyslexics, but for general readability (as described in http://en.wikipedia.org/wiki/All_caps ).

        Show
        Helen Foster added a comment - Barbara, sorry I don't remember saying we had to use yellow, so please feel free to use a different colour. I'd prefer submenu names not to be all in capitals, not just for dyslexics, but for general readability (as described in http://en.wikipedia.org/wiki/All_caps ).
        Hide
        Mary Evans added a comment -

        Hi Barbara, I think the use of .com .org or .co.uk are in themselves a form of Branding and so in this case Martin is correct in his insistence that moodle.org is used. I like it!

        Show
        Mary Evans added a comment - Hi Barbara, I think the use of .com .org or .co.uk are in themselves a form of Branding and so in this case Martin is correct in his insistence that moodle.org is used. I like it!
        Hide
        Barbara Ramiro added a comment -


        tertiary-menu-org-dropdown.png

        Show
        Barbara Ramiro added a comment - tertiary-menu-org-dropdown.png
        Hide
        Mary Evans added a comment -

        @Barbara, I like the tertiary-menu either as a d/down or inline as you have displayed it previously.

        @Aparup, regarding the Custommenu I just wondered if you where aware of this feature that Dan Marsden added in MDL-31043. I was wondering if its use may be useful for adding the tertiary menu?

        Show
        Mary Evans added a comment - @Barbara, I like the tertiary-menu either as a d/down or inline as you have displayed it previously. @Aparup, regarding the Custommenu I just wondered if you where aware of this feature that Dan Marsden added in MDL-31043 . I was wondering if its use may be useful for adding the tertiary menu?
        Hide
        Barbara Ramiro added a comment -

        Thanks for your feedback, Mary (",)

        Show
        Barbara Ramiro added a comment - Thanks for your feedback, Mary (",)
        Hide
        Aparup Banerjee added a comment -

        Mary, didn't know about that, thanks. The custom menu is actually the secondary menu (which drops down into the 'tertiary') atm. The top sites menu isn't going to drop down or anything so it is now a simple menu bar.

        Show
        Aparup Banerjee added a comment - Mary, didn't know about that, thanks. The custom menu is actually the secondary menu (which drops down into the 'tertiary') atm. The top sites menu isn't going to drop down or anything so it is now a simple menu bar.
        Hide
        Mary Evans added a comment -

        @Barbara, you're welcome! (",) <- that's so cute!

        @Aparup, I like to use that menu feature in themes as it allows you to use both at different times. By setting frontpage.php as the default menu (global), and general.php to use the one set at theme level, thus allowing different menus in different courses if you have a set of course themes.

        Show
        Mary Evans added a comment - @Barbara, you're welcome! (",) <- that's so cute! @Aparup, I like to use that menu feature in themes as it allows you to use both at different times. By setting frontpage.php as the default menu (global), and general.php to use the one set at theme level, thus allowing different menus in different courses if you have a set of course themes.
        Hide
        Aparup Banerjee added a comment - - edited

        i'm having trouble lowering the z-index on only dropdown-menu vs navbar and navbar-inner. the rest of the page's content layers incorrectly. any ideas? I've also played with inset shadows but that removes the original outset shadow...
        tried looking at http://www.red-team-design.com/wp-content/uploads/2011/04/css3-box-shadow.html which uses :before and:after pseudo elements for multiple shadows... no luck yet.

        note: all z-indexing must be reset at other media widths.

        Show
        Aparup Banerjee added a comment - - edited i'm having trouble lowering the z-index on only dropdown-menu vs navbar and navbar-inner. the rest of the page's content layers incorrectly. any ideas? I've also played with inset shadows but that removes the original outset shadow... tried looking at http://www.red-team-design.com/wp-content/uploads/2011/04/css3-box-shadow.html which uses :before and:after pseudo elements for multiple shadows... no luck yet. note: all z-indexing must be reset at other media widths.
        Hide
        Barbara Ramiro added a comment -

        Apu, this might simplify "life"... see tertiary navigation above the drop shadow rather than under (",)


        tertiary-menu-org-dropdown-2-innerpage.png

        Show
        Barbara Ramiro added a comment - Apu, this might simplify "life"... see tertiary navigation above the drop shadow rather than under (",) tertiary-menu-org-dropdown-2-innerpage.png
        Hide
        Barbara Ramiro added a comment -

        Details to note on the mockup below...

        1. Tertiary navigation on top of the drop shadow
        2. Top navigation bar (black) no more drop shadow which makes it consistent with other sites (Drop shadow is on the orange band)
        3. Moodle logo in white (only on the home page)
        4. Tagline spans all the way to the right
        5. Getting started button under the tagline


        tertiary-menu-org-dropdown-homepage.png

        Show
        Barbara Ramiro added a comment - Details to note on the mockup below... 1. Tertiary navigation on top of the drop shadow 2. Top navigation bar (black) no more drop shadow which makes it consistent with other sites (Drop shadow is on the orange band) 3. Moodle logo in white (only on the home page) 4. Tagline spans all the way to the right 5. Getting started button under the tagline tertiary-menu-org-dropdown-homepage.png
        Hide
        Aparup Banerjee added a comment -

        Thanks Barbara, can you attach the white moodle.org logo separately so i don't crop and have the background tiles misaligned with the actual tile background.

        The mockups look great btw!

        Show
        Aparup Banerjee added a comment - Thanks Barbara, can you attach the white moodle.org logo separately so i don't crop and have the background tiles misaligned with the actual tile background. The mockups look great btw!
        Hide
        Barbara Ramiro added a comment -

        Revised shades of blue


        secondary-menu-tracker-2.png


        secondary-menu-dev-2.png

        Show
        Barbara Ramiro added a comment - Revised shades of blue secondary-menu-tracker-2.png secondary-menu-dev-2.png
        Hide
        Barbara Ramiro added a comment -

        Since yellow does not work on white background, here is a new color for moodle.net. Let me know what you think (" ,)


        secondary-menu-net-3.png

        Show
        Barbara Ramiro added a comment - Since yellow does not work on white background, here is a new color for moodle.net. Let me know what you think (" ,) secondary-menu-net-3.png
        Hide
        Mary Evans added a comment - - edited

        Nice (" ,)

        Show
        Mary Evans added a comment - - edited Nice (" ,)
        Hide
        XY Ng added a comment -

        Warm gray suggestions (not sure how it'd suit your existing colour palette):

        • #332E2C (dark warm gray)
        • #2B2624
        • #332926 (warmer warm gray)

        Show
        XY Ng added a comment - Warm gray suggestions (not sure how it'd suit your existing colour palette): #332E2C (dark warm gray) #2B2624 #332926 (warmer warm gray)
        Hide
        Barbara Ramiro added a comment -

        Header

        • New tagline
        • Tagline Text-align: center
        • Getting started button: removed


        tertiary-menu-org-dropdown-homepage-2.png

        Show
        Barbara Ramiro added a comment - Header New tagline Tagline Text-align: center Getting started button: removed tertiary-menu-org-dropdown-homepage-2.png
        Hide
        Barbara Ramiro added a comment -

        Thanks XY for your suggestions (" ,)

        I tried all your suggestions but they are all too dark and too close to the color of the top navigation bar which make moodle.net not obvious as the current site.

        Because I appreciate your initiative to help, here are some pointers to consider...

        • Highlight the current site (make it obvious)
        • Use distinct color for site identity
        • Harmony with the color scheme we have for the other sites (as you can see from the screenshots)
        • Should go well with our orange logo

        Cheers (" ,)

        Show
        Barbara Ramiro added a comment - Thanks XY for your suggestions (" ,) I tried all your suggestions but they are all too dark and too close to the color of the top navigation bar which make moodle.net not obvious as the current site. Because I appreciate your initiative to help, here are some pointers to consider... Highlight the current site (make it obvious) Use distinct color for site identity Harmony with the color scheme we have for the other sites (as you can see from the screenshots) Should go well with our orange logo Cheers (" ,)
        Hide
        Martin Dougiamas added a comment -

        Barbara can you post individual graphics for the last mockup for Aparup to actually use.

        Show
        Martin Dougiamas added a comment - Barbara can you post individual graphics for the last mockup for Aparup to actually use.
        Hide
        Barbara Ramiro added a comment - - edited

        MOODLE.ORG LOGO

        For the frontpage: (hover to see white logo)

        For subpages:

        Show
        Barbara Ramiro added a comment - - edited MOODLE.ORG LOGO For the frontpage: (hover to see white logo) For subpages:
        Hide
        Aparup Banerjee added a comment -

        after a few times hover on and off - moodle is ghosting!

        thanks Barbara

        Show
        Aparup Banerjee added a comment - after a few times hover on and off - moodle is ghosting! thanks Barbara
        Hide
        Helen Foster added a comment -

        Many thanks Barbara and everyone who helped design a truly beautiful theme which it lovely to use.

        Show
        Helen Foster added a comment - Many thanks Barbara and everyone who helped design a truly beautiful theme which it lovely to use.
        Hide
        Martin Dougiamas added a comment -

        Hear hear!

        Show
        Martin Dougiamas added a comment - Hear hear!
        Hide
        David Mudrak added a comment -

        ?

        Show
        David Mudrak added a comment - ?

          People

          • Votes:
            1 Vote for this issue
            Watchers:
            11 Start watching this issue

            Dates

            • Created:
              Updated:
              Resolved:

              Development