Skip to main content

Global styles

Component styles

Creative

Article page - all creative components & elements

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean rhoncus urna vel tortor fringilla, consequat tristique ex eleifend.

13. aug. 2022

    Description

    The creative article grid is as a starting point always 6 columns, but will also follow the width of the introductory text if possible. It will also always be placed centered on the page.

    This page type does not have the fixed sidemenu & sidebar option. It won't be posible with the dynamic grid.. The sidebar components will be avalible in the aside option instead.

    Content & components

    • All components & elements from the article default kan be used.
    • The usual sub-content from the default article, kan be used anywhere on the creative article page, since the grid is much more flexible. This means full-width sections & components will be possible anywhere on the page.
    • Aside: rich-text, image, side-boxes, blockquote

    Background colors

    • Default - white
    • No other options for now

    Row offset-3 col-6: with rich-text

    The creative article page will work by insereting rows of content, that then will define the grid of the page itself. Rich-text rows will have aside options where components like: rich-text, image, side-boxes & blockquotes kan be inserted. This is an example of a default rich-text row, with no options chosen.

    Row col-3 col-6: with rich-text & left-aligned aside

    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

    Suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Pretium aenean pharetra magna ac placerat vestibulum lectus. Pharetra convallis posuere morbi leo urna molestie at. At varius vel pharetra vel. Sit amet massa vitae tortor. Sit amet consectetur adipiscing elit ut.

    Link box components

    Default
    Download example
    Article color 0
    Article color 1
    Article color 2
    Article color 3
    Article color 4
    Article color 5

    Row offset-3 col-6 col-3: with imaige & right-aligned aside

    Image description

    Suspendisse faucibus interdum posuere lorem ipsum dolor sit amet. Pretium aenean pharetra magna ac placerat vestibulum lectus. Pharetra convallis posuere morbi leo urna molestie at. At varius vel pharetra vel. Sit amet massa vitae tortor. Sit amet consectetur adipiscing elit ut.

    col-8: with body-text, text-center & section background-color - Dignissim magna in, dignissim lacus. Mauris id sollicitudin eros, in aliquam lectus. Donec turpis elit, ultrices in aliquam sed, porttitor eu massa. Integer ac ex ac eros accumsan pharetra. Nam vitae libero ac lacus pharetra venenatis. Vestibulum vel nisl accumsan lacus tristique laoreet. Suspendisse varius volutpat tortor, eu scelerisque diam euismod.

    Row with rich-text in the main content column: col-9. Also with with left-aligned aside

    Image description

    Nunc ut pharetra arcu, in pretium lacus. Donec at commodo lectus. Duis rhoncus orci nec turpis laoreet, in tincidunt quam molestie. Sed eu odio sed sem lacinia laoreet quis elementum purus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Sed ac ligula nec dui accumsan dapibus vitae non tellus. Quisque vitae ultrices est. Suspendisse vitae ipsum eu massa porta dignissim in a tellus. Etiam lobortis quis lacus pellentesque imperdiet. Cras cursus tellus id lectus tempus placerat. Integer vitae nisi in orci euismod scelerisque. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Nulla nec dolor facilisis, efficitur sapien quis, eleifend neque.

    Image description

    Aspect ratio: Auto

    Image description

    På baggrund af erfaringerne kan retningslinjerne blive evalueret. Teknik- og Miljøforvaltningen påpeger dog, at en effektiv håndhævelse og løbende evaluering af ordningen kræver, at der afsættes 1,5 mio. kr. til arbejdet i forbindelse med efterårets budgetforhandlinger.

    Image description
    Image description

    1,5 mio. kr. til arbejdet i forbindelse med efterårets budgetforhandlinger.

    Image description