Sketch Design Framework

Element Templates

Use code icon (</>) to grab the code

Style:

Avatar Card – Hydrogen

  • Avatar Card
  • Aristotle
  • Plato

Jonathan Doughnut

Avatar Card – Helium

  • Avatar Card
  • Aristotle
  • Plato

Jonathan Doughnut

Title

Avatar Card – Lithium

  • Avatar Card
  • Aristotle
  • Plato

Jonathan Doughnut

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error dolor consequatur, minima provident iure saepe blanditiis aliquam magni fuga.

Avatar Card – Beryllium

  • Avatar Card
  • Aristotle
  • Plato

Jonathan Doughnut

Read Bio

Avatar Card – Carbon

  • Avatar Card
  • Aristotle
  • Plato

Jonathan Doughnut

Job Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error dolor consequatur, minima provident iure saepe blanditiis aliquam magni fuga.

Avatar Card – Nitrogen

  • Avatar Card
  • Aristotle
  • Plato

Jonathan Doughnut

Job Title

Read Bio

Avatar Card – Oxygen

  • Avatar Card
  • Aristotle
  • Plato

Jonathan Doughnut

Job Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error dolor consequatur, minima provident iure saepe blanditiis aliquam magni fuga.

Read Bio

Image Card – Hydrogen

  • Image Card
  • Aristotle
  • Plato

Image Heading

Image Card – Helium

  • Image Card
  • Aristotle
  • Plato

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error dolor consequatur, minima provident iure saepe blanditiis aliquam magni fuga.

Image Card – Lithium

  • Image Card
  • Aristotle
  • Plato
Read more

Image Card – Beryllium

  • Image Card
  • Aristotle
  • Plato

Image Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error dolor consequatur, minima provident iure saepe blanditiis aliquam magni fuga.

Image Card – Carbon

  • Image Card
  • Aristotle
  • Plato

Image Heading

Read more

Image Card – Nitrogen

  • Image Card
  • Aristotle
  • Plato

Image Heading

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Error dolor consequatur, minima provident iure saepe blanditiis aliquam magni fuga.

Read more

Icon Card – Hydrogen

  • Icon Card
  • Aristotle
  • Plato

Icon Heading

Icon Card – Helium

  • Icon Card
  • Aristotle
  • Plato

Icon Heading

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta eligendi rerum officiis dolorum, explicabo eius illo fugit?

Icon Card – Lithium

  • Icon Card
  • Aristotle
  • Plato

Icon Heading

Link

Icon Card – Beryllium

  • Icon Card
  • Aristotle
  • Plato

Icon Heading

Lorem ipsum dolor sit amet consectetur, adipisicing elit. Soluta eligendi rerum officiis dolorum, explicabo eius illo fugit?

Link

Article Card – Hydrogen

  • Article Card
  • Plato

Article Title

Article Card – Helium

  • Article Card
  • Plato

Article Title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id tenetur praesentium doloribus in ipsum obcaecati beatae modi. Accusamus quia beatae laboriosam ipsam, nobis eveniet nam iure dolorum, provident rem illum.

Article Card – Lithium

  • Article Card
  • Plato

Article Title

Author name

•

1/1/70

Article Card – Beryllium

  • Article Card
  • Plato
Taxonomy Term

Article Title

Article Card – Boron

  • Article Card
  • Plato

Article Title

Author name

•

1/1/70

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id tenetur praesentium doloribus in ipsum obcaecati beatae modi. Accusamus quia beatae laboriosam ipsam, nobis eveniet nam iure dolorum, provident rem illum.

Article Card – Carbon

  • Article Card
  • Plato
Taxonomy Term

Article Title

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id tenetur praesentium doloribus in ipsum obcaecati beatae modi. Accusamus quia beatae laboriosam ipsam, nobis eveniet nam iure dolorum, provident rem illum.

Article Card – Nitrogen

  • Article Card
  • Plato
Taxonomy Term

Article Title

Author name

•

1/1/70

Article Card – Oxygen

  • Article Card
  • Plato
Taxonomy Term

Article Title

Author name

•

1/1/70

Lorem ipsum dolor sit amet consectetur adipisicing elit. Id tenetur praesentium doloribus in ipsum obcaecati beatae modi. Accusamus quia beatae laboriosam ipsam, nobis eveniet nam iure dolorum, provident rem illum.

Search Form – Hydrogen

  • Search
  • Aristotle
  • Plato

Brand Identity – Hydrogen

  • Brand Identity
  • Plato
Sketch

Brand Identity – Helium

  • Brand Identity
  • Plato

Brand Identity – Lithium

  • Brand Identity
  • Plato
Sketch

Text Card – Hydrogen

  • Text Card
  • Plato

Heading text

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

Text Card – Helium

  • Text Card
  • Plato

Heading text

Link/button

Text Card – Lithium

  • Text Card
  • Plato

Eyebrow

Heading text

Text Card – Beryllium

  • Text Card
  • Plato

Heading text

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

Link/button

Text Card – Boron

  • Text Card
  • Plato

Eyebrow

Heading text

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

Text Card – Carbon

  • Text Card
  • Plato

Eyebrow

Heading text

Link/button

Text Card – Nitrogen

  • Text Card
  • Plato

Eyebrow

Heading text

Lorem ipsum dolor, sit amet consectetur adipisicing elit.

Link/button

Star Rating

  • Star Rating
  • Plato
© Sketch