Nucleus design system
Search for components
Foundations
colours
lists
typography
Examples
cards
homepage
images
inputs
ns-landmark
ns-live
ns-skeleton
page-types
panels
passwords
progress
search
table
Form Components
ns-datepicker
ns-fieldset
ns-form
ns-inputter
ns-password
ns-selector
Components
ns-accordion
ns-appointment-picker
ns-article
ns-card
ns-caveat
ns-column
ns-content
ns-cta
ns-download
ns-editorial
ns-expander
ns-footer
ns-header
ns-highlighter
ns-icon
ns-illustration
ns-image
ns-landmark
ns-live
ns-lockup
ns-panel
ns-pill
ns-price
ns-product-card
ns-progress
ns-skeleton
ns-skyline
ns-slot-picker
ns-standout
Subtle
ns-tab
ns-table
ns-tabs
ns-testimonial
ns-timeline
ns-video
Experiences
nsx-address-selector
nsx-footer
nsx-header
nsx-marketing-consent
nsx-product-card-overview
Recently opened
ns-standout
Components
Back to components
ESC
Clear history
Knobs
Accessibility
Snippet
Decoration
cyan
lime
navy
blue
forest
slate
orange
red
yellow
Content
<ns-content> <h2 class="h5">Semiotics health goth</h2> <p>Activated charcoal salvia fixie cardigan <b>put a bird on it.</b></p> <ul class="ul-bullet"> <li>Selvage slow-carb raclette.</li> <li>Cronut before they sold out knausgaard.</li> </ul> <p>Raclette locavore normcore, cred <a href="#!">microdosing raw denim</a> intelligentsia biodiesel.</p> </ns-content>
Copy
Reset