Website ui guidelines

table of contents

About Green Line Records

02

04

05

06

07

08

10

11

12

13

14

15

Color Palette

Color Applications

Typography

Type Applications

Logo

Buttons

Cards

Carousels

Grid System

Navigation Bars

UI applications & Examples

Design Strategy

uI elements

about green line records

Green Line Records is Northeastern University’s student-driven record label. Based in Boston, Massachusetts, their label aims to accelerate the careers of emerging artists. They offer our diverse lineup of artists a full range of services including studio and live recording, marketing, merchandising, booking, and management. For two decades, Green Line Records has served as the hub where learning and local arts collide.

design strategy

Primary

Secondary

#45BF27

#ECF0E3

#1A1A18

Kelly Green

#ACAAA2

Silver

#2A2E2A

Jet

Ivory

Eerie Black

color palette

color APPLICATIONS

Kelly Green

PRIMARY & SECONDARY BUTTONS

NAVIGATION

NAVIGATION

sOCIALS

sOCIALS

Ivory

PRIMARY & SECONDARY BUTTONS

TERTIARY BUTTONS

BUTTON

BUTTON

EXTERNAL LINK

EXTERNAL LINK

BUTTON

BUTTON

EXTERNAL LINK

EXTERNAL LINK

LOWER PAGE NAV

LOWER PAGE NAV

LOWER PAGE NAV

BUTTON

BUTTON

Jet

NON-CLICKABLE HOLDING

DEVICE COLOR

LOWER PAGE NAV

Anybody

Headings1: Anybody, Weight 700, Width 138, Size 150

Headings2: Anybody Weight 600, Width 115, Size 85

headings3: anybody weight 700, width 115, size 40

Body Copy: Anybody Regular, Size 20

PRIMARY buttons/lower nav: anybody weight 700, width 115, size 32

SECONDARY buttons: anybody weight 700, width 115, size 20

Typography

Anybody

Weight 700

Width 138

Size 150

Heading 1

Heading 3

Anybody

Weight 700

Width 115

Size 40

Secondary button

Anybody

Weight 700

Width 115

Size 20

Lower Navigation

Anybody

Weight 700

Width 115

Size 20

Body copy

Anybody Regular

Size 20

Type applications

green line records

Prioritize using full name logo


simplified ‘GLR’ logo only to be used in the header

#45BF27

#ECF0E3

Do not change the color of the logo

Do not change the typography of the logo

Do not stretch/distort the logo

LOGO

UI ELEMENTS

primary

secondary

tertiary

socials

BUTTON

BUTTON

BUTTON

BUTTON

EXTERNAL LINK

EXTERNAL LINK

EXTERNAL LINK

EXTERNAL LINK

BUTTON

BUTTON

navigation

57 px

57 px

LOWER PAGE NAV

LOWER PAGE NAV

LOWER PAGE NAV

LOWER PAGE NAV

FOOTER

FOOTER

buttons

Default

Default

Default

Default

Default

Default

Default

Default

Default

Hover

Default

Hover

Hover

Hover

Hover

Hover

Hover

Hover

Hover

Hover

BUTTON

#45BF27

#1A1A18

#ECF0E3

anybody width: 115, weight: 700 Size 32

anybody width: 115, weight: 700 Size 20

72 px

78 px

40 px

EXTERNAL LINK

BUTTON

EXTERNAL LINK

BUTTON

LOWER PAGE NAV

FOOTER

40 px

30 px

30 px

30 px

73 px

Stroke (2)

Stroke (2)

53 px

53 px

48 px

57 px

50 px

50 px

23 px

90 px

CARDS

Clickable cards

Unclickable cards

Body copy

Anybody Regular

Size 20

#ECF0E3

Horizontal &

vertical: 50px

Horizontal &

vertical: 50px

Horizontal: 37px

vertical: 50px

Heading 3

Stroke (2)

#ECF0E3

#45BF27

#1A1A18

#2A2E2A

Padding

Padding

Padding

Anybody

Weight 700

Width 115

Size 40

#ECF0E3

Hover state

Resting state

carousels

socials

photography

new releases

new articles

Resting state

Resting state

Hover state

Hover state

aritsts

Heading 3

Anybody

Weight 700

Width 115

Size 40

secondary

buttons

Weight 700

Width 115

Size 20

Primary

Buttons

Anybody

Weight 700

Width 115

Size 32

Body copy

Anybody Regular

Size 20

Heading 3

Anybody

Weight 700

Width 115

Size 40

Body copy

Anybody Regular

Size 20

Heading 3

Anybody

Weight 700

Width 115

Size 40

Kammeron Frost

Kam Frost (she/her) is a Boston-based 20-year-old musician studying at the Berklee College of Music. With an outgoing and energetic personality, Kam enjoys different forms of self-expression without the conversations like singing, dancing, painting, etc. Kam’s music does not belong to one specific genre but rather is an amalgamation of urban R&B Hip-hop, alternative, soul, funk, and overall experimental. Her musical inspirations are Jill Scott, Doja Cat, Smino, Kyle Dion, Micheal Jackson, SZA, Summer Walker, Tank and the Bangas, and FLO.

DPF

DPF aka Dante is an artist based in his bedroom. His long held love of music turned into making hyperpop with friends made on the internet. His songs are built around his evocative lyrics and vocals and brought together by layered, genre blending production. Fans of ericdoa and Midwxst should tune in for tracks that artfully navigate the line between pop and rap, grabbing sounds from r&b and jazz along the way.

Clifford The Band

Clifford is a post-punk band formed in the summer of 2019. Based in Boston, Clifford is one of the bands navigating the New England’s underground band scene. They released their first full-length album in 2021 titled ‘Projections of A Body Electric.’ The twangy, post-rock band features Miles on lead vocals and electric guitar, Nate on bass, Danny on electric guitar, and Ben on percussion. They signed with Green Line Records in the Fall of 2022, months later releasing their new EP featuring other local artists like Mei Semones.

Mei Semones

Mei Semones is a Boston-based artist creating jazz-influenced indie-pop songs with lyrics in both Japanese and English. Drawing from her background in jazz guitar and her Japanese heritage, she uses advanced harmonic and rhythmic concepts and two different languages to create compelling songs that soothe and comfort the soul. Mei’s influences include John Coltrane, Wes Montgomery, Thelonious Monk, João Gilberto, The Smashing Pumpkins, and Nirvana, with a sprinkle of folk. Combining these different influences, her songs invite listeners into a musical universe where genres freely mingle and merge.

Main era

Main Era is a collaborative project between Garrett, Jack, Maeve, and Willie. Inspired by early 2000s garage rock, indie, and alternative, their music captures the liminal space between juvenile innocence and life’s unavoidable senescence. The band focuses on high energy and experimental live performances that flourished within Boston's music scene.

grid system

Grid

12 columns

Margins: 100

Gutter: 20

20 px

150 px

117 px

ARTISTS

LATEST IN MUSIC

EVENTS

ABOUT

CONTACT

navigation

Horizontal: 150 px

Vertical: 50px

Horizontal: 150 px

Vertical: 100px

Padding

Padding

Secondary

Buttons

Simplified Logo

Spacing

Spacing

Socials Buttons

Spacing

Spacing

Full Logo

Anybody

Weight 700

Width 115

Size 20

#ECF0E3

115 x 85 px

#ECF0E3

479 px

220 px

220 px

95 px

800 x 78 px

#45BF27

STREAM CARAMEL NOW

EZRA CARES

AIDY

About Caramel

latest release with

greenline records

Caramel lives and breathes music. Only 20 years old, he writes, performs, and produces all of his work from genres including pop, indie, alternative R&B, & rap. He began his musical journey studying classical piano at the Cleveland Institute of Music for 10 years, before transitioning into songwriting in high school. Shortly after, Caramel worked alongside poet and business partner Weatherspoon to found a multi-dimensional artist collective L.L.K! (Little Little Kids). With the support of Nwaka Onwusa, the head curator of the Rock Hall of Fame, they released their first self-titled studio album, Little Little Kids. His theme “Roadtrip”, exudes his persona of a traveler and he writes his music as a way to guide himself, and others, to their final destination. CARAMEL performed his most popular song to date “Gone By The Morning” at Boston College’s annual Showdown event, listing over 5,000 people in attendance. His EP “Roadtrip” has over 10,000 streams on Spotify and Apple Music. In his upcoming album “S.O.U.L”, released in 2024, CARAMEL is taking a new approach to the music, incorporating live instruments and vocalists. The album is inspired from Black built gospel, Hip-Hop, and jazz music.

2024 • Single

CARAMEL

nameless

HOME

ARTISTS

LATEST IN MUSIC

EVENTS

ABOUT

CONTACT

officialgreenlinerecords@gmail.com

gooddoglicensing.com

© 2024 Green Line Records. All Rights Reserved.

FOLLOW US ON SOCIAL MEDIA

ARTISTS

LATEST IN MUSIC

EVENTS

ABOUT

CONTACT

WORDS

SEE MORE

Kammeron Frost

Kam Frost (she/her) is a Boston-based 20-year-old musician studying at the Berklee College of Music. With an outgoing and energetic personality, Kam enjoys different forms of self-expression without the conversations like singing, dancing, painting, etc. Kam’s music does not belong to one specific genre but rather is an amalgamation of urban R&B Hip-hop, alternative, soul, funk, and overall experimental. Her musical inspirations are Jill Scott, Doja Cat, Smino, Kyle Dion, Micheal Jackson, SZA, Summer Walker, Tank and the Bangas, and FLO.

DPF

DPF aka Dante is an artist based in his bedroom. His long held love of music turned into making hyperpop with friends made on the internet. His songs are built around his evocative lyrics and vocals and brought together by layered, genre blending production. Fans of ericdoa and Midwxst should tune in for tracks that artfully navigate the line between pop and rap, grabbing sounds from r&b and jazz along the way.

Artist Spotlight - Streaming

Latest in Music - Articles Carousel (clickable)

Past Artists Carousel - Links to Social Media

Our Processes - Timeline UI

UI APPLICATIONS & EXAMPLES

Spring 2024

made by scout