Style Guide

Table of Contents

Logo Color Choices in Use

xr:d:DAF9poJtm8Q:12,j:3382622955573852557,t:24022323
xr:d:DAF9poJtm8Q:12,j:3382622955573852557,t:24022323
Logo green radiate square with splash shape and the words RadiateU

TYPOGRAPHY HEADINGS, PARAGRAPHS, LISTS, AND OTHER INLINE-TYPE ELEMENTS

Headings & Copy

Base Font – Lato Regular 1.2 rem

H1. Heading 1

Font: Recursive 800, 2.2 Rem

H1 – The quick brown fox jumped over the lazy dog.

H2. Heading 2

Font: Recursive 800, 1.7 REM All Caps

H2 – The quick brown fox jumped over the lazy dog.

H3. Heading 3

Font: Lato 700, 1.4 REM, All Caps

H3 – The quick brown fox jumped over the lazy dog.

H4. Heading 4

Font: Recursive 1.4 REM

H4 – The quick brown fox jumped over the lazy dog.

H5. Heading 5

Font: Lato, 700 Italics, 1.3 REM

H5 – The quick brown fox jumped over the lazy dog.
H6. Heading 6

Font: Recursive 1.1 REM All Caps

H6 – The quick brown fox jumped over the lazy dog.

Links

Link Text (color #1C731D and hover color #4F5C72)

This is how link text shows up in your paragraph.

Paragraph

Paragraph
Font: Lato, regular, 1.2 REM

Bold – Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Italics – Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vestibulum nisi non neque hendrerit, vitae vulputate tortor vestibulum. Suspendisse potenti. Morbi cursus est vitae dui blandit pharetra. Praesent consequat quis urna a ultrices. Pellentesque malesuada est at tempor pretium. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Colors

This is the accent alt color. Do we like this?

This is the accent color. Do we like this?

This is the strongest color. Do we like this?

This is the strong text color. Do we like this?

This is the medium text color. Do we like this?

This is the subtle text color. Do we like this?

This is the subtle background color. Do we like this?

This is the lighter background color. Do we like this?

This is the white color. Do we like this?

Testimonial

Jeremy Saxey presenting at Eth Denver in front of an audience about the Rocket School project.

Best Service Ever

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vestibulum nisi non neque hendrerit, vitae vulputate tortor vestibulum. Suspendisse potenti. Morbi cursus est vitae dui blandit pharetra. Praesent consequat quis urna a ultrices. Pellentesque malesuada est at tempor pretium.
Jane P Normal
CEO of Company

Block Quote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam dolor, accumsan sed rutrum vel, dapibus et leo.

Jane P. Normal, CEO of Company

Block Quote 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean diam dolor, accumsan sed rutrum vel, dapibus et leo.

Jane P. Normal, CEO of Company

Lists

Unordered List

  • Lorem ipsum dolor sit amet
  • Consectetur adipiscing elit
  • Integer molestie lorem at massa
  • Facilisis in pretium nisl aliquet
  • Nulla volutpat aliquam velit
  • Phasellus iaculis neque
  • Purus sodales ultricies
  • Vestibulum laoreet porttitor sem
  • Ac tristique libero volutpat at
  • Faucibus porta lacus fringilla vel
  • Aenean sit amet erat nunc
  • Eget porttitor lorem

Ordered List

  1. Lorem ipsum dolor sit amet
  2. Consectetur adipiscing elit
  3. Integer molestie lorem at massa
  4. Facilisis in pretium nisl aliquet
  5. Nulla volutpat aliquam velit
  6. Phasellus iaculis neque
  7. Purus sodales ultricies
  8. Vestibulum laoreet porttitor sem
  9. Ac tristique libero volutpat at
  10. Faucibus porta lacus fringilla vel
  11. Aenean sit amet erat nunc
  12. Eget porttitor lorem

Media

Full-Width Background mage

Medium

Thumbnail

Blog Roll

Jeremy Saxey presenting at Eth Denver in front of an audience about the Rocket School project.

Rocket School’s Team Presentation with Juxta

By Carol
Posted in ,
Juxta Presents at ETHDenver ETHDenver is an annual conference and hackathon that brings together developers, entrepreneurs, and enthusiasts from the Ethereum and blockchain community. It’s a bustling event where new ideas are shared, projects are showcased, and collaborations are formed, all to advance the Ethereum ecosystem. At ETHDenver 2024, Juxta presented an exciting educational project…
Read More Rocket School’s Team Presentation with Juxta
hands typing with podcast and studio equipment in the back representing a creator

The Creator Economy

By juxtanotherposition
Posted in
Crypto nug of the day: Web3 is being built on blockchain tech and one important reason why is it provides news ways to coordinate economic incentives. On an episode of the Bankless Podcast titled “The Creator Economy”, Li Jin from the panel broke down the Creator Economy into 4 chapters: Rise of social networking (everyone…
Read More The Creator Economy
Geometric shapes symbolizing decentralization

Defi vs Cefi vs TradFi

By juxtanotherposition
Posted in
DeFi stands for “Decentralized Finance”, CeFi stands for “Centralized Finance”, TradFi stands for “Traditional Finance” TradFi is what we are all familiar with: banks. We already get it. Enough said. CeFi is institutional, in the context of crypto, it would be companies like Coinbase. You link your bank account and exchange traditional money for cryptocurrency….
Read More Defi vs Cefi vs TradFi

Colors

,

Buttons

Button
Alternative Button

Content Width

The width of content greatly affects the readability of a paragraph of text. Considering the base font size:

  • The default content width for this site is 1290 px wide.
  • The default row padding is top (XL), right (XL), bottom (XL), left (XL).

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vestibulum nisi non neque hendrerit, vitae vulputate tortor vestibulum. Suspendisse potenti. Morbi cursus est vitae dui blandit pharetra. Praesent consequat quis urna a ultrices. Pellentesque malesuada est at tempor pretium. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc nec augue massa. Cras in ultricies purus. Quisque vitae luctus diam. Quisque risus orci, lobortis vitae magna a, mattis molestie urna. Maecenas posuere ac eros sit amet consectetur. Nullam est sem, congue vitae nisl eu, ornare feugiat tortor. Vestibulum volutpat sapien quis turpis tempor, et sollicitudin leo hendrerit. Pellentesque a imperdiet lorem, sed pharetra lacus. Donec vitae ullamcorper mi, at imperdiet ex. Nam ac suscipit justo.

Aliquam orci felis, rutrum at lacus vel, mattis congue sapien. Nam sapien nisl, bibendum non sapien porttitor, luctus accumsan erat. Cras mattis tempus lectus ac gravida. Etiam eu nisi egestas, elementum ligula mattis, scelerisque lorem. Maecenas facilisis magna enim, eget congue ante euismod et. Sed aliquet ullamcorper quam, vel pretium turpis euismod ac. Mauris ut justo leo. Suspendisse in suscipit ante.

Aenean laoreet suscipit nulla, ac maximus eros blandit mattis. Pellentesque vitae ex vel diam sodales congue. Donec eu ligula eget nunc laoreet ullamcorper quis eget sapien. Morbi sit amet pellentesque augue. Vestibulum fermentum convallis augue non tristique. Nam posuere dapibus erat, id viverra arcu auctor in. Nulla condimentum ex et commodo lobortis. Phasellus id tellus eget mi luctus pharetra. In sed ornare orci, non suscipit metus. Mauris ut vehicula nisl, quis dapibus mauris. Suspendisse sapien eros, vulputate quis pulvinar id, sodales mollis justo. Donec ac felis nunc. Sed consectetur, eros sit amet interdum feugiat, odio purus commodo orci, id tincidunt felis justo vitae massa. Aliquam tincidunt aliquet justo, sit amet vestibulum urna pretium sagittis.

Quisque sit amet pulvinar urna. Nulla pharetra in urna ac tempus. Pellentesque lobortis semper ultricies. Ut vehicula vel nibh convallis commodo. Suspendisse sed ullamcorper lorem. Quisque auctor maximus eros, congue mollis elit euismod vitae. Aenean at accumsan urna. Integer quis tincidunt libero. In nec diam feugiat, pulvinar purus non, dictum turpis. Sed venenatis, justo sed cursus lobortis, odio nulla condimentum ipsum, at dignissim dolor libero in arcu. Donec ut justo lobortis, porttitor sapien vel, iaculis arcu. Vivamus a leo eget est mattis sagittis et ac nulla.

Nunc tempor, nulla non posuere fermentum, augue ipsum pulvinar ex, in blandit arcu risus vitae nulla. Aenean sit amet pulvinar ante. Nam sodales orci placerat feugiat elementum. Duis nec orci porta est euismod lobortis eget id velit. Sed accumsan est ut pharetra sagittis. Nulla interdum vel dui ullamcorper porttitor. In vehicula lobortis elit, vel elementum lectus semper quis. Mauris imperdiet tellus in venenatis feugiat. Quisque lobortis risus ac orci imperdiet, ullamcorper porta metus ultricies. Maecenas vitae justo tellus. Aliquam dignissim vehicula euismod. Phasellus vel mattis elit.